首页 > web前端 > PS教程 > 正文

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

PHP中文网
发布: 2016-06-01 14:28:46
原创
1570人浏览过

如何绘制逼真的高光?如何创造立体的感觉?这篇教程是向本站的朋友介绍如何利用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水晶纽扣

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号