精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>电脑技术>>动画制作>>实例制作>>Fireworks制作篇>>Fireworks和PS结合制作一个风吹动画

主题:Fireworks和PS结合制作一个风吹动画
发信人: yufif(YUFI~水神架到)
整理人: yufif(2003-03-14 16:09:34), 站内信件
实例终于效果:


实例制作:
【第一步】:做“风吹字”时,笔者用的是Photoshop 5.0(以下简称PS)的中文版,这里只是简单介绍一下做法,如果你不知道具体使用方法,请参看其它PS的书籍。在PS中创建一个大小适当的新文件,背景为黑色,打开文字工具,文字的设置如图1,其中颜色选白色。本例文字分两组输入,第一组“宇风”两个字横排,第二组“工作室”三字小些并竖排,输入后调整好它们的位置、大小、形状,

图 1PS文字工具的设置


图 2输入并调整好的文字


【第二步】:在Photoshop中选择“图层”>“拼合图层”,然后选择“滤镜”>“风格化”>“风”,见图3。再重复一次滤镜,“风吹字”就做好了,效果见图4,可存为一个JPEG文件,以备导入Fireworks中处理。

图 3PS中特效滤镜的选择


图 4做好的“风吹字”


【第三步】:退出PS,进入Fireworks,把前面做好的文字图片导入Fireworks中,在图片上再次输入这五个字(白色),调整到与前面做好的文字同样大小,并把它们覆盖在前面的文字上,这样做的目的是使文字主体部分不被风吹的线条扰乱,显得干净。选择Edit > Select All,再选择Modify > Merge Layers,如图5所示。再把这个文字图片输出为GIF格式,并在输出设置中选择Index Transparency,使白色文字部分变为透明,输出设置见图6。


图 5 文字图片的再处理设置


图 6 使文字透明的输出设置

【第四步】:在Fireworks中打开新文件,大小与做好的文字图像相同,背景色选白色,然后导入已经做好的背景图片,本例选择一幅云彩的图片,并在上面打上“Fireworks”、“Flash”、“Dreamweaver”三个英文词,图片和文字颜色都宜浅些,见图7。

图 7导入背景动画的图片


【第五步】:选择Insert > Convert To Symbol,把这幅图片变为一个符号,再克隆这幅图片,并把它拖到左边与先前的图片拼好对齐,见图8(新克隆出的图片被拖到画板之外,看不见内容)。选择Modify > Symbol > Tween Instances,做出一个10帧的动画,具体设置见前面的实例。

图 8 做第一组背景动画


【第六步】:再克隆出两幅背景图片,前一幅拖到画板的右边,后一幅拖到画板上,恰好盖在前面第四步动画的第一帧图片上,然后也从第一帧开始做出一个10帧的动画,见图9。请注意一定要与前面第四步的那组动画同时从第一帧开始。有了这两组背景动画,连续循环播放时,就会首尾相接而不会中断,好像走马灯一样,你可以按下工作窗右下角的播放键看看效果。如没问题可以把这个背景动画存为一个Animated GIF文件。 

图 9 做第二组背景动画


【第七步】:选择Window > Layers,打开层面板,做好的背景动画处于Layer 1 中,把它改名为pic,加入一个新层,在弹出的菜单中选中Share Across Frames,命名为yufeng,如图10。选中yufeng层,把前面做好的“风吹字”文件导入这一层中。最后把文件输出为Animated Gif格式,本实例就完成了,完成的动画图标见图11,你会看到云彩在透明的风吹字内部不断移动。 

图 10 加入的新层



图 11 完成的动画图标









----

喜欢动画的朋友,欢迎你们来晒作品动画制作
有空就来暗黑战网交流区暗黑破坏神版做客吧!
欢迎来星座全攻略http://yufif.yeah.net
                                                                

[关闭][返回]