您的位置: 首页 > 技术文档 > 图形图像 > Photoshop 杂谈 II — 立体感
Fireworks 2004 作波尔卡点边框 回到列表 Illustrator中参考线的妙用II
 Photoshop 杂谈 II — 立体感

作者:cloudy 时间: 2004-06-26 文档类型:原创 来自:蓝色理想

第 1 页 Photoshop 杂谈 II — 立体感 [1]
第 2 页 Photoshop 杂谈 II — 立体感 [2]
第 3 页 Photoshop 杂谈 II — 立体感 [3]
第 4 页 Photoshop 杂谈 II — 立体感 [4]
第 5 页 Photoshop 杂谈 II — 立体感 [5]
第 6 页 Photoshop 杂谈 II — 立体感 [6]
第 7 页 Photoshop 杂谈 II — 立体感 [7]
第 8 页 Photoshop 杂谈 II — 立体感 [8]
第 9 页 Photoshop 杂谈 II — 立体感 [9]
第 10 页 Photoshop 杂谈 II — 立体感 [10]
第 11 页 Photoshop 杂谈 II — 立体感 [11]

上3节我们粗略地研究了一下立体感的构成。可以得出一个大概的结论:亮部与阴影构成了立体感。这个感觉是感性的,我们还要把这个“黑白配”的印象继续深化。单纯的黑白配(或者说明暗配)就能塑造出让人信服的立体感吗?——是的,但还不够。黑白能让人有光线的感觉,但从白到黑所产生的变化又是非常微妙的。
下面我们来观察一组渐变。

这些渐变都是PS自带的渐变工具制作的。大家觉得哪根柱子最立体呢?答案是最后一根最符合现实中的光线,最立体。前面几根渐变都简单,我们着重分析最后一根的渐变构成。

我们看看这个渐变的灰度变化。从左到右,一共有5个关键色。
其中最主要的是第3和第4个关键色,就是我们以前说过的“黑白配”。但其他辅助的关键色呢,却是必不可少的。左边均为亮部,右边为暗部。但亮部会有亮部的变化,比如因为柱子的形状,关键是慢慢亮起来,越来越亮,到了第3个关键色,就是高光部分,然后就到了让人感觉最暗的“明暗交界线”,最右边却又因为对环境的反光而略为亮一点点(注意右边的深灰色调子)。

这就是从白到黑的光线过渡层次。有这些复杂的层次,我们才得以塑造出真实。其实在实际运用中,我们也没有办法做的这么细致。因此上面5色就会被精简到三色:高光、暗部、反光。反光一定要有,因为它提醒了我们周围环境的存在。

渐变是很机械的,但是是基本。下面我们来看看如果通过一系列的简单操作,作出复杂的阴影变化。

这是我事先画好的一个圆柱体,柱体部分使用了单纯的白-黑渐变。大家可以看到,如此单纯的线性渐变显然是不符合要求的,造成的结果是阴影死板而无变化。下面我们来看看如何改进。
首先我们要重新定位一下最高亮度与最低亮度的位置。如图:

使用最基本的左白右黑渐变,如图拉出。注意白点与黑点的位置。
然后我们要制作右边的环境反光,用选择工具拉出一个矩形的选区,覆盖暗部的右边:

然后按CTRL+ALT+D,键入适当的羽化值。这里羽化10象素。为什么是这个值?——凭经验,呵呵 因为不同的物体有不同的大小,我们要根据大小来决定羽化的半径。羽化,就是为了让选区的边缘“柔化”,以此来达到柔化应用的程度,产生平滑过渡的效果。如下图:

然后按CTRL+U,把明度提高,把右边的暗部提亮一点,制作出环境反光的样子。

这种做法就是我教程里典型的基本操作:选择,然后羽化,然后调整色相与饱和度(我在以前的教程,质感表现基本手法 里有详细的说明,大家可以去搜索一下)
同样做法,把左边变暗一点,把高光提亮一点,记得要羽化。如图:

这几步熟练之后,操作起来速度很快。可能有人问,为什么不直接调整渐变?渐变虽然好,但每次根据不同的光照条件去调整那个渐变条还是很麻烦的,而且效果无法得到直观的预览。而这几步的好处就是,能够以最直接的方式去表现我们需要的真实。

现在我们把两个圆柱体摆在一起看看差异(这里忽略了地面上的投影)。

左边是初始的圆柱体,右边是修改后的。显然,效果是后者好的多,对吗?

上面这节对大家而言可能会感觉到有点闷。诚然,对于很多可能想在我这里找到一些效果捷径的读者而言,这部分的确很枯燥。但我还是要不厌其烦地提醒,只有懂得立体感原理的,做出来的东西才不会是呆板的、死气沉沉的。

再拿刚刚上面的圆柱体的例子,右边的那个圆柱体,效果上已经要比左边那个完美很多了,但大家细心观察得话,就一定会感到右边的圆柱体,还是有点怪怪的。

对吗?有点说不出所以然来?只是觉得怪?没错,右边的圆柱体,柱体已经很完美,但头顶的封盖还不行。应该很容易猜到,它用的还是线形渐变(怎么改善?这个也当作小练习,我想对大家而言,是很容易的事情)。

现实中的阴影不可能是完美线形的,正是由于光照强度的平方或立方的函数衰减,导致阴影深浅的非线性。
不仅仅是阴影如此,还有景深导致的模糊等等,都是非线性的。

因此,要塑造出真实感,就要避免“线性”的分布。比如刚刚我调整了渐变(以多阶段的线性渐变来模拟非线性分布),或者是利用羽化/亮度这样的操作,把原有的线性打破。

上面所说的都是一个阴影的变化。或者直接一点,我们说的是“光线在圆柱体上的分布”。但我们分析这个光线分布的时候,是把这个圆柱体本身的一个反射忽略了的。我们开始假定它是一个粗糙的无镜面反光的物体,这样有利于我们分析,究竟有哪些光线投射到它的表面上。

但如果说要研究金属表面的话,就大不一样了。金属由于光滑的表面,导致它会发生镜面反射。而镜面反射,是一种很独特的反射,我们能同时看到表面很亮,然后周围很黑——呵呵,非常枯燥吧,可以理解,但请坚持看下去——

出处:蓝色理想
责任编辑:qhwa

上一页 Photoshop 杂谈 II — 立体感 [9] 下一页 Photoshop 杂谈 II — 立体感 [11]

◎进入论坛PhotoshopFireworks版块参加讨论

相关文章 更多相关链接
如何使用11px及10px的清晰汉字
《大师之路》#07:其他色彩调整
Photoshop实用反转负冲教程
Photoshop制作彩色镂空球体
Photoshop打造绚丽文字
作者文章 更多作者文章
Photoshop 通道运算详解
cloudy 之 photoshop杂谈 I
Photoshop 杂谈 II — 立体感
Flash 曲线运用初级教程
质感表现基础手法[之一]
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
>> 分页 首页 前页 后页 尾页 页次:10/111个记录/页 转到 页 共11个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2