无剑 发表于 2011-9-26 18:50:09

Photoshop制作质感的3D玻璃水晶文字

本教程主要使用Photoshop制作质感的3D玻璃水晶文字,并且最终把字体运用在海报设计上,此次设计的海报主要以光感和质感为主,最终效果非常的漂亮,下面让我们一起来学习吧.
我们先看下最终效果:
http://pc.21edu8.com/uploads/allimg/101022/092I52148-0.jpg现在开始分析制作步骤吧!
1、新建文档 600x800px 如图:
http://pc.21edu8.com/uploads/allimg/101022/092I52395-1.jpg先选定颜色,把前景色和背景色设置好,如图
http://pc.21edu8.com/uploads/allimg/101022/092I52494-2.jpg2、背景效果达到我提供的效果或接近都可以
http://pc.21edu8.com/uploads/allimg/101022/092I55116-3.jpg3、接下来,我们要用到笔刷:高清晰墨迹喷溅笔刷(Splatter PS Brushes)(免费/回复)
把笔刷载入进PHOTOSHOP里,做出下面效果:
http://pc.21edu8.com/uploads/allimg/101022/092I55Z1-4.jpg4、可以准备文字了,我使用的字体是:方正粗圆简体,把文字放置文档中间,我就可以开始调试图层样式了
http://pc.21edu8.com/uploads/allimg/101022/092I5FF-5.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I512c-6.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I543K-7.jpg最终得到现在的效果:
http://pc.21edu8.com/uploads/allimg/101022/092I54E7-8.jpg样式OK了,接下来 我们把它做得更立体
5、复制 laohei 图层 向下移动次图层:如图
http://pc.21edu8.com/uploads/allimg/101022/092I53212-9.jpg6、这样看上去比较生硬,我们再使用滤镜-模糊-高斯模糊 把它变得更柔和:
http://pc.21edu8.com/uploads/allimg/101022/092I54443-10.jpg我们再次复制被高斯模糊过后的图层,在使用滤镜-模糊-动感模糊
http://pc.21edu8.com/uploads/allimg/101022/092I56027-11.jpg动感模糊后,我们向下移动位置,我们再复制几个动感模糊后的上下位置,得到很立体的效果:
http://pc.21edu8.com/uploads/allimg/101022/092I53K2-12.jpg上面立体效果差不多了,接下来,我们要让它变得更加质感,在边缘加高光
7.、按住ctrl键 用鼠标点击 laohei副本3 出现选区:
http://pc.21edu8.com/uploads/allimg/101022/092I52541-13.jpg接下来,描边:
http://pc.21edu8.com/uploads/allimg/101022/092I510X-14.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I54315-15.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I52532-16.jpg8、设置画笔:将用画笔抹掉不是高光的部分
http://pc.21edu8.com/uploads/allimg/101022/092I51c8-17.jpg9、在描过边的图层上添加蒙版,用画笔抹掉不是高光的部分:
http://pc.21edu8.com/uploads/allimg/101022/092I52264-18.jpg10、新建一个图层,把模式改成:柔光,用白色画笔在高光部分做上光效、
http://pc.21edu8.com/uploads/allimg/101022/092I5Gc-19.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I55010-20.jpg11、接下来,选中laohei选区后,按ctrl+shift+i 反选,删除字体以外不可用的部分
http://pc.21edu8.com/uploads/allimg/101022/092I54b2-21.jpg这样以来就可以得到下面效果了:
http://pc.21edu8.com/uploads/allimg/101022/092I55154-22.jpg12、接下来设置深绿色的质感 Design 字体,方法和上面的方法一样,只是颜色上有改动
http://pc.21edu8.com/uploads/allimg/101022/092I552X-23.jpg13、我们来看下样式参数:
http://pc.21edu8.com/uploads/allimg/101022/092I541E-24.jpg注:这里的颜色 你可以用吸管工具来吸取颜色
http://pc.21edu8.com/uploads/allimg/101022/092I5IQ-25.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I53221-26.jpg14、中加步骤我都省略了,这里要强调高光必须是绿色,而不是白色了,同样也设置成柔光
http://pc.21edu8.com/uploads/allimg/101022/092I554V-27.jpghttp://pc.21edu8.com/uploads/allimg/101022/092I54T2-28.jpg我们来看下整体效果:
http://pc.21edu8.com/uploads/allimg/101022/092I5J91-29.jpg15、字体质感已经表现得差不多了,但是整体排版,上面太空 ,我们需要加入一些文字来点缀下:
http://pc.21edu8.com/uploads/allimg/101022/092I555A-30.jpg

[ 本帖最后由 无剑 于 2011-9-26 18:54 编辑 ]

zhl96320 发表于 2011-9-26 19:29:57

学习了。感谢分享这么好的教程!

心灵左岸 发表于 2011-9-27 01:10:51

这么好的教程!谢谢楼主啊!:lol
页: [1]
查看完整版本: Photoshop制作质感的3D玻璃水晶文字