[Photoshop+ImageReady轻松打造喷溅动画字效果]动画效果轻松设
摘要:喷溅动画字效果大量使用于动画片片头中,文字散乱成沙又被聚合成新的文字是吸引观众视觉的一大亮点,如果用FLASH来制作,其喷溅效果没有那么平滑,本文将介绍使用Photoshop+ImageReady的方法来简单实现。
关键词:喷溅动画字;Photoshop;ImageReady
中图分类号:TP311文献标识码:A文章编号:1009-3044(2007)18-31723-02
Photoshop+ImageReady Easily Create Animated Characters Effect Splash
LIANG Yan,LUO du-xue
(Changsha Teachers College,Changsha 410100,China)
Abstract:Splash extensive use of animated characters in the animation effects in titles, characters and sand were scattered into polymerization into a new visual language to attract viewers is a highlight, if you are using Flash to produce, not so smooth splash effect, we will introduce the use of Photoshop + ImageReady, a simple method to achieve.
Key words:Spilling animated cartoon character;Photoshop;ImageReady
喷溅动画字效果大量使用于动画片片头中,文字散乱成沙又被聚合成新的文字是吸引观众视觉的一大亮点,如果用FLASH来制作,其喷溅效果没有那么平滑,下面就介绍如何使用Photoshop+ImageReady的方法来简单实现。
1 制作文字
(1)开启Photoshop程序,新建一个文件,设定前景色为黑色。选择文字工具,输入“以彼之道”文字,字体颜色为红色,且与背景层合并。
(2)再新建一个图层,填充黑色。选择文字工具,输入“还施彼身”文字,字体颜色为红色,且与新建的图层合并,如图1。(提示:文字位置、大小最好和“以彼之道”文字一样,这样两组文字在进行转换时,才不会出现跳动现象)。
2 设置喷溅效果
(1)为了使后面的喷溅效果过渡的更具节奏感,将“以彼之道”层复制出7个副本。单击所有副本层左边的眼睛图标,隐藏图层,只显示“以彼之道 副本”层,如图2。
(2)单击“以彼之道 副本”层,执行 “滤镜――画笔描边――喷溅”命令,喷色半径为3,平滑度为1。
(3)此后依次选择并显示其它副本图层,分别提高喷色半径的数值,平滑度数值为1不变。最后的副本6和副本7两个图层多喷溅几次,使之完全散开。此时,“以彼之道”所需要的图层已完工。
(4)隐藏所有“以彼之道”相关图层。将“还施彼身”层复制出2个副本,分别执行“滤镜――画笔描边――喷溅”命令。副本1的喷色半径为3,平滑度为1,副本2的喷色半径改为6或8,做出刚好无法分辨图中的字是“以彼之道”还是“还施彼身”的效果。如图3。
图3
3 生成动画
(1)此时准备工作全部完成。下面就是制作喷溅字动画了,执行“文件―跳转到―ImageReady”菜单命令,可进入ImageReady程序中。
(2)在IR中,打开“窗口――动画”面板,如图4。第一帧只显示“以彼之道”图层。单击图4中红圈处添加下一帧,并显示“以彼之道 副本”层,然后依次每添加一帧就向上显示一层,直至副本7。
图4
(3)这时单击动画面板上的播放按钮,散开的喷溅动画效果已经完全显示出来。
(4)接下来我们要让它慢慢合拢成“还施彼身”4个字。在“动画“面板中继续添加第9帧,这时开始隐藏“以彼之道 副本7”层。依次每添加一帧就向下隐藏一层,直至“以彼之道 副本3”层。
(5)此时继续添加第14帧,只显示“还施彼身 副本2”(也就是刚好无法分辨图中的字是“以彼之道”还是“还施彼身”的那张效果图)层。添加第15帧,显示“还施彼身 副本1”层,最后添加第16帧,显示“还施彼身”层。
(6)这时,“以彼之道”文字已经成功变为“还施彼身”文字了!单击播放按钮可以观看动画效果。为了让两组文字不断的进行转换,可以把第八步至第十步重复做一遍…“还施彼身”就又变成了“以彼之道”。
(7)最后是调整动画的时间,在IR里调整时间的按钮如图5红圈中标示的那个倒三角形,时间可自定。这里除了将“以彼之道”、“还施彼身”图层时间设为0.5s外,其他均为0.1s。此教程中延迟时间与帧数均能根据需要自由修改,依图而定。
(8)最后选择“文件→将优化结果存储为”菜单命令,把文件存成GIF格式即可。
参考文献:
[1]网星工作室.Photoshop经典创意设计精粹200例[M].中国科学技术出版社,北京希望电子出版社,2004年.
[2](韩)金恩爱.等.Photoshop CS2 从入门到精通[M].中国青年电子出版社.2006年.
[3](韩)全相炫.Photoshop完美创意设计I[M].中国青年电子出版社,2006年.
注:本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文。
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文
