美文网首页
PS设计系列之一:电话小图标

PS设计系列之一:电话小图标

作者: 云苒说 | 来源:发表于2017-10-07 15:32 被阅读0次

    今天我们来看看简单的小图标的设计——当当当当!!!!最终效果请看图七和图八。

    注:本文需要有一定PS基础。

    1.打开PS,新建文件,宽为5厘米,高为4厘米,分辨率300像素。新建图层1,背景为黑。

    2.新建图层2,选择圆角矩形工具,设置半径为30像素,绘制一个绿色圆角矩形。

    3.双击图层2,在图层样式里选渐变叠加,设置混合模式为正常,不透明度100%,设置渐变为绿色(136,255,0)到深绿(27,50,0),样式为对称,角度90,缩放150%(图一)。

    4.复制图层2,Ctrl+T将图像缩小一圈,双击图层2副本,在图层样式里选内阴影,设置混合模式为正片叠底,不透明度为75%,角度为90,距离为0,阻塞为0%,大小为15像素。选择外发光,混合模式正片叠底,不透明度75%,渐变就是上面那个由绿到深绿的渐变,方法柔和,扩展50%,大小3像素,范围50%(图二)。

    5.新建图层,设置前景色白,绘制一个白色椭圆形状,设置不透明度50%,按住Ctrl键的同时单击图层2副本缩略图,建立选区,添加图层蒙版(图三)。

    6.新建图层3,按住Ctrl单击图层2副本建立选区,单击编辑——描边,设置宽度3像素,颜色为白。为图层3添加图层蒙版,选择渐变工具,为白色边框填充由白到黑的线性渐变,隐藏部分白边(图四)。

    7.隐藏背景图层和图层1,按Alt+Ctrl+Shift+E盖印图层,得到图层4 。

    8.显示隐藏的图层,选择盖印图像,垂直反转,并调整到合适位置(图五)。

    9.为图层4添加图层蒙版,选择渐变工具,添加由白到黑的线性渐变,重复使用渐变,制作倒影效果(图六)。

    10.打开电话素材,拖到编辑窗口,得到图层5,调整大小和位置。双击图层5,在图层样式里选外发光,扩展为2%,大小为6像素(图七最终效果)。

    11.在图层底部单击创建新的填充或调整图层,选色相/饱和度,设置色相为-102,饱和度43,明度2(图八最终效果) 。

    PS设计系列之一:电话小图标

    下面是素材图片:

    电话素材

    相关文章

      网友评论

          本文标题:PS设计系列之一:电话小图标

          本文链接:https://www.haomeiwen.com/subject/kfmjyxtx.html