WEB开发网
开发学院图形图像Flash Photoshop结合Flash制作瓢虫变色交互动画(2) 阅读

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

 2007-09-06 11:10:50 来源:WEB开发网   
核心提示: 注意:如果每次拉动都建立新的形状图层的话,检查一下配图中3号标签所示的选项,Photoshop结合Flash制作瓢虫变色交互动画(2)(4),组合之后的腿部还是不很理想,大家可以使用路径编辑工具进行深入刻划,当然本教程尽可能详细说明每一个步骤,如果有基础,将腿图层复制并镜像,选择两个腿图层

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

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

组合之后的腿部还是不很理想,大家可以使用路径编辑工具进行深入刻划。将腿图层复制并镜像,选择两个腿图层,同时拉到新建图层按钮,可以同时复制两个腿图层,进行自由变换,放在合适位置,这样复制,变换,移动,得到六条腿。

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

还按前面的步骤,用自动选择选项,移动工具框选所有虫虫图层,自由变换,变换到原大的25%。把虫虫缩小。我们制作大图像的目的已经达到,到了缩小它,变成小图标的时候了。

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

建立新的图层,命名为中间线,用直线工具,黑色,按Shift键,画出一条黑线。复制这个图层,Ctrl+I,反相变为白线,向右移动一个像素,把两个图层的不透明度调低一些,看着不生硬为止。

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

注意图中标注。要用填充像素的方式来建立直线。现在分层的部分已经制作完了,按 Ctrl+S,保存这个文件,再使用存储为,把文件再存一个PSD分层文件,这样,我们就不怕将来修改时,没有原始文件啦。

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

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

用同样的方法,隐藏不要合并的,显示要合为一层的,合并可见图层,最后把背景层删掉。把三个图层分别命名。如图所示:

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

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

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

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

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

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

上一页  1 2 3 4 

Tags:Photoshop 结合 Flash

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接