首页  新闻  文章  软件  动画  编程  设计  视频  搜黑  网址  网校  博客  论坛  邮箱  最近更新

漏洞公布  病毒公告  业界动态  黑客新闻  黑客人物  杀毒防护  安全书籍  升级补丁
入侵检测  漏洞研究  软件评测  操作系统  技巧知识  网管天地  黑客编程  Q Q 技巧  安全防护
扫描检测  远程监控  脚本注入  拒绝攻击  嗅探监听  木马后门  字典代理  密码破解  Q Q 软件
Q Q 动画  木马教程  脚本入侵  漏洞利用  加密破解  软件应用  安全配置  综合教程
Delphi编程  汇编编程  VB编程  VC/C++编程  PB编程  VFP编程  WEB编程  Exploite  数据库编程
黑客培训 2G防毒Email
·搜黑-全球首例黑客资讯搜索
·视频-国内视频学习教学大全
·设计-汇集百家设计网站精华
·编程-13大编程语言全面学习
安全中国首页 > 设计学院 > PhotoShop
Photoshop精彩例解:立体光影魔术[立体感](图)
时间:2005-10-26 22:22:00      责任编辑:王奇      网友评论        自动滚屏[左键停止]
热 点:

很多人可能要问了,不就做一个小按钮吗,用得着花这么多笔墨去说这些物理问题吗?——这不对。只有深入理解结构,才能举一反三。下面就要说到,理解这些东西究竟有什么用。

好,现在我们开始思考,我们应该用什么工具去实现这些效果。(在这里不妨停住,自己想想,刚刚分开的那些结构部分,如果是你自己,如何把这些部分画出来,并且组合起来?)

部分1:高光让我们产生这个物体很光滑的感觉。但要实现很容易,我们画一个这种形状的白色块,然后以一定的透明度叠加在下方的按钮实体上面就行,这个问题解决了,我们需要的是一个新图层,一个以白色填充的圆角长矩形。——具体步骤先不急,我们先要知道我们要些什么。

部分5:对于下面的大圆角矩形,上部以及边缘会发暗。如何才能让这个大圆角矩形的上部以及边缘有点暗呢?这里列举两种做法。一种是用羽化的选区把按钮矩形的边缘变暗。变暗有什么好办法?色相/饱和度工具,此法用在这里有点小题大作,此外这种方法是一次性的,不能再调整的,也就是说当你确认修改后,下次要改回来可就不那么容易了。那么我们选择第二种做法,图层样式。记得图层样式里面有一个“内阴影”吗?对,内阴影~ 内阴影除了能干内阴影这件事之外,也能让边缘变暗——我们只要让阴影在边缘停留就好了嘛。看图:

看看第三个就是,参数怎么调整?这里先不说,大家可以根据上面的那个图自己调整一下方向、距离与大小,试试看。

这里还有一个值得注意的是,为什么用内阴影更好,是因为大家发现没有,虽然说第三个内阴影效果是边缘变暗,但这个暗又是上下不同的,上面的阴影宽些,下面的阴影窄些,这正是第5部分需要的效果。内阴影是有方向与距离控制的,因此我们可以把那个阴影调节得上宽下窄。这就是我们选择内阴影样式的理由。有了这种特殊的阴影,按钮会产生一定的立体感了。

部分4:这里还有一个较窄的、细细的边缘变暗。因为我们刚刚已经采用了内阴影来制作按钮的立体感,难道再增加一个内阴影效果吗?PS里面不允许说一个图层加几个同样类型的样式。那我们要换一下口味了。这个较黑较细的边缘,应该对整个按钮都是均匀的。整个按钮具有变暗的模糊边缘——用色相/饱和度工具当然可行,但不能事后调整——还是用样式吧,什么样式呢,内发光。

内发光不仅能发“亮”光,也能发“暗”光。看图:

第三个色快产生了边缘变暗的效果,如何做到的呢?看看具体的参数设置:

对,混合模式发生了变化,原本系统默认的是“滤色”,现在我们把它改成“正常”,当然用“正片叠底”也是可以,但用正常我们可调整的就更多。我们选取一种比原来的桔色暗些的颜色作为“暗”光,因此最后出来了这种效果。

部分2,3:部分2就是简单的阴影样式了,没什么好说的;部分3就是一个渐变,样式里也有渐变覆盖,轻松做到。这里都略过。

上一页 [1] [2] [3] [4] 下一页

·关键字: PhotoShop
·上一篇: Photoshop精彩例解:立体光影魔术[概论]
·下一篇:Photoshop精彩例解:立体光影魔术[光与影的奥秘](图)

发表评论  打印本文  返回顶部  关闭窗口
最新5条评论 条评论
条评论
名称: 信箱:

相关连接
·1MB单挑Photoshop?超微图形处理软件Paint.NET试用(图) [2005-12-9]
·Photoshop和Painter合作漫画(图) [2005-12-7]
·Coreldraw图像文件导入Photoshop三种方法 [2005-12-6]
·CorelDRAW与Photoshop的文字变形艺术逐个看(图) [2005-12-6]
·Photoshop7视频手册:2.1.3裁切工具和切片工具组 [2005-11-22]
·Photoshop7视频手册:11 帮助 [2005-11-22]
·Photoshop7视频手册:10 窗口 [2005-11-22]
·Photoshop7视频手册:9.2视图2 [2005-11-22]
·Photoshop7视频手册:9.1视图1 [2005-11-22]
·Photoshop7视频手册:8.15 Digimarc [2005-11-22]