优艾设计网

Photoshop制作水晶纽扣图片

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:飞屋睿UIdesign
如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的教程,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断去思考高光和阴影的关系,以及实物

上图看上去已经接近我想要的效果了,接下来为纽扣增加一点投影和描边。

Photoshop制作水晶纽扣图片

Photoshop制作水晶纽扣图片

Photoshop制作水晶纽扣图片

3、增加高光细节

为了让纽扣看上去更具立体效果,运用了图层样式后显然是不够的。这时,我们还需要“手动”为他添加相应的阴影和高光的效果。在所有制图过程中,当你想让一个物体变得更具立体感、真实感,最好的方式莫过于为它添加高光和阴影了。

新建一个图层,然后使用椭圆选框工具,在纽扣的上方拉出一个椭圆形,然后再使用渐变工具,渐变设置如下:

Photoshop制作水晶纽扣图片

然后在选区内填充渐变色,渐变模式为线性渐变,从上至下填充。填充后效果如下:

Photoshop制作水晶纽扣图片

将椭圆转到右上角,也就是我们选定其为高光部分的地方。

Photoshop制作水晶纽扣图片

这时,我想要在高光基础上再增加一层高光。首先,将高光图层复制一层,然后按住“ctrl”键,用鼠标点选纽扣的“身体”的图层。目的是想调出圆形选区,为下一步做准备。

Photoshop制作水晶纽扣图片

保持圆形选区,在复制出的高光图层上通过键盘上的左键和下键来控制选区,移动到如下图所示的位置,然后点击delete键。

Photoshop制作水晶纽扣图片

Photoshop制作水晶纽扣图片

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消