旋转的文字效果
- 2021-11-11
- 来源/作者: 本站原创 / 佚名
- 17 次浏览
旋转文字特效是使文字以中心旋转的方式,按照特定的旋转角度和方向,一圈又一圈的轮转的文字特效。该字效的制作首先要在Photoshop中,编辑出具有不同旋转角度的文字图像,然后在ImageReady中将不同角度的文字制作成为一系列的动画帧,从而获得文字旋转的动态效果,如图10-2所示。
图10-2 完成效果
技术提示
在Photoshop中编辑文字图像,是在完成最初的文字图像设置后,将文字复制,然后将复制的文字旋转45度,再按照相同的方法继续将文字复制并旋转多次,直至使文字旋转一周后可以回到最初的起始角度为止,这样在ImageReady中设置的动画帧才能串连为一系列的动作,使文字周而复始的旋转。图10-3出示了其制作概览图。
图10-3 制作概览
制作步骤
1.编辑旋转文字的静态画面
(1)启动Photoshop,执行菜单栏中的“文件”\“新建”命令,创建一个名称为“旋转文字”的新文档,如图10-4所示。
图10-4 “新建”对话框
(2)在“图层”调板中单击“创建新的图层”按钮,新建“图层 1”。设置工具箱中的前景色为黄色,按下<Alt+Delete>键,用前景色填充“图层 1”,如图10-5所示。
图10-5 填充颜色
(3)执行菜单栏中的“滤镜”\“艺术效果”\
“海绵”命令,为图像添加海绵纹理,如图10-6所示。图10-6 “海绵”对话框
(4)再执行“编辑”\“描边”命令,如图10-7所示设置对话框,为图像描上黑色的边线。
图10-7 “描边”对话框
(5)新建“图层 2”。设置前景色为大红色(R:255、G:0、B:0),按下<Alt+Delete>键,将“图层 2”填充为大红色。
(6)执行“滤镜”\“艺术效果”\“海绵”命令,为红色图像添加海绵纹理,如图10-8所示。
图10-8 “海绵”对话框
(7)选择“图像”\“调整”\“亮度/对比度”命令,调亮图像色调,如图10-9所示。
图10-9 执行“亮度/对比度”命令
(8)选择工具箱中的“矩形选框”工具,创建如图
图10-10 建立选区、删除图像
(9)执行“编辑”\“自由变换”命令,将红色矩形旋转45度,如图10-11所示。
图10-11 执行“自由变换”命令
(10)选择工具箱中的“横排文字”工具,输入如图10-12所示的黑色“福”字。
图10-12 输入文字
(11)然后按下<Ctrl+E>键,将“福”字所在的文字图层向下合并到“图层 2”中。
(12)执行“编辑”\“变换”\“旋转180度”命令,将图像旋转180度,形成一个倒贴的福字图像,如图10-13所示。
图10-13 旋转图像
(13)在“图层”调板中,拖动“图层 2”到“创建新的图层”按钮处复制,创建“图层 2 副本”。然后单击“图层

图10-14 “图层”调板
(14)参照上面旋转图像的方法,再执行“自由变换”命令,将“图层 2 副本”中的福字图像旋转45度,如图10-15所示。
图10-15 旋转图像
(15)将“图层 2 副本”复制,生成“图层 2 副本 2”。然后将“图层 2 副本”隐藏,将“图层 2 副本 2”中的福字图像旋转45度。如图10-16所示。
图10-16 编辑图像
(16)再将当前图层复制,然后隐藏,将复制的图像旋转45度。依此类推,最后使不同角度的福字图层共有八个,如图10-17所示。
图10-17 编辑福字图像
(17)在“图层”调板中,将最开始设置的福字图层(即“图层 2”)显示,将其他福字图层隐藏,为接下来制作旋转文字做准备,如图10-18所示。
图10-18 设置图层的可视性
(18)最后在文档的右下角设置如图10-19所示的文字效果,完成图像在Photoshop中的编辑工作。图10-19 完成效果
2.实现文字的旋转动画
(1)在Photoshop的工具箱中,单击“在ImageReady中编辑”按钮,将程序转换到ImageReady CS中,当前的文件也会直接被传送到ImageReady CS中进行编辑。
(2)选择菜单栏中的“窗口”\“动画”命令,打开“动画”调板,当前视图中的图像就是翻转动画的第1帧,如图10-20所示。
图10-20 第1帧动画
(3)单击“动画”调板底部的“复制当前帧”按钮,创建第2帧。参照图10-21所示,在“图层”调板中,根据图示中第2帧动画所要显示的图像内容,在“图层”调板中调整图层的显示或隐藏,创建动画的第2帧。使用同样的操作方法,根据图示的顺序,设置动画的第3~8帧。
图10-21 设置第2~8帧动画
(4)按下<Ctrl>键,同时在“动画”调板中,单击第2
~4帧、第6~8帧,将这些动画帧同时选中。单击其中任意一帧缩略图下方的空白处,在弹出的快捷菜单中选择“0.2秒”命令,如图10-22所示,将动画帧的停留时间设置为0.2秒。使用同样的操作方法,将第1、5帧的停留时间设置为1秒。图10-22 设置延迟时间
(5)动画帧的延迟时间设置完后,完成整个实例的制作。单击工具箱中的“预览文档”按钮或“在iexplore中预览”按钮
,可预览到文字的旋转动画效果。
(6)选择菜单栏中的“文件”\“存储优化结果”命令,将文件存储为GIF格式文件。
如果读者在制作过程中遇到问题,可打开本书附带光盘\Chapter-10文件夹中的“旋转文字.gif”文件进行查看。