先看一下大致的效果:
第一步,我们来建立空心字。
打开PhotoShop,按住Ctrl同时鼠标左键双击空白处,新建一白底画布,建好后按D恢复色板。
按T选择字体工具,字体我们这里选用的是“幼圆”,消除锯齿方法“浑厚”,并在字符面板中将字体设置为仿粗体。
接下来写好你想要的文字,然后按Ctrl+T调节文字到你要的大小,确定后将文字层栅格化(平面化),重命名为“图层1”。
弄好后如下图(点击查看):
按Ctrl同时鼠标左键单击图层1,会发现文字部分被选定。接下来按下图所示扩大选区。
扩展量这里我设置为“1”(可自定),确定。按Del,把文字删除,保留选区,选择“编辑”-“描边”,宽度设“1”,确定之后如下图,空心字完成。
第二步,在图层面板上鼠标左键双击“图层1”空白的地方,打开“图层样式”对话框,按下图选择“渐变叠加”,并按图示参数设置好后确定:
(留意一下上图中圈起的那个箭头,那个箭头是可以移动的。为了教程说明顺序,你先不要移。)
第三步,单击工具箱最底下的
按钮,切换到ImageReady,此时如图(点击查看):
第四步,好,注意,这步我们要弄的将是gif动画的最后一帧,可能你会问,怎么就弄gif动画的最后一帧了?中间的呢?不要急,跟着来。
先点击一下下图所示动画面板的按钮,复制一下当前帧:
(如果你看不到这个动画面板,请勾选菜单栏“窗口”-“动画”)
第五步,点击第三步的那个按钮,返回PhotoShop,在图层面板上,鼠标左键双击“渐变叠加”那几个字打开第二步那个窗口,好,现在我们拖动那个箭头从左往右移动一段距离,看到颜色的变化了吗?确定。
第六步,返回ImageReady:
第七步,好了,看到现在这两帧,其实这第一帧就是gif动画的起始帧,第二帧就是gif动画的最终帧。
我们只需点击一下下图所示按钮:
接着,我们只要在弹出的对话框中设置一下下图所示的那个数值,比如我设置的“5”,那么就会在上图的第一、第二帧中插入5个帧。
好了,按顺序点击一下这7个帧吧,你就会发现,它依次下来的顺序正是你在第五步中的移动顺序。知道了吧?^^
如果第五步中你移动的距离越大,那么你上面的数值也就相应地设大一些,这样才能使gif动画看起来更平滑,当然,这样gif的体积也越大。:rolleyes:
最后,全选所有帧,设置一下间隔时间,比如0.1秒,然后输出gif动画就可以了。
注: 第二步的那些参数你是可以按自己喜欢来设的,还可以点击那条色带来调节更美的渐变颜色。最后在ImageReady中保存gif动画前,可以打开优化面板,来优化一下gif动画,以方便网络传输,太大的gif动画体积将直接影响视觉效果。