可爱的大白图标UI设计教程

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uicn   作者:UEgood

关键词

雪姐姐教你用PS图层样式5分钟画一只软萌的大白图标,弥散阴影风格图标底板制作。学UI就到UEgood,好省快!不止是教软件技术,还教设计思维!


Image title

最终效果

Image title


1、开一个512*512px像素的白色画布,用圆角矩形形状工具画358*358px的圆角为80px的圆角矩形。

Image title

2、给图层添加线性渐变,给背板顶部添加桃红内阴影,给背板底部添加2个橘色投影,一个虚化一些,一个实一些。

Image title

3、使用圆角矩形,创建一个宽180px高140px圆角为72px的头部。再画一个椭圆型,用CTRL+T,按CTRL键拉底部2个变换点变成柚子型身体,再用钢笔工具绘制手脚,爱心用形状工具最后一个不规则形状里面有。

Image title

4、现在来制作大白的质感,先给大白一个雪白的色彩叠加,再给深红色投影,大小自调,虚化一些。

Image title

5、大白的质感再添加肉粉色内发光,不透明度降低为40%大小为35px。

Image title

6、再添加40%的内阴影,颜色为鲜红色,距离为9px,大小为21px,制作环境漫反射。

Image title

7、接下来画2个圆和一个扁长方形形状组成眼睛。

Image title

8、给眼睛颜色叠加叠加一个深灰色,描边为全黑,内阴影为90度的全黑,距离为8px,大小为18px。

Image title

然后软萌的大白弥散阴影图标就画好了!


 收藏