PS 教程之透明玻璃字(多图) 22


效果图如右图所示,很有 vista 感觉。

这里下载 PSD 源文件。
下面开始:

Step 1:

背景层
以右下角为中心,拉一个从绿到蓝的径向渐变,如图。

图中使用的颜色:

颜色 1 - #2e5b15

颜色 2 - #103533(中间色)

颜色 3 - #090e13


Step 2:

使用用文字工具,画出一个你喜欢字母,如 Q 。这里使用的字体是 Adobe Caslon Pro ,颜色用 #41a993 。


Step 3:

按上图设置样式。由于样式太多,请点这里下载 PSD 源文件,以查看详细图层样式设置。

注意,将填充不透明度度降至 20% ,而不是不透明度。可通过右击源文件中样式图层,点击拷贝图层样式,将样式粘贴到你自己的文件中。


Step 4:

上图便是设置样式后的效果。


Step 5:

按住 CTRL 键单击字母 Q 层选中字母形状,然后新建一个图层,填充为白色到透明的渐变,最后把图层模式改为叠加


Step 6:

再次按住 CTRL 键单击字母 Q 层,新建立一个图层,填充为白色到透明的渐变,并将该层移到最上面。最后把不透明度设置为 40% 。


Step 7:

在上一步中的图层上,用椭圆选框工具画出一个椭圆选区(如图未选择区域),然后按住 CTRL+SHIFT+I 选择反选,点击 delete 键。这样就有了玻璃的感觉。


Step 8:

点击 U 键,选择多边形工具,点击左上方的下拉箭头,在星形前打勾,缩进边依据设为 99% 。(设置见上图)

创建一个新图层,将前景色置为白色,在字母 Q 上最亮处画上星星。


Step 9:

完成,最终效果如图所示。



# vampire: :-( 这个教程写的真的很烂,不过图层样式设置还是很棒的。


链接 | 来源

# 本文来自煎蛋(http://jandan.net/),作者为vampire


blogmarks del.icio.us Google Live MisterWong Reddit Technorati TwitThis QQ
垦一垦

关于 “PS 教程之透明玻璃字(多图)”有 22 篇评论

  1. 1 盛水篮子 说 : Reply to this comment
    2007-08-22 7:24 pm

    貌似现在很流行Step7的那个新视觉风格...

  2. 2 大猫 说 : Reply to this comment
    2007-08-22 7:43 pm

    顶!
    狂喜欢

  3. 3 fisio 说 : Reply to this comment
    2007-08-22 8:08 pm

    这样式可以利用一下

  4. 4 dimlau 说 : Reply to this comment
    2007-08-22 8:38 pm

    不错不错

  5. 5 欣欣ML 说 : Reply to this comment
    2007-08-22 8:50 pm

    不错,正好用来提炼提炼...

  6. 6 奇石 说 : Reply to this comment
    2007-08-22 8:54 pm

    路过~很不错的继续煎蛋

  7. 7 longinus 说 : Reply to this comment
    2007-08-22 8:57 pm

    希望找一些GIMP的教程,不太理解这个软件。

  8. 8 cuthead 说 : Reply to this comment
    2007-08-23 12:14 am

    vam你这个教程中主要应用了浮雕和内部阴影,用浮雕来衬托立体感。用内部阴影来表现透明。我说的没错吧。我喜欢Photoshop教程,可惜楼上几位似乎对Photoshop不感兴趣。

  9. 9 IvY MiLk..* 说 : Reply to this comment
    2007-08-23 6:04 am

    哇,很喜歡這種字體哦哦..
    試用中.......

  10. 10 onefly 说 : Reply to this comment
    2007-08-23 10:24 am

    不错啊,希望以后能多发几个类似的。

  11. 11 dowe 说 : Reply to this comment
    2007-08-23 11:55 am

    哪里有这种字体下载啊

  12. 12 vampire 说 : Reply to this comment
    2007-08-23 12:36 pm

    @cuthead:教程不是我写,我只是翻译,而且已经小火星了。此例中光泽应用也很重要。看来你对ps还比较有研究的,我也比较感兴趣的,可以交流下,呵呵。
    @dowe:这个字体我只在国外网站上搜到了,但是收费的,原文说这个字体好像是作者的photoshop自带的。

  13. 13 小孑小 说 : Reply to this comment
    2007-08-23 6:19 pm

    拿下了
    麻烦多来点 = =

  14. 14 guagua 说 : Reply to this comment
    2007-08-24 3:21 pm

    不是吧,这个都上了?太小儿科了

  15. 15 耗子小三 说 : Reply to this comment
    2007-08-25 10:58 pm

    嗯,现在的风格都泛滥了……

  16. 16 村姑 说 : Reply to this comment
    2007-08-29 12:56 pm

    真累~如果是中文的菜单截图 看起来会轻松一谢~嘻嘻嘻嘻~~~

  17. 17 煎蛋 » [GIMP 教程]把自己螺旋了 说 : Reply to this comment
    2007-09-05 7:05 pm

    [...] 不久前,vampire 发了一篇 PS 教程之透明玻璃字(多图),longinus 留言说:“希望找一些GIMP的教程,不太理解这个软件。” [...]

  18. 18 荷花瓶 说 : Reply to this comment
    2007-09-20 5:43 pm

    源文件不能下载的说

  19. 19 荷花瓶 说 : Reply to this comment
    2007-09-20 5:45 pm

    最好能搞个源文件PP 研究研究

  20. 20 elfox 说 : Reply to this comment
    2007-09-20 5:54 pm

    to 荷花瓶: 源文件已经改变位置了,在这里

    http://collistaeed.com/Sample_Glass.zip

  21. 21 荷花瓶 说 : Reply to this comment
    2007-09-26 1:55 pm

    斑竹真及时啊 谢谢了

  22. 22 神玺 说 : Reply to this comment
    2008-08-29 4:51 am

    很赞~~~

想说点什么呢...

XHTML: You can use these tags: <a href="" title=""> <img src="" alt=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>