友情提示:文章最后提供源文件下载
大家好,好久没有写图文教程啦,今天我们学一个综合实例:瓢虫变色交互动画。
今天我们换个形式,我一边写一边发,大家跟着我一起把这个东东做完。
我们今天的主题是结合使用Photoshop CS3和Flash CS3,制作出一个瓢虫动画。如果只想学PS手绘的话,大家可以只学前一部分。如果对Flash编程有兴趣的话,可以跟我着,认识一下更加有趣的Flash。多个软件结合使用,会做出更加漂亮的作品来。
本文我们可以学到的知识:
1,手绘知识之分层绘制表现质感法,我们要表现出光滑的外壳和晶莹透亮的感觉,同时为下一步的交互做好准备。
2,手绘知识之对称绘制法,可以只画一边,镜像得到另一边。
3,手绘知识之渐变绘制法,利用渐变来手绘,可以事半功倍。
4,手绘知识之路径基础,我们还要学会用路径运算和快捷键,本文教你如何活用路径制作出自己想要的形状。
5,软件交互之导入透明图像法,我们可以利用Flash导入PNG格式的透明图像。做出自己想要的透明效果。如果你是一位课件程序开发者,这个功能非常重要。
6,Flash新版本的新功能:导入PSD文件并分层。这个功能我们将在本文中提到,如果你还是使用老版本的Flash,可以使用第5条的方式来制作。
7,编制简单的程序,实现看似复杂的功能。其实Flash编程看上去复杂,我们常用的功能并不多。本例的编程用不了多长时间就可以学会。同时我们还会为大家提供原文件,以方便大家查错。
好了,多余的话就不讲了,我们开始今天的手绘之旅。
先看一下我们将要达到的效果,这是我以前的作品,今天重新绘制它,可能最终的结果会有不同。
事物都是在改进发展的,每一次练习,都是一次升华,也许你这次做得不如上次,但你会得到宝贵的实战经验。总体会是水平上升的趋势。
看下面虫虫左边有三个拉杆,把它们向下拉,会怎么样呢?
http://www.jcwcn.com/html/PhotoShopImageReady/09_34_49_687.htm
先用Photoshop CS3来绘制瓢虫
第一步,我们建立一张画纸。我们可以使用“文件”-“新建”打开新建文件对话框。当然我更支持初学者开始就使用快捷键,用鼠标在Photoshop空白的地方双击,也可以弹出新建文件对话框。或者按CTRL+N,也可以弹出新建文件对话框。
如图所示,为新建文件对话框,我们设置宽度为800像素,高度为600像素,颜色模式为RGB混合模式,背景白色的文件。
注意!单位一定要设置为像素,不要设置为厘米,否则也许你的电脑会死机了。
第二步,选择椭圆选框工具,注意要勾选消除锯齿选项。
单击图层面板上的建立新图层按钮,在新的图层上,用椭圆选框选择一块。填充红色,如图所示:
本步骤要注意的几个地方:
1,必须在新的图层上填充红色圆形。
2,可以使用快捷键来填充,填充前景色的快捷键是Alt+DEL,填充背景色的快捷键是Ctrl+DEL。我们可以在色板中单击红色,然后填充前景色。
3,之所以建立大的图像进行绘制,是因为我们先画出大的图像,再缩小它,会比直接建立小图像进行绘制得到的结果精美得多。
进入通道面板,单击图示按钮,把我们的这个选区存为一个Alpha类型的通道。如图所示
小提示:将选区存为通道,可以在以后任何时候还原这个选区。通道和选区其实是一回事。
另外,图层中这个红色的色块,其实也保存了选区信息,我们按着Ctrl键,单击这个图层图标,和按着Ctrl键,单击刚才存储的通道,得到的结果是相同的。也就是说,在图层中,图层的外形其实也可以理解为一个选区。调用它的方法就是按Ctrl单击该图层图标。
按D键(注意在英文输入状态下),可以将前景色和背景色转换为默认的前黑后白。