繁体中文
设为首页
加入收藏
当前位置:教程首页 >> 平面设计 >> Photoshop教程 >> 精彩实例 >> PS结合Flash制作瓢虫动画(3)

PS结合Flash制作瓢虫动画(3)

2007-09-08  作者:祁连山  来源:中国教程网论坛  浏览次数:0  文字大小:【】【】【
关键字:瓢虫 动画

腿的制作很简单,我们用黑色,建立新的形状图层,用椭圆形状工具一边画,一边变换,拼接成为一条腿,然后用前面学的组合方法,把腿路径给组合起来。

(欢迎光临中国IT视觉  http://www.55w.net)

注意:如果每次拉动都建立新的形状图层的话,检查一下配图中3号标签所示的选项。

 

组合之后的腿部还是不很理想,大家可以使用路径编辑工具进行深入刻划。

将腿图层复制并镜像,选择两个腿图层,同时拉到新建图层按钮,可以同时复制两个腿图层,进行自由变换,放在合适位置,这样复制,变换,移动,得到六条腿。

还按前面的步骤,用自动选择选项,移动工具框选所有虫虫图层,自由变换,变换到原大的25%。把虫虫缩小。

我们制作大图像的目的已经达到,到了缩小它,变成小图标的时候了。

建立新的图层,命名为中间线,用直线工具,黑色,按Shift键,画出一条黑线。

复制这个图层,Ctrl+I,反相变为白线,向右移动一个像素,把两个图层的不透明度调低一些,看着不生硬为止。

注意图中标注。要用填充像素的方式来建立直线。

现在分层的部分已经制作完了,按 Ctrl+S,保存这个文件,再使用存储为,把文件再存一个PSD分层文件,这样,我们就不怕将来修改时,没有原始文件啦。

 

下面我们需要把这些层整理一下,合并到一起。把底层及其下的腿和背景层全部隐藏,如图所示,注意,单击一个显示的图层,这样我们才可以把所有的可见层合并。按下Shift+Ctrrl+E,合并可见图层。这样,我们就将除了腿和底部红色色块以及背景层以外的虫虫图层合并成为一个单独的层。

用同样的方法,隐藏不要合并的,显示要合为一层的,合并可见图层,最后把背景层删掉。

把三个图层分别命名。如图所示:

使用“图像”-“裁切”,如图所示,我们将所有透明的部分裁掉

把剪裁过的图像另存为“导出成品.psd”,我们通过Flash,将它做成变色动画

在学习下部内容前,你最好有一点Flash基础知识,当然本教程尽可能详细说明每一个步骤,如果有基础,学习起来会很快。

下面我们打开Flash CS3,开始我们的编程探索之旅。

按图示建立一个新的Flash文件。

我们来试一下Flash CS3对PSD文件的支持功能。经过我的测试,发现这个功能有时会有一些小BUG哟。在后面我们再说。(欢迎光临中国IT视觉  http://www.55w.net)

使用“文件”-“导入”-“导入到舞台”这个方式,把刚才我们制作的瓢虫导出文件导入到Flash

可以看到,我们能把PSD中的层分为多个Flash层,并把它们放置整齐。

我们还可以单独导入这些层,在前面画勾即可。

单击确定,我们可以看到,这些图层都被分层排放,层的上下次序和摆放位置都和原始图片一样

 

不过这种导入方式有些问题,我们用移动工具,把它们分别移开,可以看到,虫的外壳并没有变成透明的,在边缘处还有下层的痕迹。怎么办呢?

我们把这些图层分次导入到库,使用“文件”-“导入”-“导入到库”,每次只导入一个层。可以看到,导入时会提示有重复的库项目,选择不替换。

我们把分次导入到库中的小元件,一个个手动的分层排放。这次透明的问题解决啦

在Flash老的版本中,我们想实现这样的效果,可以把PSD文件分别显示各层,分别存为PNG文件导入进来。PNG格式是支持透明的图像格式,用于制作透明动画,效果非常优秀。

在Flash中,图像也可以分层排列,和Photoshop中的操作差不多。另外,Flash还支持动画,因此它有时间线,我们在建立新层之后,在该层时间线的第一帧上单击,把元件从库里拉到舞台就可以了。

关键字:

舞台:就是图像动画的表演场,正中间的空白处即是。
库:元件仓库,我们可以把自己做的元件存在库里,想用时把它拉到舞台上就可以啦。元件可以在舞台上无限复制,如果改变元件,舞台上所有引用该元件的图像都会相应改变,有点像Photoshop中的智能对象。
帧:动画是由一幅幅图像连续播放形成的。每一幅图像被称为一帧。

 

窗口菜单中选择“对齐”,打开对齐面板。

用移动工具框选虫虫的各个部件,水平居中对齐。

这样它们就按中线对齐,比手工对齐又快又好。

我们用鼠标选择各个层,移动到合适位置,将它对齐,如果上层挡到下层,选择不到的话,可以按图示锁定上层,就可以顺利的选择到下层啦。

选择红色色块层,在其上点右键,转化为元件,把它设置为影片剪辑类型,起个名称叫“变色色块”。

此时在库中就有了这个影片剪辑了。

在Flash中,有三种元件类型:影片剪辑、按钮、图形。

我们在这里必须用到影片剪辑的概念,影片剪辑可以用来在舞台上表演动画,影片内可以嵌套影片。它可以自己一边播放,一边参与到别的节目中,成为一个演员。举一个形象的例子:我们正在观看电视,电视里演出的人正在看电视,那个电视里也正在播出动画节目。那么,最后一级的电视机可以看成是一个电影剪辑,它一边播放动画,一边还参与演出。它所参与的演出节目,本身也是一个动画,被我们收看到了。这里就是一个形象的三级嵌套。影片剪辑可以被我们编的程序进行控制,比如控制它是否播放,播放到哪个位置,自己的透明度是否被改变,自己的颜色是否被改变等。我们本例正是要用程序改变它的颜色。因此,我们先把这个色块转化为影片剪辑。

(欢迎光临中国IT视觉  http://www.55w.net)

责任编辑:小鱼


相关文章
 

最新文章

更多

· 数位板&PS绘美丽晚霞
· PS山脉
· 用Photoshop CS3打造蔚蓝...
· 变废为宝,使用PS制作艺...
· 慢工出细活 -- 黑白照片...
· PS绘制插画《鱼生》
· PS艺术图片拼贴与加工
· PS结合Flash制作瓢虫动画(4)
· Photoshop教程:润泽你的...
· PS结合Flash制作瓢虫动画(3)

推荐文章

更多

· 数位板&PS绘美丽晚霞
· PS山脉
· 用Photoshop CS3打造蔚蓝...
· 变废为宝,使用PS制作艺...
· 慢工出细活 -- 黑白照片...
· PS绘制插画《鱼生》
· PS艺术图片拼贴与加工
· PS结合Flash制作瓢虫动画(4)
· Photoshop教程:润泽你的...
· PS结合Flash制作瓢虫动画(3)

热点文章

更多

· Photoshop制作水果糖
· Photoshop打造漂亮美女的脸
· PS制作超酷戒指
· 不能说的秘密Photoshop青...
· Photoshop照片合成实例:...
· Photoshop处理蓝色调艺术...
· Photoshop为心仪女子绘制...
· Photosho初学者修图常用...
· Photoshop临摹彩色工笔画
· PS图层混合模式换背景的技巧