Photoshop基础与实例教程5-32

第5篇 综合实例 第32章 FreeHand精彩实例 第 章 FreeHand精彩实例 教学重点与难点 · 渐变制作彩虹 · 使用图形喷管 · Bend工具的使用 · 文字特效编辑 · 动画编辑 在前面的几章中分别介绍了图形对象的绘制和编辑、颜色管理、文字编辑和Xtras增强工具等内容，基本上涵盖了平面设计使用的主要工具，读者应能基本上掌握如何使用FreeHand 10进行平面设计。 本章将利用前面学过的知识进行实例制作，其中包括的对象有天空背景、彩虹、花朵、蝴蝶以及文字。由于对象比较多，最好使用不同的图层进行操作。图32-1为最后效果图。 图32-1 效果图 32.1 天空背景的制作 · 方法一：使用矩形工具。 1）显示图层面板，在该面板上单击选择Background图层，对背景图层进行编辑。 2）用鼠标在图板上拉一个矩形。打开Fill（填充）面板，在填充模式选项中选择渐变模式Gradient。 3）打开调色板，单击选择RGB颜色模式。拖动滑块，调整RGB的数值，使之分别变为78、180、255，即天蓝色。 4）单击调色板左下角的添加按钮，将调整好的颜色从调色板中添加到Swatches颜色列表面板内。 5）将新加入到Swatches面板的颜色拖入到填充面板下左侧的色块内，这时矩形区域内填充为渐变效果。 6）调整渐变填充效果。拖动Fill面板内圆盘，将渐变的角度调整为281度，使天空的渐变略有倾斜，避免画面呆板。 7）调整颜色的填充位置。在填色面板的下部用鼠标单击白色色块，并按住鼠标拖动。这时鼠标的右侧将会出现一个加号，表明现在复制了一个白色色块。拖动时复制的白色色块将会显示在鼠标位置处。将其拖动到渐变色条的中间位置，观察天空背景的变化。可以看出，天蓝色的分布区域变小。这就是调整颜色分布位置的方法之一。 8）调整天空背景的大小，使之分布到整个图板区域。在工具箱内单击选择工具后，用鼠标选中天空背景，按住矩形框的角点拖动，调整使之分布到整个图板区域、 · 方法二：使用Xtras工具 利用Xtras工具中的图形喷管也可以制作天空背景。 1）显示图层面板，在该面板上单击选择Background图层，对背景图层进行编辑。 2）在工具栏内单击鼠标右键，在弹出的菜单中选择Xtras Tools。显示Xtras Tools工具箱。 3）在显示的Xtras Tools工具箱内选择Hose（图形喷管）按钮，双击之，这时弹出Hose（图形喷管）对话框，如图32-2所示。 4）在弹出的对话框中选择Shapes下的Object1，这时预览框内显示一个填充渐变效果的矩形。 5）用鼠标在图板任意位置处单击，则可将在Hose（图形喷管）对话框选中的图形绘制到图板上。 6）之后的操作和前面的方法大致相同，这里不再赘述。 32.2 彩虹的制作 彩虹的特点在于颜色的渐变性。制作彩虹的方法也有两种。一种是通过Xtras工具中的渐变制作，另一种方法是通过渐变填充配合扭曲工具制作。下面以前一种方法为例进行介绍。 1）打开图层面板，单击面板右上角的箭头按钮，弹出图层编辑菜单。在该菜单中选择New，这时在图层列表中多了一个以Layer-1命名的图层。双击该图层的名字，输入新的图层名称Rainbow。这时该图层为当前图层，在图层列表中该图层名称的右侧显示钢笔符号，表明该图层处于编辑状态。同时只能有一个图层处于编辑状态。 2）在图层列表中选择Background图层。每个图层名称的前面有三个显示目前该图层状态的图标。前面的对号图标表明该图层处于可见状态。若单击该对号图标，则对号消失，该图层处于不可见状态。第二个图标，圆形实心点，用于切换该图层内图形对象的显示模式，当前显示模式为显示填充效果。若单击该圆形实心点，则该实心点变为空心，而该图层内的图形对象的当前显示状态为仅显示图形轮廓线。第三个图标为一个锁的样子，当锁定该图层时，该图标中的锁为关闭状态，此时该图层为不可编辑状态。在这里为了保持上面天空背景的编辑效果，将Background图层锁定。 3）在图层列表中选择新建的Rainbow图层，准备制作彩虹。 4）在工具箱内单击选择椭圆工具，按住Shift键，用鼠标在图板上拖动，绘制一个圆形。 5）在工具箱内单击选择切割工具并双击该按钮，在弹出的Knife Tool对话框中，确认切割工具的选项为Freehand徒手画型，切割线条的宽度设定为0。 6）用鼠标在前面画的圆形中部画一条线，圆形与所画线的交点将会显示出来。这时可以单击单独选择圆形的上半部分，表明圆形已经被切割成上下两部分。 7）选择圆形切割后的下半部分，按Delete键将其删除，保留圆形上半部分。 8）单击鼠标右键，在弹出的菜单中选择Edit下的Copy，然后复制4份。 9）分别对复制的4个半圆路径进行编辑，使之符合彩虹的轮廓。用于彩虹外层轮廓的半圆路径需要调整得大一些：单击需要编辑的半圆路径，这时半圆形路径上显示三个控制点。在需要变动的控制点处单击并拖动鼠标，即可对半圆路径的形状进行编辑。彩虹的轮廓路径编辑完成后，接下来的步骤中我门将使用渐变工具，生成彩虹的效果。 10）将轮廓线路径分别加宽线宽。单击选中其中的一个半圆形路径，调出Xtras Operations工具箱，在工具箱内单击加宽路径按钮。弹出Expand Stroke对话框，将Width改为8，其余的几条轮廓线的编辑方法相同。 11）编辑各条轮廓线的颜色。单击选中最外层的半圆形轮廓线，在显示的调色板中选择RGB模式，RGB数值分别为255、0、0。然后将该颜色加入到Swatches颜色面板内。显示Stroke面板，选择Basic模式，并将新编辑的颜色色块拖入到Stroke面板内的色块内。 12）其余的几条轮廓线的颜色编辑方法相同，其颜色分别为0C0M100Y0K、0R255G0B、78R196G255B以及29C100M0Y0K。 13）按住Shift键，单击选择五条彩虹轮廓线，在Xtras Operations工具箱内选择Blend工具，这样彩虹就编辑好了，效果如图32-3所示。 图32-3 彩虹效果 32.3 花朵的编辑 首先使用多边形工具绘制一个五边形。 1）在工具箱内双击多边形工具，弹出Polygon Tool对话框，Number of Sides设置为5，Shape设置为Polygon。单击OK关闭该对话框。 2）在图板上拖动鼠标，绘制一个五边形，如图32-4所示。 3）在Xtras Tools工具箱内选择Bend工具。确认选中上面的五边形后，按住Shift键向五边形外侧拖动鼠标，使五边形形状改变为如图32-4所示的样子。下面需要填充花朵。 4）选择花朵，打开填充面板，在填充模式中选择Gradient渐变模式，并在渐变方式中选择放射状渐变。 5）将前面编辑的红色拖入到填充面板左下角的色块内，黄色拖入到填充面板右下角的色块内，填充效果如图32-5所示。 这样，花朵的编辑就完成了，其余的花朵可按照相同的方法建立。新建一个图层命名为Flower，选中所有的花朵后在图层面板内Flower图层名称上单击鼠标右键，在弹出的菜单中选择Move Selection to this Layer，这样就将花朵移动到新建的图层Flower内。编辑结果如图32-6所示。 32.4 文 字 下面将加入文字Welcome。由于在FreeHand 10对汉字的支持不够，汉字显示有很多问题，所以我们使用英文来说明。 1）在工具箱内单击文字工具按钮，并用鼠标在图板上拖出一个矩形文字框。在文字框内输入Welcome。 2）双击文字框，选中文字框内所有的文字。单击鼠标右键，在弹出的右键中选择Font下的Arial Black，以及Size下的72。 3）调整文字框的大小。打开Object面板，单击Distances下w和h数字框右侧的按钮，使文字框在宽度和高度两个方向和输入的文字相符合，如图32-7所示。 图32-7 输入文字 4）绘制一条曲线路径。在工具箱内选择贝济埃工具，按住Alt键，在图板上依次单击鼠标确定曲线上的控制点。 5）将文字附加到绘制的曲线路径上。按住Shift键，选择文字和曲线两个对象。再选择Text菜单下的Attach to path。 6）选中文字框，选择Text菜单下的Convert to Paths，将文字对象转换为路径。填充颜色为蓝色，效果如图32-8所示。 7）下面进行文字特效编辑。双击Xtras Tools工具箱中的Smudge按钮，设定Fill和Stroke的颜色为天蓝色。这时鼠标的形状改变为手形。选中“Welcome”拖动鼠标，效果如图32-9所示。 图32-8 转换为路径后的文字 图32-9 晕开后的文字效果 至此文字特效编辑完毕。之后新建一个图层，命名为Welcome，选中“Welcome”，将其移入新建的图层内。组合后的效果如图32-10所示。 图32-10 组合后的效果 32.5 蝴 蝶 下面将综合运用所学的内容练习绘制一只彩色蝴蝶。在着手绘制蝴蝶之前，首先要分析图形对象的特点和结构。蝴蝶本身具有很强的对称性：两个翅膀只需画—个就行了，另一个翅膀可以通过反射得到。另外翅膀上的斑点比较多，所以适当组合对象，有利于对图形对象进行管理，方便对象的移动。 1）画翅膀的外形轮廓线。可以通过徒手画工具绘制蝴蝶翅膀的外形轮廓线。 2）选择Xtras Operations工具箱中的Simplify命令，对轮廓线上的控制点进行简化。为了减少变形，将Simplify对话框内的Amount参数设置为3。 3）制作斑点。在蝴蝶翅膀上有许多小的彩色斑点，可以通过徒手画工具或贝济埃工具直接绘制这些斑点；也可以通过椭圆变换，即先绘制椭圆，然后使用自由造型工具对椭圆进行修改。 4）添加斑点，将所制作的斑点进行复制、缩放、然后移动合适的位置。制作完成后如图32-11所示。 图32-11 蝴蝶左侧翅膀 在绘制蝴蝶翅膀轮廓时，一定要保证最后的轮廓线是闭合的。因为只有闭合的路径才能够被填充。有的时候两个端点的距离很近，看起来像闭合，但实际没有闭合。这时可以通过选择路径，然后用Object面板来检查。若closed选项选中，则说明闭合了；如果没有闭合，可将该选项选中强制闭合，系统将用一条直线连接两个端点。 5）为翅膀填充颜色。整蝴蝶使用4种颜色：桔红（0C70M100Y0K）、黄色（0C10M100Y0K）、白、黑。翅膀的背景为黑色。可以根扼个人爱好对斑点填充桔红色、黄色和白色，并尽量错落有致，效果如图32-11所示. 6）选择所绘制的图形对象，运行Modify菜单下的Group命令，将整个翅膀组合成—个对象。 7）绘制蝴蝶的身子。首先绘制一个圆形，然后双击工具箱内的自由变换工具按钮，在弹出的对话框中选择Push/Pull类型，然后将该圆形拖成如图32-12所示的样子。 8）绘制蝴蝶的触角。在图板上用贝济埃工具绘制弧线，作为触角的基础。在Xtras Operations工具箱内选择Expand Stroke命令来宽展触角。调整触角中间节点的位置，使触角看上去头大身细。复制触角并对称后群组，如图32-12所示。 9）摆放身体和触角。将触角、身体和左翼摆放好。选中身体后单击鼠标右键，在弹出的菜单中选择Arrange下的Move Backward命令，将身体放在翅膀的下层，以达到翅膀覆盖身体的效果。 10）生成另—只翅膀。首先对左翼进行Clone（克隆），然后使用镜射工具，形成对称的镜像图形。实际上蝴蝶的两个翅膀并非完全对称。可微调右翼的外形和斑点的形状及颜色分布，增加翅膀的非对称性，以使蝴蝶看起来更加自然。 11）组合蝴蝶。现在蝴蝶已经基本完成了，选中所有对象将其进行组合。 12）旋转蝴蝶。为了使蝴蝶看起来更加有动感，可以用旋转工具对它进行旋转，效果如图所示。同样的，新建一个名为“Butterfly”的图层，将蝴蝶移入该图层，图32-13所示为蝴蝶的最后编辑效果。然后只需将蝴蝶移动到相应的位置即可，如图32-1所示。 32.6 动画效果编辑 这里将对蝴蝶飞舞的动画效果进行编辑。 1）取消蝴蝶的整体组合。现在蝴蝶由三个组合对象构成：两个翅膀和一个身体（含触角）。为了表现出蝴蝶翅膀上下扇动的效果，可使用三维旋转工具对蝴蝶翅膀进行变形。选择Xtras Tools工具栏中的3D Rotation工具。 2）以右翼左上角的点为拖动起点，对右翼进行三维旋转。注意控制拖动方向和距离。因为要绘制3幅中间状态图形，所以要均匀分布翅膀的变形。同时在变形过程中要尽量减小翅膀与身体接触处的变形。 3）删除左边翅膀。然后使用工具箱中的镜射工具，对右翼进行镜射，重新得到左翼。 4）重新调整蝴蝶各部分的位置，并将它们组合成对象组。 5）在前一个蝴蝶的基础上重复第2到第6步，得到另外两个蝴蝶翅膀扇动的状态。 6）蝴蝶飞舞的动画要按页面分帧，也就是文档中每一个页面对应一帧。所以特制作好的6只蝴蝶安排在6个不同的页面上。每个页面只放一只蝴蝶。同时将其余对象全部移入Background图层内。 7）执行File菜单下的Export命令，导出蝴蝶飞舞.Swf文件。参数设置如图32-14所示。Pages选项选择A11。 8）到此蝴蝶飞舞的动画制作完毕了，还可以将它加入到你的主页中。 图32-14 参数设置 32.7 小 结 本实例综合使用了FreeHand 10中的Xtras增强工具、渐变填充等工具制作了一幅简单的动画，这只是FreeHand众多功能的一小部分。如果读者能够熟练综合使用FreeHand提供的各种设计手段，相信效果会更好。从这里也可以体会到FreeHand 10强大的平面设计功能。 32.8 思 考 题 1．如何使用渐变来制作彩虹效果？ 2．如何使用Bend工具？ 3．如何编辑文字特效，特别是将不通的文字特效叠加？ 4．FreeHand 10中如何导出动画？ � 图32-2 Hose对话框 �� 图32-4 五边形生成花朵 � 图32-13 蝴蝶的最后编辑效果 �� 图32-12 蝴蝶的身子和触角 � 图32-5 花朵的填充效果 � 图32-6 花朵编辑效果 432 431