AI教程高科技电源按钮UI图标教程(5)

来源:网络   作者:热心网友   发布时间:2017-03-19    浏览次数:458


44.内发光,滤色,透明度45%,#4A4A4A,柔和,边缘

详细参数如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

45.下图是我们做好的主按钮。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

46.现在我们制作按钮icon,字体下载:http://pan.baidu.com/s/1HlSgY,输入“Q”,字体大小:48pt

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

47.图层样式,3px,外部,黑色

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

48.斜面浮雕,描边浮雕,平滑,100。

滤色30%,正片叠底60%。

详细参数如下图所示:

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

49.渐变叠加,

详细参数如下图所示:.

对称,90°,70%

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

50.现在我们在按钮背后创建3个LED发光按钮,第一步是给形状图层添加颜色#06B9FB,双击它来编辑颜色。

(原教程步骤不清楚,小编建议是新建图层,然后用椭圆工具画一个圆,放置在主按键背后,图片格式化。

或者椭圆选区工具,填充R6,G185,B251)

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

51.现在在路径处选择主要按钮,出现选区。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

52.将选区范围扩大,选择>修改>展开

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

53.输入8px,ok。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

54.选择>反选,或者Ctrl+Shift+I。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网

55.给其添加蒙版,获得最后LED光的形状。

Illustrator教你绘制一个高科技电源按钮教程,PS教程,设计先锋网


1234567共7页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xinshourumen/aijiaocheng/5774.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通