当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 动态字体 > 旋转的文字效果

旋转的文字效果

  • 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”。设置前景色为大红色(R255G0B0),按下<Alt+Delete>键,将“图层 2”填充为大红色。

6)执行“滤镜”\“艺术效果”\“海绵”命令,为红色图像添加海绵纹理,如图10-8所示。

10-8  “海绵”对话框

7)选择“图像”\“调整”\“亮度/对比度”命令,调亮图像色调,如图10-9所示。

10-9  执行“亮度/对比度”命令

8)选择工具箱中的“矩形选框”工具,创建如图

10-10所示的矩形选区。按下<Ctrl+Shift+I>键,将选区反选。再按下<Delete>键删除选区内的图像,之后取消选区。

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 副本”。然后单击“图层

> 2”左侧的图标,将“图层 2”隐藏。如图10-14所示。

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帧。使用同样的操作方法,根据图示的顺序,设置动画的第38帧。

10-21  设置第28帧动画

4)按下<Ctrl>键,同时在“动画”调板中,单击第2

4帧、第68帧,将这些动画帧同时选中。单击其中任意一帧缩略图下方的空白处,在弹出的快捷菜单中选择“0.2秒”命令,如图10-22所示,将动画帧的停留时间设置为0.2秒。使用同样的操作方法,将第15帧的停留时间设置为1秒。

10-22  设置延迟时间

5)动画帧的延迟时间设置完后,完成整个实例的制作。单击工具箱中的“预览文档”按钮或“在iexplore中预览”按钮,可预览到文字的旋转动画效果。

6)选择菜单栏中的“文件”\“存储优化结果”命令,将文件存储为GIF格式文件。

如果读者在制作过程中遇到问题,可打开本书附带光盘\Chapter-10文件夹中的“旋转文字.gif”文件进行查看。