UI教程-黑胶碟拉丝金属纹理图标

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

uimaker
UI设计师 / 江苏 南京

来源:uicn   作者:UEgood课堂

关键词

雪姐姐教你设计技巧:绘制图标胖乎乎的圆角底板的技法,如何用PS滤镜制作黑胶碟金属拉丝太阳纹效果,图层样式制作金属小球!

Image title

最终效果

Image title


1、新建512*512像素,背景色为#d7d7d7的灰色的画布,用形状工具画正方形,再按CTRL+T变换工具,

点击上后方『网格变换』图标,在前方变形中选『膨胀』,弯曲数值调整为36。然后按后面的勾确定变形结果。

Image title

2、在PS里用快捷键A,选取变形后的路径,CTRL+C复制后,粘贴进AI软件中,选项为完全可编辑。

Image title

3、在AI中用,白色箭头选取工具,点击4个直角点,会出现圆角工具标识,拖动标识后可以把4个角变成圆弧。然后把修改的路径再复制粘贴回PS。

选形状。

Image title

4、为这个圆角方形图层,添加图层样式颜色叠加为#EEEEEE,投影参数如图。

Image title

5、用圆形工具,绘制一个直径280像素的正圆,颜色为#808080。

Image title


6、为这个圆添加图层样式,渐变叠加,样式选『角度』,再点击渐变:后面的方块渐变条位置进行渐变设置。

Image title

7、渐变条为双色相隔、深紫色为#2a2230,浅紫色为#544c55,点击渐变条偏下方位置可添加更多渐变点,要点是最左和最右的色彩点需要颜色一致,首尾相接。

Image title

 收藏