十八子123 发表于 2019-7-12 10:48:05

制作一枚动态二维码指纹图片

教程作者:那年十七岁这个动态指纹图片经常在微信的二维码扫描图片上看到,今天就教大家怎么制作出来。教程最后有视频,大家可以参考一下。
        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]
查看完整版本: 制作一枚动态二维码指纹图片