Home  >  Article  >  Web Front-end  >  PS绘制逼真的高光立体3D水晶纽扣

PS绘制逼真的高光立体3D水晶纽扣

PHP中文网
PHP中文网Original
2016-06-01 14:28:461439browse

如何绘制逼真的高光?如何创造立体的感觉?这篇教程是向脚本之家的朋友介绍如何利用PS绘制逼真的高光立体3D水晶纽扣方法,教程比较简单,但实用性很强,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断去思考高光和阴影的关系,以及实物的状态,这样才能短期内快速进步呦!推荐过来,希望对大家有所帮助!

或 许入门的PS学徒们都曾经试图制作过诸如一滴水、一个气球或一只苹果这样的拟物玩意儿的设计。通常让人感到迷惑的是,为什么我们要画一个苹果而不是用照片 拍下一个苹果再把它抠出来?我的答案是,学习是没有捷径可走的。比较快速的做法当然同样可以达到效果,但它带来的收获远没有你用心画一只苹果来得更多。

今天我们要制作的是水晶状的纽扣,它是拟物感觉的,你要在学习的过程中不断去思考高光和阴影的关系,以及实物的状态,这是美术课的内容,但就在你熟练操作了PS的时候,也同样需要这样的基本知识去增强你的设计。

PS绘制逼真的高光立体3D水晶纽扣

具体的绘制步骤如下:

1、新建文件

打开PS,新建一个文件(W:800px,H:600px),背景色填充为深灰色#242424,然后略微给背景填充上径向渐变,让中心看上去更“亮”。再在该背景层上增加一个圆形,这就是纽扣的”身体”了。圆形的色彩随大家各自喜欢,我选用的是绿色。

PS绘制逼真的高光立体3D水晶纽扣

2、图层样式

接下来,我们要对纽扣的“身体”运用图层样式。图层样式的使用,靠的是不断的尝试,而每一次的运用都要当做一次积累,才能更好的理解和掌握它。那么,今天我们要用到哪些样式呢?

由于要让纽扣变得立体,因此我们可以尝试用一下内阴影。在此过程中,你的大脑中一定要出现一副作品完成后你想要达到的效果,在你不断对其进行调试中你才有可能逐渐接近你的目标。

不熟悉内阴影的同学,右戳学习,包你会!《PS技巧学起来!帮你快速的彻底搞懂内阴影功能》

这是我的面板数值,以及在此数值下的图层效果。

PS绘制逼真的高光立体3D水晶纽扣PS绘制逼真的高光立体3D水晶纽扣

我要使用内发光,让它的边缘具有水晶的光泽。

PS绘制逼真的高光立体3D水晶纽扣
PS绘制逼真的高光立体3D水晶纽扣

运用光泽图层样式,让它更具光泽感

PS绘制逼真的高光立体3D水晶纽扣PS绘制逼真的高光立体3D水晶纽扣

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

PS绘制逼真的高光立体3D水晶纽扣PS绘制逼真的高光立体3D水晶纽扣

PS绘制逼真的高光立体3D水晶纽扣

3、增加高光细节

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

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

PS绘制逼真的高光立体3D水晶纽扣


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn