打印

[教学] 使用Photoshop图层样式模仿Windows Vista

作者:kamachen
声明:Ingress of Dreams特别授权蓝色理想 请勿转载



这是Molicancer在longhorn测试版发布时所提供的Windows窗口界面图,新的Windows窗口界面有玻璃的质感及被类似“磨沙”玻璃覆盖后的模糊效果。如何来实现这种效果一时论坛上众口百家。通过实验,单纯地使用图层样式来实现这种模糊效果是不可能的,因为图层样式不是滤镜。而借助图层样式来实现这种效果却很简单,以下是我按照这张范例图所做的效果。



我不知道因该怎么向大家说明我执行图层样式的每一步,我把它认为是一种习惯性思维的产物。图层样式提供了一个很完善的预览系统,实际上你不用去系统地学习,也不需要用枯燥的文字来解释这些效果的产生原因,多练多想便能让你快速记忆每一个样式的子项所能产生的各种效果。

学习就是一个过程,从入门到提升要稳扎稳打是没有捷径的。任何教程都在你学习之后的反思让你更近一层的理解它-图层样式。

好了,到此我们就让图层样式的魔力来为我们创建玻璃效果吧。
希望您在学习完教程之后能明白并能真正理解它。


画一镂空的圆角矩形


双击图层执行图层样式,参数如下:
因为要实现玻璃的透明效果,所以图层透明度设置为0;


外发光用来模拟窗口的平面铺设所产生的阴影效果。这个示例图参数有所降低,个人不喜欢太重的阴影效果。大家可以自己调整参数以达到你所想要的效果。


“斜面和浮雕”用来模拟玻璃边框的质感及立体效果。


“描边”用来模拟复杂的折射效果。迷人眼睛的障眼法而已。


完成。具体参数可以自己多调整。要实现背景的模糊效果,只要选中边框区域,高斯模糊背景3像素,再3像素即可。


别忘了在此基础上自由发挥,并将你的作品发上来哦。




早前写的另一种玻璃效果:[ Apple显示器的一个小模仿,有机玻璃的实现 ]

[ 本帖最后由 cherub 于 2006-12-26 21:02 编辑 ]
本帖最近评分记录
  • cherub 威望 +2 我很赞同 2006-8-8 08:30
回到蓝色,回来突然有一种激动。让我梦想开始的地方,永远地让它绽放。
能不能提供PSD文件呢!
跟着做了,效果还行,但感觉比你做的这张差不少。
背景图很重要,选的不好,效果会大打折扣
把kamachen的原话照搬
季末虐人大赛结束,游侠宿敌诞生:全体编剧

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
不行,做不出这个效果啊!

TOP

minspring5136在上个帖子中说
引用:
不行,做不出这个效果啊!
笨一点的法子
就是:
用 kamachen 提供的原图
照教程的步骤
就可以做出来了啊
(要做出这样的效果,背景的选择是特别重要的说)

要是想以后都可以快捷的处理出这样的效果
那就把这个 样式 保存起来~   
让Ps更简单 ...
www.86ps.com

TOP

如果我写一本有关PHOTOSHOP的书的话,请卡马诚同学专写图层样式一章
离散许久,不知老兄在忙着啥呢
缘至而来,缘尽而散,无谓付出与索取。蓝色珍重!

TOP

kamachen的教程都是精华

TOP

里面的那个框这样做的?
活着是为了更好的活着

TOP

kamachen还是经常回来吧,再看看以前的教程,依然感觉有不少东西需要学习

TOP

偶也做了一个,不过感觉没楼主做的好,不知道怎样才能上传上来

TOP

还是不会做窗口的模糊效果
大象无型,大音希声

TOP

flying2008在上个帖子中说
引用:
里面的那个框这样做的?
方法在这里:http://www.iood.net/forum/thread-686-1-2.html

TOP

cherub在上个帖子中说
引用:
kamachen还是经常回来吧,再看看以前的教程,依然感觉有不少东西需要学习
有时间还是会回来看看的,只是很久很久没写教程了

TOP

squalluo在上个帖子中说
引用:
还是不会做窗口的模糊效果
模糊3像素,在选区内再模糊3像素。

TOP

呵呵 看到帖子试验了下,效果不太好,一直觉得自己对图层样式的使用很单一,很佩服楼主对图层样式的应用,研习ing~~~

TOP

只能说太猛

TOP

样式强人啊~
不过支持全部做完~

TOP

能全部完整写下来就更好了

TOP

练习一下
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
向小目标迈进

TOP

支持  凑字

TOP

好厉害,要好好学习!
http://hi.baidu.com/justin0530

TOP

我也学了做做
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
http://hi.baidu.com/justin0530

TOP

学习了

不过我怎么做不出内到叫的样子呢?哎体力不够,不能发图请教

TOP

在内框新建一个图层,填充白色,然后把拷贝原来的样式,粘贴到刚新建的图层上,再在样式表的“斜面和浮雕”改一下属性--把原来方向“上”改为“下”,其他自己再慢慢调整。

以上本人是这样做,如有不对,望见谅!:)
http://hi.baidu.com/justin0530

TOP

学习,质感不错,这方面努力学习。
简约设计
    简约生活

TOP

效果差得多,方法可能还是有问题,真佩服楼主!

TOP

请教一下第三个效果上面那个小凹块怎么做的?我做不出这种感觉出来,郁闷。。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP

谢谢 学习了``!

TOP

交作业!

吼吼~

TOP