Photoshop结合Flash制作瓢虫变色交互动画(1)

　　大家好，好久没有写图文教程啦，今天我们学一个综合实例：瓢虫变色交互动画。今天我们换个形式，我一边写一边发，大家跟着我一起把这个东东做完。

　　我们今天的主题是结合使用 CS3和Flash CS3，制作出一个瓢虫动画。如果只想学PS手绘的话，大家可以只学前一部分。如果对Flash编程有兴趣的话，可以跟我着，认识一下更加有趣的Flash。多个软件结合使用，会做出更加漂亮的作品来。本文我们可以学到的知识：

　　1，手绘知识之分层绘制表现质感法，我们要表现出光滑的外壳和晶莹透亮的感觉，同时为下一步的交互做好准备。

　　2，手绘知识之对称绘制法，可以只画一边，镜像得到另一边。

　　3，手绘知识之渐变绘制法，利用渐变来手绘，可以事半功倍。

　　4，手绘知识之路径基础，我们还要学会用路径运算和快捷键，本文教你如何活用路径制作出自己想要的形状。

　　5，软件交互之导入透明图像法，我们可以利用Flash导入PNG格式的透明图像。做出自己想要的透明效果。如果你是一位课件程序开发者，这个功能非常重要。

　　6，Flash新版本的新功能：导入PSD文件并分层。这个功能我们将在本文中提到，如果你还是使用老版本的Flash，可以使用第5条的方式来制作。

　　7，编制简单的程序，实现看似复杂的功能。其实Flash编程看上去复杂，我们常用的功能并不多。本例的编程用不了多长时间就可以学会。同时我们还会为大家提供原文件，以方便大家查错。

　　好了，多余的话就不讲了，我们开始今天的手绘之旅。

　　先看一下我们将要达到的效果，这是我以前的作品，今天重新绘制它，可能最终的结果会有不同。事物都是在改进发展的，每一次练习，都是一次升华，也许你这次做得不如上次，但你会得到宝贵的实战经验。总体会是水平上升的趋势。看下面虫虫左边有三个拉杆，把它们向下拉，会怎么样呢？

　　先用Photoshop CS3来绘制瓢虫

　　第一步，我们建立一张画纸。我们可以使用“文件”-“新建”打开新建文件对话框。当然我更支持初学者开始就使用快捷键，用鼠标在Photoshop空白的地方双击，也可以弹出新建文件对话框。或者按CTRL+N，也可以弹出新建文件对话框。如图所示，为新建文件对话框，我们设置宽度为800像素，高度为600像素，颜色模式为RGB混合模式，背景白色的文件。

　　注意！单位一定要设置为像素，不要设置为厘米，否则也许你的电脑会死机了。

　　第二步，选择椭圆选框工具，注意要勾选消除锯齿选项。单击图层面板上的建立新图层按钮，在新的图层上，用椭圆选框选择一块。填充红色，如图所示：

　　本步骤要注意的几个地方：

　　1，必须在新的图层上填充红色圆形。

　　2，可以使用快捷键来填充，填充前景色的快捷键是Alt+DEL，填充背景色的快捷键是Ctrl+DEL。我们可以在色板中单击红色，然后填充前景色。

　　3，之所以建立大的图像进行绘制，是因为我们先画出大的图像，再缩小它，会比直接建立小图像进行绘制得到的结果精美得多。

　　进入通道面板，单击图示按钮，把我们的这个选区存为一个Alpha类型的通道。如图所示：

　　小提示：将选区存为通道，可以在以后任何时候还原这个选区。通道和选区其实是一回事。

　　另外，图层中这个红色的色块，其实也保存了选区信息，我们按着Ctrl键，单击这个图层图标，和按着Ctrl键，单击刚才存储的通道，得到的结果是相同的。也就是说，在图层中，图层的外形其实也可以理解为一个选区。调用它的方法就是按Ctrl单击该图层图标。

　　按D键（注意在英文输入状态下），可以将前景色和背景色转换为默认的前黑后白。如图所示选择前景到透明渐变，用线性渐变的模式。我们下一步将在一个新图层上画出明暗，以赋予它质感。