微信教程,教你自己做一个动态二维码指

教大家把静态二维码图片做成动态二维码图片,这个二维码指纹扫描图片效果主要运用了剪切蒙版和过渡动画帧来做出指纹颜色的变化。算是动画图片的基础技巧之一。运用这个方法,大家还能做出更复杂的动态图片。做完记得

微信教程,做动态的微信二维码指纹扫描图片

最近有很多男同志在我微信公众号: photoshop教程论坛 上问我怎么做动态的微信二维码指纹扫描图片,这类图片其实做起来不难,都是一些基础技巧,特别有素材的情况下,更是简单几步就能做出来了。下面我们就用素材合

教大家把静态二维码图片做成动态二维码图片,这个二维码指纹扫描图片效果主要运用了剪切蒙版和过渡动画帧来做出指纹颜色的变化。算是动画图片的基础技巧之一。运用这个方法,大家还能做出更复杂的动态图片。做完记得交作业。

先看看效果:


微信教程,教你自己做一个动态二维码指插图

素材:

微信教程,教你自己做一个动态二维码指插图(1)

1、用魔棒工具把指纹选上,魔棒工具的容差我设置为32。

微信教程,教你自己做一个动态二维码指插图(2)

2、按CTRL+J复制一层,为了让大家看的清楚效果,我把【图层1】隐藏了,大家自己做的时候不需要隐藏图层。

微信教程,教你自己做一个动态二维码指插图(3)

3、按红剪头的按钮新建一个空白图层,然后用填充工具填充任意颜色,我这里填充红色,然后点绿色箭头的按钮添加蒙版。

微信教程,教你自己做一个动态二维码指插图(4)

4、按住ALT键,用鼠标点击红箭头指着的【图层3】和【图层2】间的黑线,添加剪切蒙版(位置正确,鼠标会改变成一个新图标的。)

微信教程,教你自己做一个动态二维码指插图(5)

5、做一个大于跟指纹高度的选区,然后鼠标点击一下绿箭头的蒙版框,设置前景色为黑色(也可以按快捷键D,这个快捷键是直接把前景色设为黑,背景色设为白),按着ALT+DELETE键填充前景色

微信教程,教你自己做一个动态二维码指插图(6)

6、做完蒙版后原本红色的指纹变回绿色,效果如下

(为什么会变回绿色?因为加了蒙版,把该层黑色部分遮盖住了。关于蒙版的详细说明,请百度教程:《图层蒙版,什么是蒙版?图层蒙版怎么用》)

微信教程,教你自己做一个动态二维码指插图(7)

7、点一下图层3的链接,取消链接蒙版(取消链接蒙版后,我们可以随意移动蒙版的黑色框,如果不取消,你移动黑色框同时会也移动红色那部分的内容。)

微信教程,教你自己做一个动态二维码指插图(8)

8、取消链接蒙版后的效果,注意红箭头。

微信教程,教你自己做一个动态二维码指插图(9)

9、打开时间轴窗口(窗口 – 时间轴)然后点击新建帧按钮,建立一个帧,效果如下图。

微信教程,教你自己做一个动态二维码指插图(10)

10、点击第二帧(红箭头),点击图层3的蒙版框(绿箭头),然后用移动工具(V)把黑色的框往下移动,让指纹全部变成红色,如下图:

微信教程,教你自己做一个动态二维码指插图(11)

11、设置时间为0.1秒,如下红箭头所指,点击绿箭头所指的过渡动画帧按钮,过渡数值如下图所示(数值越多越慢但越连贯,大家可以自己尝试一下一百帧和五帧的区别)。

微信教程,教你自己做一个动态二维码指插图(12)

12、确定后会新增加15帧,变成一共为17帧,现在基本就已经做好,大家可以点击红箭头的按钮看一下效果。

微信教程,教你自己做一个动态二维码指插图(13)

13、打开你的地维码图片,如下图。

微信教程,教你自己做一个动态二维码指插图(14)

14、新建一个图层5,然后用移动工具把二维码拖动过来,效果如下:

微信教程,教你自己做一个动态二维码指插图(15)

15、按CTRL+T键打开自由变换,按住SHIFT键,调整图片的大小和位置。如下图(
注意这步要在第一帧操作):

微信教程,教你自己做一个动态二维码指插图(16)

16、按CTRL+ALT+SHIFT+S 存储为Web所用格式,预设那里我选128,如果太大,可以选64或32。最后点击存储即可。

微信教程,教你自己做一个动态二维码指插图(17)

17、最终效果。转载保留:

微信教程,教你自己做一个动态二维码指插图
考考你:大家看上图,指纹图片红色和绿色过滤的地方是直的,怎么才能做成波浪或其他形状?会的直接做成图片提交作业。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部