最美UI

UI教程!教你绘制黑胶碟拉丝金属纹理图标

雪姐姐教你设计技巧:绘制图标胖乎乎的圆角底板的技法,如何用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

8、复制光盘的圆的图层,右键『清除图层样式』使其变为本来的灰色,右键『栅格化图层』。

Image title

9、给栅格化后的圆,添加滤镜-杂色-添加杂色。

Image title

10、杂色要选单色。高斯分布,数值77%。

Image title

11、在杂色圆上选,滤镜-模糊-径向模糊 。

Image title

12、径向模糊参数如上,选旋转,最好,数量75,制作拉丝纹理。

Image title

13、把拉丝纹理的图层模式改为『叠加』,透明度50%。效果如图。

Image title

14、在上面画一个100像素的圆颜色为#2a2230,再画一个80像素纯白的圆。然后再画一个30像素的小圆。

设置30像素的小圆渐变叠加,径向,渐变条颜色为#eeeeee,#434343,#bababa,

Image title

15、然后用选择工具把渐变位置往30像素小圆上方挪一下,黑胶碟拉丝金属纹理图标就完成了。

有不看不明白的地方的,可以下载源文件研究一下!

来源:ui.cn

作者:UEgood课堂

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
UI教程!五分钟做一个 dribbble 上最受欢迎的 Mac 插画
下一篇
阿里妈妈MUX:UI设计中线性图标的画法指南