朱峰社区老师表示:大小渐变字效是将文字旋转着由小到大逐渐变化的动态效果。该效果的制作是在photoshop中编辑出不断旋转变化的文字的静态画面,然后在imageready中将这些静态画面设置成动画帧,制作出文字旋转变化的动态效果。下面我们来实现一下吧。
如图10-295所示。
图10-295 完成效果
技术提示
在photoshop中编辑旋转变化的静态文字,只需要将文字复制并使用“自由变换”命令,旋转并缩放文字即可。然后在imageready中分别将各静态画面设置成动画帧,使静态的文字画面动起来。图10-296出示了该例的制作流程图。
图10-296 制作概览
制作步骤
1.编辑文字大小渐变的静态画面
(1)启动photoshop,执行菜单栏中的“文件”\“新建”命令,创建一个名为“大小渐变字效”的新文档,如图10-297所示。
[next]图10-297 设置“新建”对话框
(2)打开本书附带光盘\chapter-10\文件夹中的“底纹.jpg”文件。
(3)选择工具箱中的“移动”工具,将底纹图片拖动复制到“大小渐变字效”文档中,生成“图层 1”,如图10-298所示。
图10-298 复制图片
(4)选择工具箱中的“横排文字”工具,输入大小如图10-299所示的黑色字母“s”。
图10-299 输入文字
(5)在“图层”调板中,拖动“s”文字图层到“创建新的图层”按钮处复制,创建“s 副本”图层。
(6)执行“编辑”\“自由变换”命令,将副本图层中的字母“s”稍微缩小并旋转至如图10-300所示的角度。
图10-300 变换文字大小和角度
[next](7)完成变换操作后,在“图层”调板中单击“s”图层左侧的图标,将其隐藏。然后将“s 副本”图层复制,创建“s 副本 2”图层。
(8)接着再执行“自由变换”命令,再将“s 副本 2”图层中的字母“s”稍微缩小并旋转,如图10-301所示。
图10-301 变换文字
|
(9)再将“s 副本 2”图层复制,创建“s 副本 3”,并将“s 副本 3”图层中的字母“s”缩小、旋转。为了方便观察操作结果,可将“s 副本”图层隐藏。如图10-302所示。 图10-302 复制并变换文字 (10)按照上面的操作方法,不断将文字图层复制,并变换文字的大小和角度。当复制编辑到“s 副本 6”图层时,文字经过逐渐的缩小和旋转,角度旋转一周后,回到正常的角度,这时图像效果如图10-303所示。 提示:左图为所有文字图层显示时的效果,右图为“s 副本 6”图层中的文字效果。 图10-303 旋转文字 (11)再继续上面的操作进行编辑,直至复制编辑到“s 副本 12”图层时,经过逐渐的缩小和旋转,文字又旋转一周后,回到正常的角度,但文字已经缩小了很多。图10-304为最初的“s”图层与“s 副本 12”图层中文字的大小比较。 图10-304 文字大小比较 (12)完成上述文字的编辑后,将所有“s”文字图层隐藏。然后使用“横排文字”工具,输入如图10-305所示的英文字样。 图10-305 输入文字 (13)执行“图层”\“栅格化”\“文字”命令,将“snoopy”文字图层转换为普通图层。 (14)选择工具箱中的“矩形选框”工具,创建如图10-306所示的选区,将后五个字母图像框选。 图10-306 建立选区 (15)按下<ctrl+x>键,将选区内的文字图像剪切;再按下<ctrl+v>键,将剪切的文字图像粘贴到新图层中,即“图层 2”。 (16)这时粘贴的文字图像出现错位,使用工具箱中的“移动”工具,移动“图层 2”中的“noopy”文字与“s”字水平对齐,如图10-307所示。 图10-307 移动文字 (17)然后执行“图层”\“图层样式”\“投影”命令,为文字添加投影效果,如图10-308所示。 图10-308 设置“投影”效果 (18)接着在“图层”调板中,拖动“图层 2”的“投影”效果,到“snoopy”图层中复制,为该层中的“s”字添加相同的“投影”效果,如图10-309所示。 图10-309 复制“投影”效果 |
(19)新建“图层 3”,设置前景色为黑色。选择工具箱中的“椭圆”工具,按下<shift>键,同时拖动鼠标,绘制如图10-310所示的两个正椭圆形,作为两只眼睛图像。
图10-310 绘制正椭圆形
(20)再新建“图层 4”。使用“钢笔”工具,绘制如图10-311所示的路径形状。然后按下<ctrl+enter>键,将路径转换为选区。
图10-311 绘制路径
(21)再按下<alt+delete>键,用黑色前景色填充选区,然后取消选区,如图10-312所示。这时眼睛下面又多出个鼻子图像。
图10-312 填充选区
(22)新建“图层 5”。再使用“钢笔”工具,绘制出眉毛和嘴巴的路径形状,如图10-313所示。
[next]图10-313 绘制路径
(23)选择工具箱中的“画笔”工具,在工具选项栏中设置“画笔”大小为“尖角4像素”。然后在“路径”调板中单击“用画笔描边路径”按钮,用设置好的画笔描边路径,如图10-314所示。
图10-314 描边路径
(24)将文字和眼睛、鼻子、眉毛图像所在的图层隐藏。然后使用“横排文字”工具,输入如图10-315所示的字样,并为其设置“投影”效果。
图10-315 设置文字
(25)至此该实例的静态画面就编辑完成了。在“图层”调板中,将“s 副本 12”图层显示,隐藏其他文字图层,为接下来编辑动画效果做准备。如图10-316所示。
图10-316 调整图层的显示和隐藏
评论