Photoshop教程:水晶按钮实例讲解如何实现立体感效果

2016-01-30 06:29 15 1 收藏

Photoshop教程:水晶按钮实例讲解如何实现立体感效果,  写在开头:  我们平常所说的美术,都是有关视觉的艺术。设计分很多种,但大家目前所集中关心的,要用到PS的设计,无非就是人机界面(网页也算一种人机界面)、平面广告、动画、插图等等,这些都与视觉有关。  ...

【 tulaoshi.com - PS 】

  写在开头:

  我们平常所说的美术,都是有关视觉的艺术。设计分很多种,但大家目前所集中关心的,要用到PS的设计,无非就是人机界面(网页也算一种人机界面)、平面广告、动画、插图等等,这些都与视觉有关。

  而视觉魔术当中,我们普遍运用的手法,就是通过视觉错误来产生各种各样的“立体感”。本来都是平面的,但添加了各种效果后,你就觉得这是立体的,有空间感的。比如一个简单的按钮,就不再是平面的板块,你会觉得它是有体积感的。这就是我们所说的“逼真”。

  首先要说的是,我举的例子都会是很简单、数个步骤就能上手并且能演变出其他效果的,因为我觉得对于初学者而言,画一个方块,和画一个人头像在操作上没有很大的区别。如果你参加了美术班的学习,你就会知道,对于阴影、高光的把握,画一个鸡蛋与画一个人头像没什么不同,不同的就是后者需要结构上的理解与更多的练习。举个小例子,小非想必大家很熟悉了,以PS描绘逼真的超写实人像,他对自己的操作是这样说的:我无非就是用了路径、加亮与变暗工具多一些而已,剩下的就是美术功底了。因此,对于初学者,我不推荐马上去画什么人脸,而是先理解好、运用好手头的这几样工具,再深入研究结构,这样才是学习PS之道。

  好了,我们现在马上开始,从结果倒推到步骤的思考之旅。大家来看这个水晶按钮(呵呵,我总是从水晶按钮开始,因为它基本上把样式的技巧都用上了)。
 
  下面我们放大来看这个水晶按钮由哪些结构组成。按钮构成图:

  按钮横截面光线图:

  1、任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外。

  2、要让按钮浮出画布,阴影是少不了的。有了正确的阴影,人们感觉才会更逼真。

  3、这个水晶按钮是紫色的,但不是平板、呆板的平紫色,而是一个从紫红到粉红的渐变色,为什么会这样?因为它是透明的,光线从上到下投射下来的时候,由于下部的角度问题,产生的反射越来越多(这部分可参考物理学知识),所以下面的颜色会较浅。(注:我们假设光源在正上方)

  4、按钮是扁圆的,到了边缘,这个曲度发生较大的变化(大家可以想象一下这里的横截面),因此边缘会变暗,于是会有这一点点的阴影。

  5、原理如4,但这里的阴影更大,为什么?大家想想一个玻璃杯在单光源照射下的情景:如果不是有反射的话,整个杯子就会在背景中消失,对不对?因为它是透明的,光线在上面不留痕迹(除了反光),因此这里为什么暗,是因为它是透明的,把后面的阴影也透射出来了。这里要说明一点,如果要把现实中的水晶按钮的光线反射等等完全搬过来是行不通的,不是不能做到,而是对于这样的一个小按钮成本太大了。我们只需要稍稍模拟得更接近就行了,因此又有一个题外的原则,对效果,要适当取舍。

来源:https://www.tulaoshi.com/n/20160130/1520772.html

延伸阅读
标签: PS PS教程
本文为中国合作伙伴印象特别供稿,转载必须取得 授权 本教程的主要目的是使用photoshop中的一些最基本的工具,绘制水晶效果图标。 所使用的主要工具有:“椭圆、矩形选框工具”、“椭圆、矩形工具”、渐变工具。 图层面板中的主要功能:样式、编组、图层混合模式,蒙板。 因为主要针对的对象是photoshop的初学者,所以步骤...
【PS文字特效】photoshop制作立体感艺术字教程 最终效果图 1、新建595×842像素大小的文件,设置前景色为淡黄色(f5dcb9),新建图层1。执行滤tulaoshi镜→渲染→云彩命令。 云彩效果 2、执行滤镜→纹理→纹理化命令,如图设置弹出对话框。 纹理化 3、选择多边形套锁工具,创建一个...
【PS文字特效】PS制作福字立体感效果  最终效果图:   具体的制作步骤如下: 1.打开ps,将下面这幅画导入 2.选区选中,填上渐变,如图 3.为其添加图层样式。斜面和浮雕 ,等高线的调节如图所示数据 4.ctrl+j 复制刚才的图层,等高线不用动,斜面和浮雕数据如下。填充为0 5.复...
标签: PS PS基础
首先声明,个人对空间感表现得并没有那么得心应手,与各位高手之间存在巨大且难以逾越的差距,只是偶尔可能会有一些看上去很像有空间感的图被磨叽出来。空间感的制作,不一定非要使用钢笔画出那么多的东西,也不一定非要用多么高大上的素材,一些细节部分的处理,同样能帮助我们制作出空间感觉。 这里只是把自己对自己所理解的 【 对所谓...
标签: PS PS基础
最终效果 1、新建一个700 * 620像素的文件,选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变作为背景。 2、打开下图所示的素材,拖进来。解锁后放到合适的位置。 3、新建一个组,载入杯身的选区,给当前组添加图层蒙版,再把素材图片隐藏。 4、在组里新建一个图层,填充橙黄色,效果如下图。 5、载入杯身的选区,...

经验教程

807

收藏

20
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部