推荐阅读

CorelDRAW绘制绿色的森林一角场景
该实例制作了一幅森林场景画面,画面以绿色调为主,通过不同绿色之间的搭配关系营造出丰富的色彩关系。在处理手法上要注意表现画面的纵深感,并且要层次分明、主次有序。图3-2为本实例的完成效果。图3-2 本实例完成效果3.1.1 技术提示本实例的画面具有一定的纵深感,制作时通过为图形添加阴影效果,拉开了画面的层次,给人一种纵深的空间感。如图3-3所示,为本实例的制作流程。图3-3 本实例制作流程3.1.2 制作步骤:绘制远景植物(1)启动CorelDRAW,新建一个工作文档,在属性栏中将“微调偏移值”设为0.1mm,其他参数保持系统默认。然后使用“矩形”工具,在视图中绘制矩形。如图3-4所示。

Photoshop调出唯美冷色效果的外景人像
最终效果原图1、打开素材图片渐变映射调整图层,参数如下 选用较暖的明暗色作为叠加层,确定后把混合模式改为“叠加”,不透明度改为:30%,如下图。2、创建色彩平衡调整图层,参数及效果如下图。

(10-2):使用字符调板
1012以上是在文字工具的公共栏中出现的选项。在点击了字符调板按钮后即会出现字符调板【窗口_字符】,如下图。在其中可以对文字设定更多的选项。在实际使用中也很少直接在公共栏中更改选项,大多数都是通过字符调板完成对文字的调整的。其中的字体、字体形式、字号、颜色、抗锯齿选项就不重复介绍了。注意其中的为亚洲文本选项,需要在Photoshop首选项〖CTRL_K〗的常规选项中开启“显示亚洲文本选项”才会出现。1013拼写检查选项是针对不同的语言设置连字和拼写规则,如下右图显示了英国英语和美国英语对同样文字的不同连字方式。注意,末尾连字只有在框式文本输入时才有效。因为框式文本是自动换行的。通过手动换行的文字是不会有连字效果的。有关框式文本的输入方法在本节后面部分介绍。连字和拼写规则对于中文是没有意义的。因为汉字为单体结构,即一个汉字字符已携带完整含义,而字母系语言需要多个字符组合才能携带完整含义。也正是因为汉字携带的信息巨大,因此现在电脑的计算能力还不足以完美处理中文化的信息结构。-1014行间距控制文字行之间的距离,若设为自动,间距将会跟随字号的改变而改变,若为固定的数值时则不会。因此如果手动指定了行间距,在更改字号后一般也要再次指定行间距。如果间距设置过小就可能造成行与行的重叠。如下左图是自动行距与手动指定为12像素行距的比较。如果有重叠发生,下一行文字将会遮盖上一行。1015竖向缩放相当于将字体变高或变矮,横向缩放相当于变胖和变瘦,数值小于100%为缩小,大于100%为放大。如下右图中3个字分别为标准、竖向50%、横向50%的效果。-1016在字符调板中有比例间距和字符间距,它们的作用都是更改字符与字符之间的距离,但在原理和效果上却不相同。我们可以动手来理解它们的区别,新建一个足够大的图像,打上simple这几个字母,字体为黑体,大小为72像素。如下图左端所示,我们看到整个文字的宽度是由字符本身的字宽与字符之间的距离构成的。这两者都是在制作字体的时候就定义好的。有的字符本身较窄,但其左右的字距也较大,这样做是为了保证每个字符占用的宽度一致。否则,较窄的字符就只能占用较小的宽度。但这种设计却也造成了字符之间疏密不同。如下图中的mp之间与pl之间的疏密就不同。这种情况一般出现在使用中文字库输入字母的时候,Windows系统自带的黑体、宋体、楷体字体都存在这种现象。因此输入英文时应避免使用这些字体。字宽与字距间的比例将随着字号的大小相应改变,也就是说,对于同一个字体来说,字号越大,字符之间的距离也越大。反而反之。那么,字符间距选项的作用相当于对所有字距增加或减少一个相同的数量。可手动输入数值。如下图中将字符间距减去100,所有的字符间距都减去100,字符就互相靠拢了。但是这样做并没有改变疏密不同的情况,尽管mp已经是互相紧靠着密不透风,但pl还是有很大的距离。当然,如果继续减少字符间距也可以最终令pl之间也“密不透风”(设为-300左右),但mp之间却会产生重叠的效果了。我们可以用一个简单的算式来理解:假设mp原来的距离为100,pl之间的距离为300,当字符宽度设置为-100的时候,mp之间的距离为0,pl之间的距离还有200。要令pl之间的距离为0,字符宽度必须设置为-300,但同时mp的距离必须为-200,所以mp产生了重叠的现象。比例间距选项的作用是同比例地减少(注意,只能是减少而不能增大)字符的间距。按照上一个算式中的前提来假设计算的话就是:当比例间距设为50%,相当于所有字符间距减半(mp间距为50,pl间距为150),当设为33%的时候,所有字符间距减为原先的三分之一(mp间距约为30,pl间距为100),当设为100%的时候,所有字符的间距就都被降为0了。因此我们看到的效果是所有字符都彼此依靠(抗锯齿选项及字体形式的不同可能带来微小差异)。1017间距微调选项是用来调整两个字符之间的距离,使用方法与字符间距选项相同。但其只能针对某两个字符之间的距离有效。因此只有当文本输入光标置于字符之间时,这个选项才能使用。1018竖向偏移(也称基线偏移)的作用是将字符上下调整,常用来制作上标和下标。正数为上升,负数为下降。一般来说作为上下标的字符应使用较小的字号。如下图。1019强迫形式的名称是我们为了与文字形式相区别而起的,它的作用也和文字形式一样是将字体作加粗、加斜等效果,但选项更多。即使字体本身不支持改变形式,在这里也可以强迫指定。它与字体形式可以同时使用,效果加倍(更斜、更粗)。其中的全部大写字母选项的作用是将文本中的所有小写字母都转换为大写字母。而小型大写字母选项的作用也是将所有小写字母转为大写,但转换后的大写字母将参照原有小写字母的大小。如下图所示。上标与下标选项的作用与竖向偏移类似,就是增加了可同时缩小字号的功能。下划线选项与删除线选项的作用是在字体下方及中部产生一条横线。

用PS完美抠出复杂的羽毛头饰的简单教程
打开如下图片,复制图层,将 背景 层锁定。我们将在复制层进行抠图,隐藏背景层。选择 >> 色彩范围,打开色彩范围窗口,选择最左边的吸管工具并点击图像背景,这时在色彩范围窗口中你会发现被选择部分变成了白色,移动颜色容差滑杆,使得图像大部分区域变成黑色,并且背景易于选取。提示:要添加颜色到选区时,应使用中间的吸管工具点击要添加的色彩部分2 获得选区,在通道面板中,按下“将选区存储为通道”按钮,得到一alpha通道,取消选择(Ctrl+D),点击“Alpha 1”层,这时图像变成黑白色。提示:图像中的黑色区域是我们要保留的部分,白色为要扣除的部3 这时我们发现图像中还有部分灰色区域,这些将成为半透明区域,所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶,打开色阶窗口,由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变的更清晰4 选择黑色笔刷并提高笔刷边缘硬度,涂抹需要保留的区域,用白色笔刷涂抹羽毛边缘,根据涂抹区域大小的不同使用不同粗细的笔刷
最新发布

Fireworks MX之旅:网页制作
fireworks、dreamweaver和flash被网页设计爱好者并称为“网页制作三剑客”,可见fw在网页制作上还是有很强的实力的,今天我们就来看看fwmx在网页制作上有哪些改进吧。 我们先准备一张很简单的图片,想要在此基础上加上一个pop菜单以及作一个网站的连接。 在左上角用文字工具写上了菜单的连接位置,选中,转换成slice切片,点击modify>pop-up menu>add pop-uo menu开始建立一个pop菜单。 在弹出的对话框中分别将相关选项填上,确定,一个简单实用的pop菜单就作好了。 这时图片上已经被切成了5个部分,选中文字切片,出现了菜单的位置。我们还可以直接用鼠标移动这个菜单出现的位置。

Fireworks MX之旅:导入文字的再编辑
fwmx在help文件中写到:fwmx增加了支持ps的psd文件文字再编辑的新特性,为了验证这个特性,我们来作个实验。 在ps6中随便写了几个字,保存成psd后退出,启动fwmx。 在fwmx中打开刚才保存的psd文件,这时fwmx里弹出了一个警告对话框,要我们选择是保持原来的字体还是更换一个字体。 我选择了第一个选项,保持原来的字体。 这时可以看到psd里的文字特性已经被完好的保持下来,从字体到文字大小、位置都和psd里的一模一样。 但是当我习惯性的用选择工具双击文字时,字体发生了改变: 这又是一个bug,不知道是不是因为还是测试版的原因。不过总的来说,fwmx对ps的支持也开始加强了。 fwmx正式版就快出来了,通过这几天的fwmx测试之旅,有惊喜,有失望。不过总的来说,fwmx还是在进步着。也许是测试版的关系,我们还发现不少bug,比如文字输入有时会出现乱码等等,期待能在正式版中有所改进。

Fireworks MX之旅:耳目一新的界面
拿到fireworks 最新版本的测试版,刚刚装完就开始试用了,用后的感觉就象一位好朋友说的:"The Age of MX!" 。对,这个最新的fireworks就是我们期待以久的Fireworks MX!(注:以下将Fireworks MX简称为fwmx)。 废话少说,让我们先来看看fwmx有些什么新的变化吧。:) 首先感觉变化最大的就是fw的icon了,由原来的抽象的红色烟花图案转变成了土黄色fw字母图案,这个变化就如同flash mx的icon变化一样,也是mx系列软件相同的一个风格。同时,png图片的icon也变成了相同的风格 让我们点击这个icon开始启动fwmx,进行我们第一天的烟花旅程吧。 首先映入眼帘的是fwmx的启动画面。 和以前相比,启动画面简洁了很多,和flash mx、dw mx 的风格非常统一。 现在进入fwmx的世界了,和flash mx一样,一开始会让你选择一个自己喜欢的界面风格,比如是美工风格还是网页制作风格。我这里还是自定义了自己的界面。

Fireworks MX图层混合实例剖析
图层是图形处理中最基本的概念,但是笔者发现很多朋友对于Fireworks MX的图层混合模式似乎并不是十分的了解,其实如果用好了图层的混合,很多复杂的效果垂手可得。不相信?那么我们一起往下看。 步骤1: 打开Fireworks MX,使用菜单命令File-open命令打开一张位图(如图1)。 Multiply混合模式的含义是:将被选定图层与其下方图层的颜色进行混合,表现得更加暗淡,如果被选定的图层为黑色,则混合后为黑色,被选定图层为白色,则不会有任何效果。 步骤5: 点击混合模式的下拉框,选择混合模式为Screen,所得到的效果如图所示(如图6)。 Screen混合模式的含义是:将被选定图层与其下方图层的颜色进行混合,表现得更加明亮,如果被选定的图层为白色,则混合后为白色,被选定图层为黑色,则不会有任何效果。 步骤6: 点击混合模式的下拉框,选择混合模式为Darken,所得到的效果如图所示(如图7)。 Darken混合模式的含义是:将被选定图层与其下方图层的颜色进行对比,亮的部分会使用下层图层的图象,暗的部分会将两个图层混合,显示出更暗的效果。 步骤7: 点击混合模式的下拉框,选择混合模式为Lighten,所得到的效果如图所示(如图8)。 Lighten混合模式的含义是:将被选定图层与其下方图层的颜色进行对比,暗的部分会使用下层图层的图象,亮的部分会将两个图层混合,显示出更亮的效果。 步骤8: 点击混合模式的下拉框,选择混合模式为Difference,所得到的效果如图所示(如图9)。 Difference混合模式的含义是:使用被选择图层的颜色,下层图层的明暗进行混合。 通过以上的实例大家对Fireworks MX的图层混合模式应该有一定的认识了,其实在实践中只要我们灵活应用这些功能,就可以轻松制作很多专业复杂的效果。

使用Fireworks MX 绘制手机
大家都知道Mecormedia Fireworks MX是制作网站图片的利器,其实Fireworks MX功能远不至这些,我们可以利用其强大的矢量绘图功能绘制很多逼真的图形,甚至还可以进行软件内界面的设计以及一些平面设计工作,今天我们就来学习怎样深度挖掘Fireworks MX的这些功能。 现在不少朋友应该都有手机吧?我们来学习绘制自己的手机,由于手机造型千变万化,因此笔者以自己使用的是松下GD90型号手机为例进行绘制,你应该主要掌握绘制方法而不必拘泥于某些小节(如颜色),在掌握方法后你可以根据自己手机不同造型来进行修改。 步骤1: 打开Firworks MX,使用菜单命令新建一个文件,大小为800*600,背景色为白色(如图1)。 步骤2: 在工具栏上鼠标在矩形工具图标上按下不放,在弹出的菜单中选择圆角矩形(Rounded Rectangle Tool)(如图2), 绘制一个矩形。在下方Properties面板上设置宽为150,高为170。在Rectangle Roundness后的文本框内输入数字50(这个数值控制圆角矩形圆角的弧度),并且点击Effect后的加号按钮,在弹出菜单中选择Bevel and Emboss-Inner Bevel(如图3), 将出现Inner Bevel的属性设置对话框,设置类型为Smooth,范围为15(如图4)。 最后鼠标点击Fill color图标后的下拉框,选择填充类型为Liner(线性渐变),并按图所示设置渐变色(如图5)。

Fireworks MX对网页的逆向导入
当你看到一个漂亮的网站的时候,你有没有想过去研究一下它是如何制作出来的?现在Fireworks MX提供了这样一种神奇的功能,它可以导入Htm或者Html格式的网页文件,将其生成为一张图。其实就是Fireworks输出页面的逆向操作,可以方便大家在没有Png格式源文件的时候修改网站页面。 理论上来说只要你可以正常浏览此页面,你就可以将此页面变成可编辑的图片格式进行再加工。不过在实际的操作中,我们发现一些大型的专业网站页面由于它们的Html代码经过了优化的处理,所以在导入时会发生错误,(如图1)。 不过光是这一个功能的创意就已经很值得我们兴奋了,我们可以用它来帮助我们分析学习很多优秀的页面。当然如果导入的Htm页面原本来就是由Fireworks生成时,Fireworks MX 可以一点不差的还原它。 下面我们就来看看怎样使用这个神奇的功能: 步骤1: 打开Fireworks MX,先新建一个图形文件,文件的尺寸不妨设置得大一点,比如700*700。然后使用菜单命令File-Import,打开Import对话框(如图2)。 步骤2: 在打开的Import对话框中选择我们在Fireworks MX制作下拉菜单一文中输出的已经进行了切割处理的Htm文件(如图3)。 步骤3: 点击ok按钮,我们回到了工作区域,此时可以发现鼠标已经由箭头形式变化为一个直角标志。将鼠标移动到图形区域的左上角,按下鼠标左键拖曳鼠标,就会出现一个虚线框,代表的是由导入的Htm文件生成图形的大小(如图4)。 步骤4: 松开鼠标,我们将看到生成的图片效果(如图5)。

用FW MX的变形工具制作大脚印图标
在我们平时设计网页的时候,不免要经常动手制作一些小的图标以满足实际的需要。Fireworks MX既然做为三剑客之一,在这方面自然有自己独特之处。我们今天就以"大脚印"图标为例子来讲解一些如何使用Fireworks轻松设计网站图标。 步骤1: 打开Fireworks MX,使用菜单命令File-New,新建一个文件,宽与高均为300像素,背景色为白色。 步骤2: 在工具栏上选择画圆工具(Ellipse Tool),并且在Properties面板上设置填充色为黑色,边框色无(如图1),绘制一个椭圆(如图2)。目前不需要理会椭圆的大小,只要便于你编辑就可以,我们将在后面再更改其大小,由于Fireworks绘制的椭圆是矢量图形,我们不需要担心在改变大小后影响清晰度。

首例为FWMX编写的命令集IATA
不知大家是否还记得以前Steven Grosvenor制作的一个fw的插件keap,现在它的最新版本已经集成到了fwmx中,这次我们要说的是另一个新的插件――IATA(艾塔)。 众所周知,fwmx中允许我们使用swf形式封装插件,这就意味着我们可以使用flash中的as脚本来编写fw的插件,并且可以使用macromedia Extension Manager来进行管理,这种改变为fwmx插件的编写与使用带来了很大的便捷,同时插件的界面外观也有很大的增强。 据我所知IATA是第一个专门为fwmx开发的命令集,并且它是完全免费的,其包括2个命令――character panel(特殊字符面板)和dynamic guides(动态辅助线)。 下载下来的iata,应该是一个文件名为iata1.mxp,我们只需要双击该文件,就可以自动打开与之关联的macromedia Extension Manager(当然前提是你的电脑里安装了fwmx),点几下确定就会安装完成了,无需重新启动fwmx你就可以直接使用这两个命令。 1 character panel(特殊字符面板) 功能当然就是插入特殊字符了,它是直接在fwmx中增加了一个面板,该面板如下图,选择window > character panel即可显示该面板,该面板具有同fwmx中其他面板一样的功能,可以与其他面板组合。 要插入字符,先拖动下方的滑块来设置字符大小,然后直接双击相应的字符,最后把插入工作区中的字符拖动到相应位置即可。 个人感觉:该插件实用性不大,因为我们一般都会选用输入法中来插入特殊字符,不过这个更直观一点,令人感兴趣的是这个插件中模拟的fwmx面板,功能倒是挺齐全的。 接下来我们再看看更实用的dynamic guides(动态辅助线)插件。 该面板只有2个参数滑杆,上面那个是设置水平辅助线之间的空间。 下面那个是设置垂直辅助线之间的空间,2个滑秆都是按照百分比来设置的,也就是说当你的参数选为h 20 v 20时,整个工作区将被辅助线划分成25个同等大小的正方形区域。 每次应用该插件时,所生成的辅助线都将覆盖原来生成的辅助线,该插件生成的辅助线同手动添加的辅助线一样具有可操作性。 个人感觉:这个插件实用性比较大,很多时候我们都需要生成这样规则的辅助线,这个插件的出现,大大减少了我们设置辅助线时的过程。 iata官方下载地址,只需简单注册就可免费下载,同时还有一个用户手册提供下载

用FW MX制作简单banner
FW MX中的另一种动画实现方式tween instance也很方便,作出的效果简单漂亮: 制作步骤: (1)新建一文件,canvas设为480x60,标准的banner条尺寸。我们分别键入三个文字。选择中间要做变化的New media这个元素,按f8转换为graphic symbol。按shift+ctrl+d进行clone,然后把clone出来的symbol进行适当缩小,并在属性面板中将其透明度设为50%,如图: 同时选中两个symbol,点击右键,在symbol项选择tween instances,或者按ctrl+shift+alt+t,弹出对话框,添入数值5。如图: 这时候我们会发现,虽然我们的动画效果出来了,但是旁边的两个字却没有在接下来的动画中出现,这是因为我们并没有将其分配到每个帧上,当然不会出现的。ok,我们来解决这个问题,同时选中“kingfun”和“world”,打开frame面板,点击右上角的三角形弹出下拉菜单,选中copy to frames然后选all frames,如图: 当然,你也可以在layer面板中把没有分配到每个帧上的元素放到新的一个layer中,然后双击这个layer,使其成为共享层就可以了。这里指出来,主要是给大家一个更广的思路解决问题,更灵活地使用fw mx!

fireworks MX之旅:矢量工具
昨天我们对fwmx的界面有了个大概的了解,今天开始,我们将比较深入的了解一些fwmx工具的用法。 首先我们来看看工具条中矢量工具。 打开fwmx,我首先找的就是钢笔工具 钢笔工具(pen tool) 大家可能会很奇怪,钢笔工具不是在fw一直都有的工具吗?是的,对于fwmx来说,钢笔工具不是新加入的工具,引起我的注意的是,钢笔工具下面有个小三角,难道这里还整合了其他的一些path工具?用鼠标左键按住不动,我看到其他的两个工具。原来,mm公司将原来fw4里的笔刷和重画路径工具都整合到了钢笔下面。 在我们制作矢量图的过程中,钢笔工具可是基础中的基础,如果钢笔用的好,作起图来将会十分的容易和得心应手。所以我们就拿这件工具来开个头,顺便复习一下钢笔工具的用法好了。 作个什么图呢?不如就作个“心”好了,这样如果以后又要类似图片的时候,就不用东找西找的了,直接就可以自己做。 新建一个文件,长和宽各为400,背景色为白色。 点中钢笔工具的图标,这时properties面板将会显示pen tool的一些属性,如下图所示: