D2D 发表于 2019-6-27 10:26:31

鼠绘一只可爱的白色音乐播放图标面板

教程作者：夜白i今天给大家带来一个PS绘制一枚清新优雅的音乐图标教程，与往常一样依旧是图层样式的应用为主，感兴趣的朋友让我们一起来学习吧。

        http://pic1.16xx8.com/allimg/181228/0313246414-0.thumb.jpg
        www.16xx8.com


        1.打开PS，新建一个900*600px的尺寸（任意），复制一层，新建一个渐变调整层，做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。

        http://pic1.16xx8.com/allimg/181228/031324K09-1.thumb.jpg


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

        http://pic1.16xx8.com/allimg/181228/0313241U6-2.thumb.jpg


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

        http://pic1.16xx8.com/allimg/181228/0313243330-3.thumb.jpg

        http://pic1.16xx8.com/allimg/181228/03132445D-4.thumb.jpg


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

        http://pic1.16xx8.com/allimg/181228/0313243025-5.thumb.jpg


        5.画一个圆角矩形，圆角半径10，并添加图层样式。

        http://pic1.16xx8.com/allimg/181228/03132420R-6.thumb.jpg


        斜面浮雕

        http://pic1.16xx8.com/allimg/181228/0313242V3-7.thumb.jpg

        内阴影

        http://pic1.16xx8.com/allimg/181228/0313241391-8.thumb.jpg

        渐变叠加 （颜色：#d3d3d4-#ffffff）

        http://pic1.16xx8.com/allimg/181228/031324EC-9.thumb.jpg


        投影

        http://pic1.16xx8.com/allimg/181228/031324E03-10.thumb.jpg


        http://pic1.16xx8.com/allimg/181228/0313241O2-11.thumb.jpg


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

        http://pic1.16xx8.com/allimg/181228/0313244236-12.thumb.jpg


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

        描边 （颜色：#ececec）

        http://pic1.16xx8.com/allimg/181228/0313241511-13.thumb.jpg


        内阴影

        http://pic1.16xx8.com/allimg/181228/0313242310-14.thumb.jpg

        外发光

        http://pic1.16xx8.com/allimg/181228/0313245Y4-15.thumb.jpg

        投影

        http://pic1.16xx8.com/allimg/181228/0313242H8-16.thumb.jpg


        http://pic1.16xx8.com/allimg/181228/0313242a1-17.thumb.jpg


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

        http://pic1.16xx8.com/allimg/181228/031324N43-18.thumb.jpg

        （将图层的填充修改为0）

        内阴影

        http://pic1.16xx8.com/allimg/181228/031324BA-19.thumb.jpg


        投影

        http://pic1.16xx8.com/allimg/181228/031324H01-20.thumb.jpg


        http://pic1.16xx8.com/allimg/181228/0313243N0-21.thumb.jpg


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

        http://pic1.16xx8.com/allimg/181228/0313245G2-22.thumb.jpg

        内阴影

        http://pic1.16xx8.com/allimg/181228/0313244D9-23.thumb.jpg

        渐变叠加 （颜色和之前一样即可）

        http://pic1.16xx8.com/allimg/181228/031324O93-24.thumb.jpg

        投影 （颜色：#6d7777）

        http://pic1.16xx8.com/allimg/181228/0313244422-25.thumb.jpg


        http://pic1.16xx8.com/allimg/181228/0313243120-26.thumb.jpg


        最后把图标放上去，给这几个图标添加图层样式。

        http://pic1.16xx8.com/allimg/181228/031324NG-27.thumb.jpg

        颜色叠加 （颜色：#cccccc）

        http://pic1.16xx8.com/allimg/181228/03132414M-28.thumb.jpg

        内阴影

        http://pic1.16xx8.com/allimg/181228/0313244504-29.thumb.jpg

        投影

        http://pic1.16xx8.com/allimg/181228/031324G59-30.thumb.jpg


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


        最终效果：

        http://pic1.16xx8.com/allimg/181228/0313246414-0.thumb.jpg
        www.16xx8.com
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

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

我的作业：没看步骤，直接按自己的想法做的，有些地方不一样，效果看着还行。
页: [1]
查看完整版本: 鼠绘一只可爱的白色音乐播放图标面板