Photoshop与Flash的综合运用——瓢虫变色.docVIP

Photoshop与Flash的综合运用 制作瓢虫图案 教学目标： 手绘知识之分层绘制表现质感法，我们要表现出光滑的外壳和晶莹透亮的感觉，同时为下一步的交互做好准备。2，手绘知识之渐变绘制法，利用渐变来手绘，可以事半功倍。3，手绘知识之路径基础，我们还要学会用路径运算和快捷键，如何活用路径制作出自己想要的形状。教学重点：手绘知识之分层绘制 手绘知识之渐变 编制简单的程序 教学难点：手绘知识之渐变 编制简单的程序 教学方法：讲授法，演示法，实践法 教学过程： 第一步，使用“文件”-“新建”打开新建文件对话框。设置宽度为800像素，高度为600像素，颜色模式为RGB混合模式，背景白色的文件。单位一定要设置为像素. 第二步，选择椭圆选框工具，注意要勾选消除锯齿选项。单击图层面板上的建立新图层按钮，在新的图层上，用椭圆选框选择一块。填充红色，进入通道面板，单击图示按钮，把我们的这个选区存为一个Alpha类型的通道。如图所示： 小提示：将选区存为通道，可以在以后任何时候还原这个选区 按D键（注意在英文输入状态下），可以将前景色和背景色转换为默认的前黑后白。如图所示选择前景到透明渐变，用线性渐变的模式。我们下一步将在一个新图层上画出明暗，以赋予它质感。建立一个新图层，我们在这个新层上拉出渐变。注意，按着Shift 键，可以垂 直的渐变。 按Ctrl+D，取消选择，单击图层面板下方的添加图层蒙版按钮，为暗影图层添加一个蒙版。用椭圆选框工具选出中间靠下方的一块范围，在蒙版上填充黑色。这样我们就将这个图层该处变成透明的。 来制作斑点。单击新建图层按钮，按图示双击每个图层，分别为它们起名。底层、暗色、斑点。 按Ctrl 单击底层，将最下面的红色块外形载为选择区。使用黑色前景色，用较硬的画笔，按“[”或“]”键，缩小或者放大画笔笔头，在斑点层单击，建立这些斑点。建立一个新的图层，叫“头部”。要选择使用路径选项，这样我们可以对路径进行进一步的编辑。 打开这张图像，将其拉入我们的瓢虫图中，设置如图示，改名为“映射”。 使用“滤镜”-“扭曲”-“极坐标”-“平面坐标到极坐标”，我们把这张平淡的图像做成围绕型。 按着Ctrl键，单击“底层”图标，把最下层的外形载入选择区，Shift+Ctrl+I反选，按DEL删除映射图层多余的像素。这样这个图层就和下层相吻合了。在图层面板，将图层混合模式由“正常”改为“滤色”。 现在为头部图层加上白斑。瓢虫的头部是有白斑的，把白斑直接做在头部图层上。选择头部图层，锁定它的透明像素，用白色画笔，如图示，在两侧画出白斑点。 注意：1，必须锁定透明像素，否则会多出一块色块。2，画笔应该是比较硬的，前面我们使用的是软画笔，这里一定要把画笔设硬，否则画不出明显的边缘。 制做小脑袋与胡须、腿的制作 建立新的图层，命名为中间线，用直线工具，黑色，按Shift键，画出一条黑线。复制这个图层，Ctrl+I，反相变为白线，向右移动一个像素，把两个图层的不透明度调低一些，看着不生硬为止。 下面我们需要把这些层整理一下，合并到一起。把底层及其下的腿和背景层全部隐藏，如图所示，注意，单击一个显示的图层，这样我们才可以把所有的可见层合并。按下Shift+Ctrrl+E，合并可见图层。这样，我们就将除了腿和底部红色色块以及背景层以外的虫虫图层合并成为一个单独的层。 用同样的方法，隐藏不要合并的，显示要合为一层的，合并可见图层，最后把背景层删掉。把三个图层分别命名。如图所示： 使用“图像”-“裁切”，如图所示，我们将所有透明的部分裁掉。 把剪裁过的图像另存为“导出成品.psd”，我们通过Flash，将它做成变色动画。 使用心形形状制作路径，如图所示。路径也可以缩放和变形，我们可以使用路径选择工具，选择整条路径，按下Ctrl+T，将它放在头部位置，这样头的大致形状就出来了。我们只要使用路径编辑工具对它进行精细加工就可以啦。 使用直接选择工具，可以框选多个控制点进行移动，我们在框选控制点后，要用键盘上的方向键来移动，才能保证两边对称，因为用鼠标想十分精确的对位是不太容易的。用直接选择工具，框住正中间上下两个点，向上提一提，可以看到，心形的外形就变得更平一些，再框选两端的两个控制点，用向下方向键移动，使它的外形与瓢虫头部相似。制作完成如图所示。 下面我们打开Flash CS3，建立一个新的Flash文件。 使用“文件”-“导入”-“导入到舞台”这个方式，把刚才我们制作的瓢虫导出文件导入到Flash。 可把PSD中的层分为多个Flash层，并把它们放置整齐。可以单独导入这些层，在前面画勾即可。 我们把这些图层分次导入到库，使用“文件”-“导入”-“导入到库