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

我们平常所说的美术,都是有关视觉的艺术。设计分很多种,但大家目前所集中关心的,要用到PS的设计,无非就是人机界面(网页也算一种人机界面)、平面广告、动画、插图等等,这些都与视觉有关。
而视觉魔术当中,我们普遍运用的手法,就是通过视觉错误来产生各种各样的“立体感”。本来都是平面的,但添加了各种效果后,你就觉得这是立体的,有空间感的。比如一个简单的按钮,就不再是平面的板块,你会觉得它是有体积感的。这就是我们所说的“逼真”。
首先要说的是,我举的例子都会是很简单、数个步骤就能上手并且能演变出其他效果的,因为我觉得对于初学者而言,画一个方块,和画一个人头像在操作上没有很大的区别。如果你参加了美术班的学习,你就会知道,对于阴影、高光的把握,画一个鸡蛋与画一个人头像没什么不同,不同的就是后者需要结构上的理解与更多的练习。举个小例子,小非想必大家很熟悉了,以PS描绘逼真的超写实人像,他对自己的操作是这样说的:我无非就是用了路径、加亮与变暗工具多一些而已,剩下的就是美术功底了。因此,对于初学者,我不推荐马上去画什么人脸,而是先理解好、运用好手头的这几样工具,再深入研究结构,这样才是学习PS之道。

步骤/方法

  • 01

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

  • 02

    按钮横截面光线图: 任何光滑的东西都会产生镜面反射,水晶按钮当然不会例外。

  • 03

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

  • 04

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

  • 05

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

  • 06

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

(0)

相关推荐

  • ps制作水晶按钮的技巧

    ps可以进行照片处理,调整和美化您的图像.深受广大平面设计人员和电脑美术爱好者的喜爱.它可分为图像编辑.图像合成.校色调色及特效制作部分等,它也可以创造出我们需要的图案,这里介绍一下ps制作水晶按钮的 ...

  • 深度水花!Ps于水滴抠图实例讲解

    抠图是Photoshop里面常用的一种技巧.而本教程将会结合实例,讲解如何将水滴从图片中抠出. 原图 最终效果图 图1 图2 步骤/方法 01 打开原图素材,点通道面版,选择一个色调比较适当的通道这里 ...

  • ps 教程:[4]新照片做旧做成老照片效果

    现代拍摄的照片如何处理成旧时代感的老照片呢?利用ps滤镜就可以将旧时代带入现在照片: 操作方法 01 首先打开Photoshop,打开需要处理的图片,复制一层做处理,选择图像--调整--亮度/对比度, ...

  • ps教程:把宝宝照片变成水彩画的效果

    操作方法 01 把图片处理成艺术效果需要较强的创意能力.如下面的教程,作者非常巧妙的把一些水彩及纹理背景融入到经过特殊处理的人像中,效果有点类似大师的简洁风格水彩画.简洁却透露出无限的艺术遐想. 原图 ...

  • ps如何制作水晶按钮

    水晶按钮在网页应用中非常广泛,今天就和大家一起来分享如何用ps制作水晶按钮,方法很简单主要利用图层样式来实现,让我们一起来学习吧 操作方法 01 首先我们新建(Ctrl+N)一个600*400的画布, ...

  • PS教程:照片飞溅效果

    photoshop教程:照片飞溅效果出来 操作方法 01 ps教程:炫酷飞溅像素 照片飞溅效果处理 上集 photoshop照片处理教程 02 ps教程:炫酷飞溅像素 照片飞溅效果处理 下集 phot ...

  • 制作精致的绿色水晶按钮(ps教程)

    Hello,大家好,今天小编呢给大家带来一例按钮的制作教程,制作之前我们首先要了解他的结构,整个按钮分四部分,并且每部分的制作难度不大,喜欢的小伙伴赶紧打开ps来尝试一下吧~等着大家交作业哦, 桂桂博 ...

  • 拨动的按钮临摹【PS教程】

    小编:大家还记得上次的<loading-gif制作方法[PS教程]>?细心的童鞋会发现我们这次的教程也是我们之前的作业--是的,因为很多童鞋反映说关于gif的不会做!因此解答团就准备出一系 ...

  • ps教程:钢笔工具运用全解

    ps教程之一,钢笔工具是很大用途但很少运用的工具之一,这里用图文的方式对ps的钢笔工具做一个详细讲解. 步骤/方法 01 1.在photoshop中打开图片重设你想要的大小.我将大小重新调整为1800 ...