教程 发表于 2020-12-16 16:26:39

用PS绘制一枚音乐图标

教程作者：谭学健
本篇教程通过PS教大家绘制一个清新淡雅的音乐图标，用到的依然是我们的老朋友——图标样式，习惯了颜色艳丽的色彩图标，这次我们换个风格，同学们一起来练习下吧。

效果图：


http://pic1.16xx8.com/allimg/171025/12454SP0-0.thumb.jpg

操作步骤：

新建一个渐变调整层，做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。

http://pic1.16xx8.com/allimg/171025/12454W1U-1.png

光是渐变背景，感觉差了点什么，添加点质感吧。复制一层渐变图层，转智能对象，添加一个杂色。

http://pic1.16xx8.com/allimg/171025/12454R216-2.png

执行“滤镜—风格化—浮雕效果”，添加一个浮雕效果。

http://pic1.16xx8.com/allimg/171025/12454V921-3.png

将这个图层的图层混合模式更改为“叠加”，我们的背景就完成了。

http://pic1.16xx8.com/allimg/171025/12454W0D-4.png

画一个圆角矩形，并添加图层样式。

http://pic1.16xx8.com/allimg/171025/12454U161-5.png

http://pic1.16xx8.com/allimg/171025/12454Vc0-6.png

http://pic1.16xx8.com/allimg/171025/12454Q222-7.png

颜色：#d3d3d4-#ffffff

http://pic1.16xx8.com/allimg/171025/12454QT0-8.png

http://pic1.16xx8.com/allimg/171025/12454WZ5-9.png



复制一层这个圆角矩形，移到下层，将图层填充修改为0，添加一个投影图层样式，我们来增加阴影的层次感。



http://pic1.16xx8.com/allimg/171025/12454U961-10.png



接下来，我们来做那个中框，这里需要注意的是圆角矩形的圆度需要对齐一下，不然看上去很难看。将图层的填充修改为0，添加一个图层样式。

http://pic1.16xx8.com/allimg/171025/12454TJ1-11.thumb.png

http://pic1.16xx8.com/allimg/171025/12454VS7-12.png

http://pic1.16xx8.com/allimg/171025/12454T5R-13.png

http://pic1.16xx8.com/allimg/171025/12454Q001-14.png

http://pic1.16xx8.com/allimg/171025/12454S192-15.png



用椭圆工具画出中间凹陷的的主体来，添加图层样式。

http://pic1.16xx8.com/allimg/171025/12454RU4-16.png

http://pic1.16xx8.com/allimg/171025/12454W416-17.png

http://pic1.16xx8.com/allimg/171025/12454UO3-18.png


注解：在这里面如何做出像云朵一样的图形，画三个圆，排列好后进行合并图层就可以得到云朵形状。

制作中间的三个圆，这三个圆的的图层样式是一样的，只是圆的大小不一样。排列好，进行图层样式。

http://pic1.16xx8.com/allimg/171025/12454W107-19.png

http://pic1.16xx8.com/allimg/171025/12454Qc1-20.png

http://pic1.16xx8.com/allimg/171025/12454U208-21.png

http://pic1.16xx8.com/allimg/171025/12454W516-22.png


最后把图标放上去就大功告成了。


http://pic1.16xx8.com/allimg/171025/12454WB1-23.png

http://pic1.16xx8.com/allimg/171025/12454RG7-24.png

http://pic1.16xx8.com/allimg/171025/12454V0E-25.png

http://pic1.16xx8.com/allimg/171025/12454S5a-26.png


在这个过程中你可以变化一下数值，就可以得到了不一样的图标，记住，教程是死的，人是活的，只有不断的练习和尝试，这样会达到意想不到的效果，加油

http://pic1.16xx8.com/allimg/171025/12454Sc8-27.thumb.jpghttp://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

秃头小宝贝儿 发表于 2020-12-16 16:28:06

可能很多地方画的不到位，看着楼主效果图摸索的

xchx123 发表于 2021-1-7 15:29:40

看着教程摸索着去做，肯定有不足的地方

柳柒 发表于 2021-1-9 16:46:15

我的作业：特意没按步骤，只看着效果图弄，弄了好久，尽力在还原每个细节
页: [1]
查看完整版本: 用PS绘制一枚音乐图标