请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 19102|回复: 44

[教学] 使用Photoshop图层样式模仿Windows Vista [复制链接]

kamachen 楼主

Mysterious Globe

银牌会员

帖子
1750
体力
2047
威望
28
居住地
浙江省 温州市
发表于 2005-8-19 01:57:00 |显示全部楼层
作者:kamachen
声明:Ingress of Dreams特别授权蓝色理想 请勿转载



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



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

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

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


画一镂空的圆角矩形


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


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


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


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


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


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




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

[ 本帖最后由 cherub 于 2006-12-26 21:02 编辑 ]
已有 1 人评分威望 收起 理由
cherub + 2 我很赞同

总评分: 威望 + 2   查看全部评分

西部数码顶级域名注册商39元抢注!
kamachen 楼主

Mysterious Globe

银牌会员

帖子
1750
体力
2047
威望
28
居住地
浙江省 温州市
发表于 2005-8-19 01:59:00 |显示全部楼层
回到蓝色,回来突然有一种激动。让我梦想开始的地方,永远地让它绽放。
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

帖子
2
体力
12
威望
0
发表于 2006-5-29 00:47:00 |显示全部楼层
能不能提供PSD文件呢!
跟着做了,效果还行,但感觉比你做的这张差不少。

使用道具 举报

jtoz 

这是英文

钻石会员 手机认证 

帖子
10897
体力
12281
威望
1
居住地
湖南省 益阳市
发表于 2006-5-29 08:55:00 |显示全部楼层
背景图很重要,选的不好,效果会大打折扣
把kamachen的原话照搬
又到了广电总急的经期

使用道具 举报

帖子
5
体力
24
威望
0
发表于 2006-5-29 20:13:00 |显示全部楼层
不行,做不出这个效果啊!

使用道具 举报

帖子
448
体力
2284
威望
30
居住地
欧洲 西班牙
发表于 2006-5-29 22:39:00 |显示全部楼层
minspring5136在上个帖子中说
不行,做不出这个效果啊!


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

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

使用道具 举报

包谷 

尽量经典

荣誉管理

帖子
5467
体力
20293
威望
53
发表于 2006-5-30 01:08:00 |显示全部楼层
如果我写一本有关PHOTOSHOP的书的话,请卡马诚同学专写图层样式一章
离散许久,不知老兄在忙着啥呢
傍晚的太阳,余温尚存,继续散发光和热

使用道具 举报

帖子
48
体力
156
威望
0
发表于 2006-5-30 09:28:00 |显示全部楼层
kamachen的教程都是精华

使用道具 举报

帖子
1256
体力
2411
威望
0
居住地
广东省 广州市
发表于 2006-5-31 12:37:00 |显示全部楼层
里面的那个框这样做的?
活着是为了更好的活着!

使用道具 举报

cherub 

秀秀老师

荣誉管理

帖子
4462
体力
18160
威望
136
居住地
山东省 济南市
发表于 2006-6-1 07:34:00 |显示全部楼层
kamachen还是经常回来吧,再看看以前的教程,依然感觉有不少东西需要学习

使用道具 举报

ussop 
帖子
1
体力
9
威望
0
发表于 2006-6-1 15:35:00 |显示全部楼层
偶也做了一个,不过感觉没楼主做的好,不知道怎样才能上传上来

使用道具 举报

帖子
27
体力
73
威望
1
发表于 2006-6-5 16:04:00 |显示全部楼层
还是不会做窗口的模糊效果
大象无型,大音希声

使用道具 举报

kamachen 楼主

Mysterious Globe

银牌会员

帖子
1750
体力
2047
威望
28
居住地
浙江省 温州市
发表于 2006-6-6 00:16:00 |显示全部楼层
flying2008在上个帖子中说
里面的那个框这样做的?


方法在这里:http://www.iood.net/forum/thread-686-1-2.html

使用道具 举报

kamachen 楼主

Mysterious Globe

银牌会员

帖子
1750
体力
2047
威望
28
居住地
浙江省 温州市
发表于 2006-6-6 00:17:00 |显示全部楼层
cherub在上个帖子中说
kamachen还是经常回来吧,再看看以前的教程,依然感觉有不少东西需要学习


有时间还是会回来看看的,只是很久很久没写教程了

使用道具 举报

kamachen 楼主

Mysterious Globe

银牌会员

帖子
1750
体力
2047
威望
28
居住地
浙江省 温州市
发表于 2006-6-6 00:18:00 |显示全部楼层
squalluo在上个帖子中说
还是不会做窗口的模糊效果


模糊3像素,在选区内再模糊3像素。

使用道具 举报

小力

银牌会员

帖子
449
体力
2297
威望
9
发表于 2006-6-8 07:48:00 |显示全部楼层
呵呵 看到帖子试验了下,效果不太好,一直觉得自己对图层样式的使用很单一,很佩服楼主对图层样式的应用,研习ing~~~

使用道具 举报

9one9 
帖子
1
体力
13
威望
0
发表于 2006-6-10 12:36:00 |显示全部楼层
只能说太猛

使用道具 举报

帖子
3252
体力
6788
威望
7
发表于 2006-6-10 15:03:00 |显示全部楼层
样式强人啊~
不过支持全部做完~

使用道具 举报

帖子
1
体力
7
威望
0
发表于 2006-12-7 22:01:03 |显示全部楼层
能全部完整写下来就更好了

使用道具 举报

剥削多财

银牌会员

帖子
731
体力
962
威望
68
居住地
广西壮族自治区 柳州市
发表于 2006-12-8 14:29:41 |显示全部楼层
练习一下
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
向小目标迈进

使用道具 举报

帖子
528
体力
1388
威望
0
发表于 2006-12-8 15:16:50 |显示全部楼层
支持  凑字

使用道具 举报

爱由心生

银牌会员

帖子
727
体力
2516
威望
10
居住地
广东省 深圳市
发表于 2006-12-25 12:41:33 |显示全部楼层
好厉害,要好好学习!

使用道具 举报

爱由心生

银牌会员

帖子
727
体力
2516
威望
10
居住地
广东省 深圳市
发表于 2006-12-26 09:18:15 |显示全部楼层
我也学了做做
附件: 你需要登录才可以下载或查看附件。没有帐号?注册

使用道具 举报

帖子
8
体力
21
威望
0
发表于 2006-12-26 10:22:40 |显示全部楼层

学习了

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

使用道具 举报

爱由心生

银牌会员

帖子
727
体力
2516
威望
10
居住地
广东省 深圳市
发表于 2006-12-26 11:43:38 |显示全部楼层
在内框新建一个图层,填充白色,然后把拷贝原来的样式,粘贴到刚新建的图层上,再在样式表的“斜面和浮雕”改一下属性--把原来方向“上”改为“下”,其他自己再慢慢调整。

以上本人是这样做,如有不对,望见谅!:)

使用道具 举报

帖子
1015
体力
3690
威望
0
发表于 2006-12-26 12:01:51 |显示全部楼层
学习,质感不错,这方面努力学习。
简约设计
    简约生活

使用道具 举报

帖子
20
体力
51
威望
0
发表于 2006-12-26 20:57:57 |显示全部楼层
效果差得多,方法可能还是有问题,真佩服楼主!

使用道具 举报

枫零

金牌会员

帖子
2760
体力
4414
威望
1
居住地
广东省 广州市
发表于 2006-12-26 21:33:41 |显示全部楼层
请教一下第三个效果上面那个小凹块怎么做的?我做不出这种感觉出来,郁闷。。
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
在这个漂浮的城市里 我们卑微着 却依然渴望飞翔……

使用道具 举报

zcfg 
帖子
169
体力
341
威望
5
发表于 2006-12-28 14:00:26 |显示全部楼层
谢谢 学习了``!

使用道具 举报

莫名忧伤

高级会员

帖子
63
体力
745
威望
0
居住地
河南省 郑州市
发表于 2006-12-28 15:46:09 |显示全部楼层
交作业!

吼吼~

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 09:44 , Processed in 0.188549 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部