使用PS制作大小渐变字效果

修改
鏉ユ簮: 貌似殊途 浏览 1934 日期 2011-10-27 0

朱峰社区老师表示:大小渐变字效是将文字旋转着由小到大逐渐变化的动态效果。该效果的制作是在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  复制“投影”效果

[next]

(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  调整图层的显示和隐藏

评论

{{ username ? username.charAt(0).toUpperCase() : '?' }}
Ctrl+Enter 发布
{{ (c.username || c.author_name || '?').charAt(0).toUpperCase() }}
{{ c.username || c.author_name }} {{ Utils.formatDate(c.created_at) }}