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

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


21.打开Photoshop。建立一个1024x768px大小的图层。

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

22.将背景设置为黑色,然后选择背景图层,在图层混合模式里,渐变叠加。

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

23.渐变叠加参数设置如下:#333333、#000000,径向渐变,范围在130-150%之间。

你可以拖动渐变的中心,直到最后效果是你想要的。

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

24.Ctrl+V或者编辑>粘贴将图形粘贴到ps里。

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

25.我们现在只有一个形状图层在ps里,我们必须要将它分成不同的图层。

复制四个,减去不必要的形状,留下组成的部分。

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

26.效果和图层排序如下图所示。别忘了给每个图层命名。之后我们将在Photoshop里添加图层样式。

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

27.主按键(也就是1-12步骤里做出来的图形)。打开图层样式,在“混合选项:默认”,

为了看到我们的图层效果,降低透明度为零。

首先,渐变叠加,颜色#333333(暗灰色)和#000000(黑色。

径向渐变,范围120%。

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

28.内阴影,取消全局光。正片叠底,-90°。参数设置如下图所示:

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

29.我们已结束按钮编辑过程的第一部分,现在,我们要做它的正面部分,这一个不透明的表面,我们将在之后添加的光泽度和3D凸出效果。

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

30.现在我们制作按钮的边缘。图层混合模式-描边-3px 外描边。颜色参数如下图所示:

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

31.通过改变渐变的角度,我们把较亮的区域放在我们希望放在的位置。

在这种情况下,最亮的地方应该在边缘的上部。

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

32.现在我们通过添加高光和阴影来体现更复杂的镀铬金属效果。

斜面和浮雕:描边浮雕、平滑、100 。大小:5,软化:2.

详细的参数设置如下图所示:

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


1234567共7页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通