更多精彩平面及网站设计图文教程、视频教程，尽在PConline创意设计栏目。

　　本文由中国教程网专家祁连山原创。

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

　　我们今天的主题是结合使用Photoshop 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

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