您所在的位置: 首页 > 教程首页 > 图文处理 > ps水晶按钮实例讲解如何实现立体感效果

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

来源:互联网 | 编辑:啤酒 | 时间:2013-08-13 14:37:17 | 阅读:16777215

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

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

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

步骤/方法

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

下面我们放大来看这个水晶按钮由哪些结构组成。按钮构成图:  

2.按钮横截面光线图:

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

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

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

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

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

Photoshop app
Photoshop app

类型:图片图像  大小:135.78MB  平台:

Android/

你可能感兴趣的内容

  • Fireworks动图制作教程​
    Fireworks动图制作教程​
    这篇教程是飞翔铭月的朋友分享用Fireworks简单制作闪动的图片方法,教程制作出来的图片非常漂亮,难度不是很大,很值得大家学习,推荐到52z飞翔下载,喜欢的朋友可以参考本文,一起来学习吧

    图文处理

    2018-07-23

  • fireworks批量压缩图片教程
    fireworks批量压缩图片教程
    fireworks 具备编辑矢量图形与位图图像的灵活性,是一款优秀的网页作图软件,下面是飞翔铭月整理的关于fireworks使用教程之如何批量压缩图片教程,快来分享吧!

    图文处理

    2018-07-23

  • 扫描全能王将图片变成文字方法教程
    扫描全能王将图片变成文字方法教程
    扫描全能王怎么将图片变成文字?很多小伙伴们都还不知道,下面52z飞翔下载小编为大家整理了扫描全能王将图片变成文字方法教程,一起来看看吧。

    图文处理

    2018-02-07

  • CAD看图软件添加文字教程分享
    CAD看图软件添加文字教程分享
    我们在用到CAD的时候,经常要给图纸添加标注文字等信息,这样不仅帮助我们记忆,还能帮助我们找出问题,那么CAD看图软件中怎么添加文字?接下来52z飞翔小编为大家带来CAD看图软件添加文字教程分享,还不清楚具体操作的朋友一起来了解一下吧!

    图文处理

    2018-01-24

  • CAD看图软件添加图片教程分享
    CAD看图软件添加图片教程分享
    CAD看图大师怎么添加图片?CAD看图大师是我们在绘制图纸的时候经常会使用的一个软件,接下来52z飞翔小编为大家带来CAD看图软件添加图片教程分享,还不清楚怎么操作的朋友一起来了解一下吧!

    图文处理

    2018-01-24

  • CAD怎么快速的插入或者创建表格 CAD快速创建表格图文教程分享
    CAD怎么快速的插入或者创建表格 CAD快速创建表格图文教程分享
    CAD是我们在制图的时候用到的最多的一个软件,在绘制图中的时候,有可能就会用到表格,那么CAD怎么快速的插入或者创建表格呢?接下来52z飞翔小编为大家带来CAD快速创建表格图文教程分享,还不清楚的朋友一起来了解一下吧!

    图文处理

    2018-01-24

  • Enlight修图软件怎么使用 Enlight的图片粉碎方法教程
    Enlight修图软件怎么使用 Enlight的图片粉碎方法教程
    Enlight修图软件怎么使用:修图软件千千万万,但是,到底哪一款才最好用呢?今天,52z飞翔小编就来给大家推荐一款小编日常最爱用的修图软件:Enlight,顺便给大家分享一下Enlight的粉碎教程吧!敲敲黑板,请认真看哦~

    图文处理

    2017-12-18

  • iphoneX iphone8购买订单图片制作教程
    iphoneX iphone8购买订单图片制作教程
    iphoneX\iphone8还未上市,它最大的缺陷就已经被曝光(贵!)。网友一致评论“太贵了买不起”。想不想买一台iphone8在亲朋好友面前装逼?想不想在朋友圈中做土豪?下面就由52z飞翔小编为大家带来iphoneX\iphone8购买订单图片制作流程吧。

    图文处理

    2017-09-13

  • 简单几步,用photoshop为你的老照片制作立体效果
    简单几步,用photoshop为你的老照片制作立体效果
    前几天在家翻到小时候的照片,就突发奇想想给老照片做一个立体效果,我们先来看看效果图吧:

    图文处理

    2017-08-13

  • vertus fluid mask教程 vertus fluid mask怎么用
    vertus fluid mask教程 vertus fluid mask怎么用
    vertus fluid mask作为一款十分强大的Photoshop抠图插件,但是还有许多用户朋友不知道vertus fluid mask怎么用,有的朋友甚至都还没有找到vertus fluid mask汉化版,一起来看看vertus fluid mask教程吧。

    图文处理

    2017-07-27

热门游戏

下载声明 | 法律声明 | 版权声明 | 友情链接 | 发布软件 | 最新更新

本站为非盈利性网站,不接受任何广告。本站所有资源均由网友上传,如有侵权,请发邮件至 [email protected]

晋ICP备2024046785号-1