Photoshop_ImageReady轻松打造喷溅动画字效果

Photoshop_ImageReady轻松打造喷溅动画字效果

本栏目责任编辑：王力

计算机教育

Ｐｈｏｔｏｓｈｏｐ＋ＩｍａｇｅＲｅａｄｙ轻松打造喷溅动画字效果

梁燕，罗笃学

（长沙师范专科学校，湖南长沙４１０１００）

摘要：喷溅动画字效果大量使用于动画片片头中，文字散乱成沙又被聚合成新的文字是吸引观众视觉的一大亮点，如果用ＦＬＡＳＨ来制作，其喷溅效果没有那么平滑，本文将介绍使用Ｐｈｏｔｏｓｈｏｐ＋ＩｍａｇｅＲｅａｄｙ的方法来简单实现。

关键词：喷溅动画字；Ｐｈｏｔｏｓｈｏｐ；ＩｍａｇｅＲｅａｄｙ中图分类号：ＴＰ３１１文献标识码：Ａ文章编号：１００９－３０４４（２００７）１８－３１７２３－０２

Ｐｈｏｔｏｓｈｏｐ＋ＩｍａｇｅＲｅａｄｙＥａｓｉｌｙＣｒｅａｔｅＡｎｉｍａｔｅｄＣｈａｒａｃｔｅｒｓＥｆｆｅｃｔＳｐｌａｓｈ

ＬＩＡＮＧＹａｎ，ＬＵＯｄｕ－ｘｕｅ

（ＣｈａｎｇｓｈａＴｅａｃｈｅｒｓＣｏｌｌｅｇｅ，Ｃｈａｎｇｓｈａ４１０１００，Ｃｈｉｎａ）

Ａｂｓｔｒａｃｔ：Ｓｐｌａｓｈｅｘｔｅｎｓｉｖｅｕｓｅｏｆａｎｉｍａｔｅｄｃｈａｒａｃｔｅｒｓｉｎｔｈｅａｎｉｍａｔｉｏｎｅｆｆｅｃｔｓｉｎｔｉｔｌｅｓ，ｃｈａｒａｃｔｅｒｓａｎｄｓａｎｄｗｅｒｅｓｃａｔｔｅｒｅｄｉｎｔｏｐｏｌｙｍｅｒｉｚａｔｉｏｎｉｎｔｏａｎｅｗｖｉｓｕａｌｌａｎｇｕａｇｅｔｏａｔｔｒａｃｔｖｉｅｗｅｒｓｉｓａｈｉｇｈｌｉｇｈｔ，ｉｆｙｏｕａｒｅｕｓｉｎｇＦｌａｓｈｔｏｐｒｏｄｕｃｅ，ｎｏｔｓｏｓｍｏｏｔｈｓｐｌａｓｈｅｆｆｅｃｔ，ｗｅｗｉｌｌｉｎｔｒｏｄｕｃｅｔｈｅｕｓｅｏｆＰｈｏｔｏｓｈｏｐ＋ＩｍａｇｅＲｅａｄｙ，ａｓｉｍｐｌｅｍｅｔｈｏｄｔｏａｃｈｉｅｖｅ．

Ｋｅｙｗｏｒｄｓ：Ｓｐｉｌｌｉｎｇａｎｉｍａｔｅｄｃａｒｔｏｏｎｃｈａｒａｃｔｅｒ；Ｐｈｏｔｏｓｈｏｐ；ＩｍａｇｅＲ

ｅａｄｙ

喷溅动画字效果大量使用于动画片片头中，文字散乱成沙又被聚合成新的文字是吸引观众视觉的一大亮点，如果用ＦＬＡＳＨ来制作，其喷溅效果没有那么平滑，下面就介绍如何使用Ｐｈｏｔｏｓｈｏｐ＋ＩｍａｇｅＲｅａｄｙ的方法来简单实现。

１制作文字

选（１）开启Ｐｈｏｔｏｓｈｏｐ程序，新建一个文件，设定前景色为黑色。择文字工具，输入“以彼之道”文字，字体颜色为红色，且与背景层

合并。

还施彼（２）再新建一个图层，填充黑色。选择文字工具，输入“

身”文字，字体颜色为红色，且与新建的图层合并，如图１。（提示：文字位置、大小最好和“以彼之道”文字一样，这样两组文字在进行转换时，才不会出现跳动现象）。

图３

２设置喷溅效果

以彼之道”（１）为了使后面的喷溅效果过渡的更具节奏感，将“

层复制出７个副本。单击所有副本层左边的眼睛图标，隐藏图层，只显示“以彼之道副本”层，如图２。

３生成动画

（１）此时准备工作全部完成。下面就是制作喷溅字动画了，执

菜单命令，可进入ＩｍａｇｅＲｅａｄｙ程行“文件—跳转到—ＩｍａｇｅＲｅａｄｙ”

序中。

窗口—面板，如图４。第一帧只显示——动画”（２）在ＩＲ中，打开“

以彼之道”图层。单击图４中红圈处添加下一帧，并显示“以彼之“

道副本”层，然后依次每添加一帧就向上显示一层，直至副本７。

图４

图１

图２

以彼之道副本”层，执行“滤镜———画笔描边———喷（２）单击“

溅”命令，喷色半径为３，平滑度为１。

（３）此后依次选择并显示其它副本图层，分别提高喷色半径的数值，平滑度数值为１不变。最后的副本６和副本７两个图层多

以彼之道”所需要的图层已完喷溅几次，使之完全散开。此时，“

工。

以彼之道”相关图层。将“还施彼身”层复制出２（４）隐藏所有“

个副本，分别执行“滤镜—命令。副本１的喷——画笔描边———喷溅”

色半径为３，平滑度为１，副本２的喷色半径改为６或８，做出刚好无法分辨图中的字是“以彼之道”还是“还施彼身”的效果。如图３。

（３）这时单击动画面板上的播放按钮，散开的喷溅动画效果已

经完全显示出来。

还施彼身”在“动画（４）接下来我们要让它慢慢合拢成“４个字。

面板中继续添加第９帧，这时开始隐藏“以彼之道副本７”层。依“

层。次每添加一帧就向下隐藏一层，直至“以彼之道副本３”

还施彼身副本２”（也就是（５）此时继续添加第１４帧，只显示“

刚好无法分辨图中的字是“以彼之道”还是“还施彼身”的那张效

层，最后添加第１６还施彼身副本１”果图）层。添加第１５帧，显示“

帧，显示“还施彼身”层。

以彼之道”文字已经成功变为“还施彼身”文字了！（６）这时，“

单击播放按钮可以观看动画效果。为了让两组文字不断的进行转

收稿日期：２００７－０８－０８

作者简介：梁燕（１９８１－），女，湖南长沙市人，助教，理学学士，主要研究方向：计算机动画技术；罗笃学，女，学生。

１７２３

Photoshop_ImageReady轻松打造喷溅动画字效果

计算机教育

换，可以把第八步至第十步重复做一遍

还施彼身”就又变成了“以彼之道”…“。（７）最后是调整动画的时间，在ＩＲ里调整时间的按钮如图５红圈中标示的那个倒三角形，时间可自定。这里除了将“以彼之道”还施彼身”图层时间、“

设为０．５ｓ外，其他均为０．１ｓ。此教程中延迟时间与帧数均能根据需要自由修改，依图而定。

本栏目责任编辑：王力

文件→将优化结果存储为”菜单命令，把文件存（８）最后选择“

成ＧＩＦ格式即可。

参考文献：

［１］网星工作室．Ｐｈｏｔｏｓｈｏｐ经典创意设计精粹２００例［Ｍ］．中国科学技术出版社，北京希望电子出版社，２００４年．

［２］（韩）金恩爱．等．ＰｈｏｔｏｓｈｏｐＣＳ２从入门到精通［Ｍ］．中国青年电子出版社．２００６年．

［３］（韩）全相炫．Ｐｈｏｔｏｓｈｏｐ完美创意设计Ｉ［Ｍ］．中国青年电子出版社，２００６年

．

图５

（上接第１６６７页）

这种方式的缺点在于，一切都是以ＶＰＬｓ为中心，导致ＶＰＬｓ的分布极大的影响了最终全局的光照效果。生成ＶＰＬｓ的方法是在网格或者是圆盘、球面上采样，包括ＱｕａｓｉＭｏｎｔｅＣａｒｌｏ、Ｐｏｉｓｓｉｏｎ

符合场景”的Ｄｉｓｋ、ＨａｌｔｏｎＰｏｉｎｔｓ，但是无论如何，都要生成一个“

合适”点集。如果光源是动态的，比如是在３Ｄ游戏中实时生成的“

玩家手中的火把，或者是登陆舰船腹下不断变换方向的探照灯，都需要动态的生成ＶＰＬｓ，同时进行剔除与增加的管理操作。

３基于逐步求精的实时辐射度方法

２００４年发表的基于逐步求精的实时辐射度方法，在《ＧＰＵ

书中有改进版本，该方法利用了很多高深的线性代数知ＧＥＭＳ２》

识来阐述算法，实际上它的思想很简单。

通过不断的在场景中迭代计算接受与发射元素之间的辐射度传递，每个多边形都具有两张图，ＲａｄｉｏｓｉｔｙＭａｐ辐射图（可以简单的理解为是物体表面的光照图），以 …… 此处隐藏：1757字，全部文档内容请下载后查看。喜欢就下载吧 ……