Photoshop设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例,Photoshop制作可爱的炫彩文字签名,虽然是一些简单的文字,如果我们加上绚丽的色彩,并配上合适的闪烁动画,出来的效果就会大不一样。动画制作不难,关键是要发挥我们的想象去构思一些精巧的动态画面。

最终效果

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例

1、新建文档并填充黑色,使用矩形选框工具绘制选区,转到通道面板,点击生成路径按钮,如下图。

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例

2、使用文本工具,选择合适的姿态,并设置字体编剧,输入“-”来制作边缘的虚线,调整大小,效果如下图。

PS设计可爱闪烁的签名动画教程实例

3、把文本进行栅格化处理,并填充渐变叠加样式,效果如下图。

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例

4、新建一个图层,用矩形徐昂看工具绘制下图所示的选区,并填充黑色。执行:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除不需要的部分,效果如下图。

PS设计可爱闪烁的签名动画教程实例 

5、保持选区,执行:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除不需要的部分。

PS设计可爱闪烁的签名动画教程实例

为其添加渐变叠加样式,只是把色彩进行对称调整而已,效果如下图。

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例

6、输入合适的文章,如下图。

PS设计可爱闪烁的签名动画教程实例

7、新建一个图层,用矩形选框工具绘制选区,并填充黑色。执行:滤镜 > 杂色 > 添加杂色,效果如下图。

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例

8、打开动画面板,转到时间轴面板,对文档进行设置,如下图。

PS设计可爱闪烁的签名动画教程实例

9、选择虚线外框图层,开始为其添加关键帧,打开虚线的图层样式,在工作区中拉动渐变,制作动画效果。

PS设计可爱闪烁的签名动画教程实例

用同样的方法去制作其它动画的样式效果,如下图。

PS设计可爱闪烁的签名动画教程实例

生成的动画效果:

PS设计可爱闪烁的签名动画教程实例

10、选择图层3,为其制作过渡效果,同样为其添加关键帧,如下图。

PS设计可爱闪烁的签名动画教程实例

设置关键帧的不透明度。

PS设计可爱闪烁的签名动画教程实例

生成的动画效果:

PS设计可爱闪烁的签名动画教程实例
同样的方法制作其它部分,效果如下图。

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例

11、不要以为这样储存为Web格式就可以了。还需要设置哦,转换到动画面板,会提示点击继续。

PS设计可爱闪烁的签名动画教程实例

12、当转换到动画面板时会发现,首先动画的播放是一次,其它播放的时间不能满足我们的视觉需要。

PS设计可爱闪烁的签名动画教程实例

13、设置它的播放为永远,时间为0.01秒,这样再次储存为Web格式就可以了。

PS设计可爱闪烁的签名动画教程实例

最终效果:

PS设计可爱闪烁的签名动画教程实例

PS设计可爱闪烁的签名动画教程实例