Photoshop制作可爱的闪动炫彩文字签名特效
最终效果


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


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

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


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

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

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


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

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


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

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

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

生成的动画效果:

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

设置关键帧的不透明度。

生成的动画效果:

同样的方法制作其它部分,效果如下图。


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

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

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

最终效果:




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


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

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


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

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

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


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

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


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

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

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

生成的动画效果:

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

设置关键帧的不透明度。

生成的动画效果:

同样的方法制作其它部分,效果如下图。


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

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

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

最终效果:


版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/PMsheji/PS/146804.html