教程 发表于 2020-4-18 17:18:41

用PS制作简约的圆环图标

教程作者:fromaic
本篇教程通过PS制作简约的圆环图标,制作比较简单,但是需要有一定基础才可以完成,同学们可以根据教程学习一下,在制作的时候有些细节上小心一些就可以,具体教程同学们通过教来学习一下吧。我们16xx8.com网站中有很多这样的教程,同学们可以依照自己的兴趣做喜欢的教程。

效果图:

http://pic1.16xx8.com/allimg/1emke4/4-1PR01F04H25.jpg

操作步骤:

第1步,建立一个300px的正圆

http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x0.thumb.png



第2步,Ctrl+J复制图层一,缩放一个50%的小圆http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x1.thumb.png



第3步,复制大圆,缩放为一个与大圆和小圆相切的中圆http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x2.thumb.png



第4步,复制中圆,移到左边与大圆相切http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x3.thumb.png



第5步,把两两相切的圆各自移出来,为了方便观察http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x4.thumb.png



第6步,各自合并图层ctrl+Ehttp://pic1.16xx8.com/allimg/1emke4/16xx828647a34x5.thumb.png



第7步,用路径选择工具A点击小圆,减去顶层形状http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x6.thumb.png



第8步,用矩形工具减去顶层形状http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x7.thumb.png



第9步,对齐,分别合并形状组件http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x8.thumb.png



第10步,合并图层http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x9.thumb.png



第11步,填充渐变,并且准换为智能对象http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x10.thumb.png



第12步,复制,旋转180度,再用鼠标拖动http://pic1.16xx8.com/allimg/1emke4/16xx828647a34x11.thumb.png

完成:

http://pic1.16xx8.com/allimg/1emke4/4-1PR01F04H25.jpg

同学们一起来学习一下吧,制作起来还是很有趣的呢。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

Elyvan 发表于 2020-4-18 17:19:09

我的作业:
页: [1]
查看完整版本: 用PS制作简约的圆环图标