当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

二维码,制作一枚动态二维码指纹图片(4)

来源:站酷 作者:那年十七岁 学习:21491人次
www.16xx8.com_0333224638-0.gif

先打开源文件指纹icon,会发现有一百多层。我们不用管,只看第一个就行。

这个icon分两个部分组成。一个是静态背景,一个是动态指纹。

1、背景有两个。一个大背景和一个指纹后面的小背景。

  a、大背景,新建图层-填充颜色,就行了。

  b、小背景,运用形状工具【U】。其次还会发现有4层投影。最下面的三层也可以用形状工具,然后高斯 模糊一下。再用小背景的图层混合模式里的投影做最后一层投影。

做的过程中多调试多与原图对比,调试就行。

2、指纹也有两个。静态的和动态的。

a、静态指纹。用魔棒工具做出选区,然后再把选区变成工作路径,再用直接选择工具把路径调整准确,再 把路径变成选区填充颜色,在利用图层混合模式,进行调整。

b、动态指纹。是静态指纹图层在时间轴上变化。调整时间轴上的图层下面的“变换”“不透明度”“图层 样式”“图层蒙版位置”“图层蒙版启用”命令就可完成。

打开源文件指纹GIF

www.16xx8.com_0333223352-1.png

再新建文档。

预设里面会有刚刚打开指纹模板(神奇吧)

www.16xx8.com_0333225031-2.png

第一部分制作背景

把刚刚的参考图层拖入新建的文档里,并锁定。

www.16xx8.com_0333225532-3.png

新建图层2,填充背景色,如下图

www.16xx8.com_0333225462-4.png

画一个图标大小的矩形,图层名为矩形1。如下图

www.16xx8.com_03332250c-5.png

复制一层,命名为矩形2,并修改属性,把圆角改为75

www.16xx8.com_0333222106-6.png

把矩形2复制多两层

www.16xx8.com_03332240D-7.png

效果如图:

www.16xx8.com_0333225A2-8.png

给矩形1加投影

www.16xx8.com_033322J17-9.png

把矩形2图层及复制得到的两个图层按住CTRL选择上,然后:图层-智能对象-转换为智能对象。

www.16xx8.com_0333224J3-10.png

给矩形2拷贝图层添加高斯模糊。

www.16xx8.com_033322CY-11.png

www.16xx8.com_03332261Z-12.png

第二部分指纹制作

www.16xx8.com_0333225b2-13.png

www.16xx8.com_033322E13-14.png

www.16xx8.com_0333225P3-15.png

www.16xx8.com_0333225035-16.png

关键一步。一定记得存储路径,不然辛辛苦苦就白画了

www.16xx8.com_033322AI-17.png

新建一个图层4再填充路径

www.16xx8.com_0333225N8-18.png

www.16xx8.com_03332235Z-19.png

www.16xx8.com_033322E29-20.png

填充颜色后进行原效果调整,使指纹有凹凸感

www.16xx8.com_0333223237-21.png

www.16xx8.com_0333221013-22.png

再把图层四转化正智能对象,并重命名一下。方便后期调整。

www.16xx8.com_033322G19-23.png

www.16xx8.com_03332252P-24.png

www.16xx8.com_0333224392-25.png

再调出时间轴进行

第三部分时间轴调试

www.16xx8.com_0333224057-26.png

www.16xx8.com_0333221104-27.png

www.16xx8.com_0333221206-28.png

www.16xx8.com_0333222F8-29.png

www.16xx8.com_0333224414-30.png

www.16xx8.com_03332212a-31.png

www.16xx8.com_0333222B5-32.png

www.16xx8.com_0333226005-33.png

www.16xx8.com_033322H34-34.png

www.16xx8.com_0333224427-35.png

www.16xx8.com_0333225545-36.png

www.16xx8.com_03332213J-37.png

www.16xx8.com_03332215N-38.png

www.16xx8.com_03332234M-39.png

www.16xx8.com_0333224b1-40.png

www.16xx8.com_0333223C2-41.png

www.16xx8.com_0333222552-42.png

www.16xx8.com_0333222958-43.png

www.16xx8.com_03332224W-44.png

www.16xx8.com_033322LR-45.png

www.16xx8.com_0333225332-46.png

www.16xx8.com_033322LW-47.png

www.16xx8.com_0333221035-48.png

www.16xx8.com_033322CL-49.png

www.16xx8.com_0333221P1-50.png

www.16xx8.com_0333226460-51.png

www.16xx8.com_0333224919-52.png

www.16xx8.com_033322E20-53.png

www.16xx8.com_03332234a-54.png

www.16xx8.com_0333225L4-55.png

www.16xx8.com_0333226449-56.png

www.16xx8.com_0333221V3-57.png

www.16xx8.com_03332211Q-58.png

www.16xx8.com_03332254W-59.png

完成了

www.16xx8.com_0333222942-61.gif

自己摸索出来的东西才能被自己真正掌握,不会忘,但走的弯路比较多,比较浪费时间。

所以这个ICON临摹教程给大家的仅仅是一个大概方向,好比各个路口的路标一样,具体怎么走,还得自己摸索,才能真正掌握。

谢谢观看!

互勉!

(注:图标来自网络。教程所属原创,如需转载请署名原创作者@那年十七岁)

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!