制作一枚动态二维码指纹图片
教程作者:那年十七岁这个动态指纹图片经常在微信的二维码扫描图片上看到,今天就教大家怎么制作出来。教程最后有视频,大家可以参考一下。http://pic1.16xx8.com/allimg/160131/0333224638-0.gif
先打开源文件指纹icon,会发现有一百多层。我们不用管,只看第一个就行。
这个icon分两个部分组成。一个是静态背景,一个是动态指纹。
1、背景有两个。一个大背景和一个指纹后面的小背景。
a、大背景,新建图层-填充颜色,就行了。
b、小背景,运用形状工具【U】。其次还会发现有4层投影。最下面的三层也可以用形状工具,然后高斯 模糊一下。再用小背景的图层混合模式里的投影做最后一层投影。
做的过程中多调试多与原图对比,调试就行。
2、指纹也有两个。静态的和动态的。
a、静态指纹。用魔棒工具做出选区,然后再把选区变成工作路径,再用直接选择工具把路径调整准确,再 把路径变成选区填充颜色,在利用图层混合模式,进行调整。
b、动态指纹。是静态指纹图层在时间轴上变化。调整时间轴上的图层下面的“变换”“不透明度”“图层 样式”“图层蒙版位置”“图层蒙版启用”命令就可完成。
打开源文件指纹GIF
http://pic1.16xx8.com/allimg/160131/0333223352-1.png
再新建文档。
预设里面会有刚刚打开指纹模板(神奇吧)
http://pic1.16xx8.com/allimg/160131/0333225031-2.png
第一部分制作背景
把刚刚的参考图层拖入新建的文档里,并锁定。
http://pic1.16xx8.com/allimg/160131/0333225532-3.png
新建图层2,填充背景色,如下图
http://pic1.16xx8.com/allimg/160131/0333225462-4.png
画一个图标大小的矩形,图层名为矩形1。如下图
http://pic1.16xx8.com/allimg/160131/03332250c-5.png
复制一层,命名为矩形2,并修改属性,把圆角改为75
http://pic1.16xx8.com/allimg/160131/0333222106-6.png
把矩形2复制多两层
http://pic1.16xx8.com/allimg/160131/03332240D-7.png
效果如图:
http://pic1.16xx8.com/allimg/160131/0333225A2-8.png
给矩形1加投影
http://pic1.16xx8.com/allimg/160131/033322J17-9.png
把矩形2图层及复制得到的两个图层按住CTRL选择上,然后:图层-智能对象-转换为智能对象。
http://pic1.16xx8.com/allimg/160131/0333224J3-10.png
给矩形2拷贝图层添加高斯模糊。
http://pic1.16xx8.com/allimg/160131/033322CY-11.png
http://pic1.16xx8.com/allimg/160131/03332261Z-12.png
第二部分指纹制作
http://pic1.16xx8.com/allimg/160131/0333225b2-13.png
http://pic1.16xx8.com/allimg/160131/033322E13-14.png
http://pic1.16xx8.com/allimg/160131/0333225P3-15.png
http://pic1.16xx8.com/allimg/160131/0333225035-16.png
关键一步。一定记得存储路径,不然辛辛苦苦就白画了
http://pic1.16xx8.com/allimg/160131/033322AI-17.png
新建一个图层4再填充路径
http://pic1.16xx8.com/allimg/160131/0333225N8-18.png
http://pic1.16xx8.com/allimg/160131/03332235Z-19.png
http://pic1.16xx8.com/allimg/160131/033322E29-20.png
填充颜色后进行原效果调整,使指纹有凹凸感
http://pic1.16xx8.com/allimg/160131/0333223237-21.png
http://pic1.16xx8.com/allimg/160131/0333221013-22.png
再把图层四转化正智能对象,并重命名一下。方便后期调整。
http://pic1.16xx8.com/allimg/160131/033322G19-23.png
http://pic1.16xx8.com/allimg/160131/03332252P-24.png
http://pic1.16xx8.com/allimg/160131/0333224392-25.png
再调出时间轴进行
第三部分时间轴调试
http://pic1.16xx8.com/allimg/160131/0333224057-26.png
http://pic1.16xx8.com/allimg/160131/0333221104-27.png
http://pic1.16xx8.com/allimg/160131/0333221206-28.png
http://pic1.16xx8.com/allimg/160131/0333222F8-29.png
http://pic1.16xx8.com/allimg/160131/0333224414-30.png
http://pic1.16xx8.com/allimg/160131/03332212a-31.png
http://pic1.16xx8.com/allimg/160131/0333222B5-32.png
http://pic1.16xx8.com/allimg/160131/0333226005-33.png
http://pic1.16xx8.com/allimg/160131/033322H34-34.png
http://pic1.16xx8.com/allimg/160131/0333224427-35.png
http://pic1.16xx8.com/allimg/160131/0333225545-36.png
http://pic1.16xx8.com/allimg/160131/03332213J-37.png
http://pic1.16xx8.com/allimg/160131/03332215N-38.png
http://pic1.16xx8.com/allimg/160131/03332234M-39.png
http://pic1.16xx8.com/allimg/160131/0333224b1-40.png
http://pic1.16xx8.com/allimg/160131/0333223C2-41.png
http://pic1.16xx8.com/allimg/160131/0333222552-42.png
http://pic1.16xx8.com/allimg/160131/0333222958-43.png
http://pic1.16xx8.com/allimg/160131/03332224W-44.png
http://pic1.16xx8.com/allimg/160131/033322LR-45.png
http://pic1.16xx8.com/allimg/160131/0333225332-46.png
http://pic1.16xx8.com/allimg/160131/033322LW-47.png
http://pic1.16xx8.com/allimg/160131/0333221035-48.png
http://pic1.16xx8.com/allimg/160131/033322CL-49.png
http://pic1.16xx8.com/allimg/160131/0333221P1-50.png
http://pic1.16xx8.com/allimg/160131/0333226460-51.png
http://pic1.16xx8.com/allimg/160131/0333224919-52.png
http://pic1.16xx8.com/allimg/160131/033322E20-53.png
http://pic1.16xx8.com/allimg/160131/03332234a-54.png
http://pic1.16xx8.com/allimg/160131/0333225L4-55.png
http://pic1.16xx8.com/allimg/160131/0333226449-56.png
http://pic1.16xx8.com/allimg/160131/0333221V3-57.png
http://pic1.16xx8.com/allimg/160131/03332211Q-58.png
http://pic1.16xx8.com/allimg/160131/03332254W-59.png
完成了
http://pic1.16xx8.com/allimg/160131/0333222942-61.gif
自己摸索出来的东西才能被自己真正掌握,不会忘,但走的弯路比较多,比较浪费时间。
所以这个ICON临摹教程给大家的仅仅是一个大概方向,好比各个路口的路标一样,具体怎么走,还得自己摸索,才能真正掌握。
谢谢观看!
互勉!
(注:图标来自网络。教程所属原创,如需转载请署名原创作者@那年十七岁)
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg
页:
[1]