炫彩签名,Photoshop制作可爱的炫彩文字签名

来源:PS联盟 作者:大眼仔~旭
虽然是一些简单的文字,如果我们加上绚丽的色彩,并配上合适的闪烁动画,出来的效果就会大不一样。动画制作不难,关键是要发挥我们的想象去构思一些精巧的动态画面。
最终效果
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
1、新建文档并填充黑色,使用矩形选框工具绘制选区,转到通道面板,点击生成路径按钮,如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
 

  2、使用文本工具,选择合适的姿态,并设置字体编剧,输入“-”来制作边缘的虚线,调整大小,效果如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
3、把文本进行栅格化处理,并填充渐变叠加样式,效果如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
4、新建一个图层,用矩形徐昂看工具绘制下图所示的选区,并填充黑色。执行:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除不需要的部分,效果如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
 

  5、保持选区,执行:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除不需要的部分。
炫彩签名,Photoshop制作可爱的炫彩文字签名
为其添加渐变叠加样式,只是把色彩进行对称调整而已,效果如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
6、输入合适的文章,如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
 

  7、新建一个图层,用矩形选框工具绘制选区,并填充黑色。执行:滤镜 > 杂色 > 添加杂色,效果如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
8、打开动画面板,转到时间轴面板,对文档进行设置,如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
9、选择虚线外框图层,开始为其添加关键帧,打开虚线的图层样式,在工作区中拉动渐变,制作动画效果。
炫彩签名,Photoshop制作可爱的炫彩文字签名
用同样的方法去制作其它动画的样式效果,如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
 

  生成的动画效果:
炫彩签名,Photoshop制作可爱的炫彩文字签名
10、选择图层3,为其制作过渡效果,同样为其添加关键帧,如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
设置关键帧的不透明度。
炫彩签名,Photoshop制作可爱的炫彩文字签名
生成的动画效果:
炫彩签名,Photoshop制作可爱的炫彩文字签名
 

  同样的方法制作其它部分,效果如下图。
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
11、不要以为这样储存为Web格式就可以了。还需要设置哦,转换到动画面板,会提示点击继续。
炫彩签名,Photoshop制作可爱的炫彩文字签名
12、当转换到动画面板时会发现,首先动画的播放是一次,其它播放的时间不能满足我们的视觉需要。
炫彩签名,Photoshop制作可爱的炫彩文字签名
13、设置它的播放为永远,时间为0.01秒,这样再次储存为Web格式就可以了。
炫彩签名,Photoshop制作可爱的炫彩文字签名
最终效果:
炫彩签名,Photoshop制作可爱的炫彩文字签名
炫彩签名,Photoshop制作可爱的炫彩文字签名
 

 
Tags:  炫彩签名

延伸阅读

最新评论

发表评论