Photoshop在制作可爱风格的ICON图标(3)

UI / UI设计教程 / PS教程 /      259

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Yu0910

关键词

二、微扁平化,短信图标

先看看效果图

Photoshop在制作可爱风格的ICON图标

下面是教程

Photoshop在制作可爱风格的ICON图标

Step01:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为120px,高度为120px,半径20px,并勾选【从中心】,然后点击确定;

Photoshop在制作可爱风格的ICON图标

Step02:把圆角矩形图层命名为di,然后右键选择【混合选项】,设置:

【描边】:大小1px,内部,渐变90°,# 157acf — #78bbff,

【渐变叠加】:线性渐变,色值从上到下为 # 1479cf — # 3a9bff,角度为90°;

Photoshop在制作可爱风格的ICON图标

Step03:选择【椭圆工具】,按住Shift键,画一个正圆,填充颜色为# 9eceff,图层命名为message,再选【钢笔工具】(快捷键P,可按Shift+P切换),在选项栏里【路径操作】选择【合并形状】,并选中路径,画一个三角形;右键选择【混合选项】,设置:

【投影】:颜色#789bc0;角度120°,距离1px,扩展0,大小1px;

复制图层message命名为message_ceng,填充颜色为# 4da2f9,载入图层选区向上移动三像素,反向选区,再点击【图层】窗口的【添加图层蒙版】;

再复制图层message命名为message_bian,填充颜色为# c7e3ff,载入图层选区向上移动一像素,反向选区,再点击【图层】窗口的【添加图层蒙版】;

 收藏