找回密码
 注册
【阿里云】2核2G云新老同享 99元/年,续费同价华为云精选云产品特惠做网站就用糖果主机Jtti,新加坡服务器,美国服务器,香港服务器
查看: 501|回复: 4

绿色PS文字特效!制作超炫立体草坪文字

[复制链接]
发表于 2011 年 2 月 7 日 09:19:26 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

×

本帖最后由 小Z1122 于 2011-1-27 09:13 编辑


                               
登录/注册后可看大图

最终效果


  第一步,首先我们会来完成背景部分的制作。在Photoshop建立一个新文档,我的尺寸是1920x1200。使用渐变工具(快捷键G)拉一个浅黄绿到绿的渐变,我选的颜色是[#adbf41]-[#328a26]


                               
登录/注册后可看大图

图01


  第二步,我想让背景有点肌理效果,像纸张的感觉一样。因此我们需要一个纸张的材质图~幸运的是你可以从这里找到一些超棒的大图~我忘了我用的是哪张了,不过您随意。
  找到后去色(快捷键ctrl+shift+u),并拉伸到合适画布的位置,置于背景层之上。


                               
登录/注册后可看大图

图02


  第三步、将图层模式放置到叠加(overlay)模式,70%透明度,使材质和背景完美融合。


                               
登录/注册后可看大图

图03


  第四步、要做到很旧,磨损过的感觉,复制材质层旋转180度,降低透明度至20%。如法多放几层不同的纸张材质,以变换效果到你满意的感觉。这部分或许是额外的做旧,由于我觉得原有的材质看上去有点颗粒感而且又小又不够锐利。组合更多层并适当调整透明度可以得到更好,更锐利的整体效果。你可以看到我这里用了6层材质后的效果。


                               
登录/注册后可看大图

图04


  第五步、复制渐变背景层,并把它放在所有材质层之上,透明度降至40%,这样会减弱太过做旧的效果,使整个画面不至于太过旧旧的感觉。


                               
登录/注册后可看大图

图05


  第六步、在顶部建个新层,选一个大大柔边的黑色Photopshop笔刷,加点黑色暗角。试试将透明度降低至30%并改变图层样式到叠加(overlay)。复制这层,并加个高斯模糊(32px),柔化暗角效果。


                               
登录/注册后可看大图

图06


  下面是做好的背景。


                               
登录/注册后可看大图

图07

 第八步、现在准备开始做草坪效果字喽~需要加点漂亮的草~下载这个的完整大小,复制到你的创作中。


                               
登录/注册后可看大图

图08


  第九步、选个你喜欢的字体,我用了胖胖粗粗的swiss 924BT,写“EARTH”,由于我在制作一套5张的桌面-earth,water,fire,air,spirit…好吧,将字做成白色,图层样式为叠加,透明度降至50%。这个层不会在最终成品里出现,只是草坪字的一个指导图而已。


                               
登录/注册后可看大图

图09


  第十步、下面是将文字放在草坪层的上面。下面计划一下~用草做文字的话,不是只把字从草里整齐的描出来就可以的,还得有草从文字边框里呲出来才像。我们将用文字层做个指引,粗略的沿着胡乱生长的草描个边。


                               
登录/注册后可看大图

图10


  第十一步、我们将使用钢笔描边,假设你对Photoshop钢笔工具不是很在行的话,相信我,做完这个文字特效你就熟练了!注意我是如何沿着草的生长方向描边的,这样完成时就会像是草从字里面长了出去。


                               
登录/注册后可看大图

图11


  第十二步、描好路径后,最好在路径面板里保存一下。在路径面板里点击小小的向下的箭头选择保存路径。这样下次你再需要调出路径的时候就很方便了。双击路径得到选区,然后回到草坪的那层上。复制草坪层这样你就有更多的草给剩下的字母,然后反选选(Ctrl+Shift+I),剪去多余的草。截图里我降低了复制草坪层的透明度方便你看清描出来的字母E。


                               
登录/注册后可看大图

图12


  第十三步、现在我们有了草坪字母E,你可以看出它只比整齐的描出来的好那么一点点。没关系,它需要的只是一点景深。总之,假设那个字母真的很假的贴在背景上,我们应该给它点阴影和露出点立体侧面。


                               
登录/注册后可看大图

图13


  第十四步、首先,添加图层样式,给它点三维效果。图层设置如下:


                               
登录/注册后可看大图

图14


                               
登录/注册后可看大图

图15

第十五步、复制这层,然后清除所有的图层样式我们好赋予它其他的样式。这次这样做:注意降低透明度到51%好让它和下面的层不错的融合在一起。


                               
登录/注册后可看大图

图16


                               
登录/注册后可看大图

图17


                               
登录/注册后可看大图

图18


                               
登录/注册后可看大图

图19


  第十六步、这些都是实验性的,现在看起来还可以,但是还有很多地方要改进。用我之前的教程所教的方法,用淡淡的阴影让物体现实起来。这个想法是让物体有三维效果。因此按住ctrl点击草坪层调出字母选区,然后在下面建一个新层,填充黑色。按住向下的箭头一次,向右的箭头一次并再次填充黑色。重复此过程指导得到下面的效果。我想大概要15次的填充。


                               
登录/注册后可看大图

图20


  第十七步、在Photoshop菜单中选择“滤镜->模糊->动感模糊”,把阴影做个45度角距离为30的模糊。然后降低透明度到50%.


                               
登录/注册后可看大图

图21


  第十八步、然后向右下移动阴影层,嗒哒~很像字母投射出了阴影!


                               
登录/注册后可看大图

图22


  第十九步、将这层复制3次,每次复制都将阴影擦去一点,好让影子接近字母的部分变的更黑,将3层设置为正片叠底。


                               
登录/注册后可看大图

图23

第二十步、现在的效果已经很好了,但是为了更加真实,我们将在阴影部分也添加草。与其单独剪些草加进来,我们可以就应用现成的草坪字母,使得完成后不会那么假像是可以将草加进阴影里的。因此你能看到下图是一些从草坪字母截取的部分。


                               
登录/注册后可看大图

图24


  第二十一步、把那些部分移动到阴影里,我们可以让它看起来像是草草从阴影里长出来一样~由于草是在阴影里的,因此你可能要适当用加深工具(快捷键为O)使某些部分变暗。                                                                          

                               
登录/注册后可看大图

图25
  第一个文字效果就完成啦!


                               
登录/注册后可看大图

图26


  第二十三步、完成所有字母后把每个字母分开在单独层上好调整间距,成组。


                               
登录/注册后可看大图

图27


  第二十四步、虽然文字挺好看的了,但是构图上还是很单调。因此最后,我们会加进一些小元素丰富一下。注意不要过分,由于这毕竟是桌面背景,因此留白可以看轻我们的图标。首先,加入些别的文字。我引用了一些关于地球的文字。我喜欢引用,由于这意味着我们有3处可以装饰-引语、引用符号和引用出处。
  引语也选用同一字体,但可改变重量粗细等,这样可以使作品看起来统一有连续性。因此引语层的透明度降至50%使用叠加图层样式。然后复制此层,变亮图层模式,透明度降至50%。然后把引号变大并加一个很亮的绿色影。最后引用出处部分用很小的字并垂直居中。让引语和earth长度保持一致。


                               
登录/注册后可看大图

图28


  第二十五步、接下来加入高光。建新层,置顶,渐变工具(快捷键G),从左上拉一个白色至透明的渐变,图层模式变为柔光,透明度50%。就形成了一个不错的光源效果。


                               
登录/注册后可看大图

图29


  第二十六步、接下来放入两个能吸引眼球的小元素平衡大片的绿色。用蓝蝴蝶和七星瓢虫。


                               
登录/注册后可看大图

图30


  第十二七步、使用Photoshop快速选择工具(快捷键W)点选白色区域,然后点选择菜单->修改->扩大,扩大1px以确保我们选择了所有区域,然后按Ctrl+Shift+I反选,拷贝蝴蝶到我们的文档里。用钢笔工具取出瓢虫。


                               
登录/注册后可看大图

图31


  第二十八步、你能发现由于我很快的选取七星瓢虫因此它的边缘并不是那么完美,但是没关系由于我们会把它放很小的~调小并把这些加分元素分开放置,以取得画面平衡。我给每个元素都加了投影,给瓢虫加的投影很近,由于她太小了而且是爬在草上的。蝴蝶则有点距离的投影,大概有10px由于它是飞在草上方的。


                               
登录/注册后可看大图

图32


  完成!


                               
登录/注册后可看大图

图33



Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
发表于 2011 年 2 月 16 日 21:41:01 | 显示全部楼层
【腾讯云】2核2G云服务器新老同享 99元/年,续费同价
用的是苹果版的ps 一定是
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

发表于 2011 年 2 月 19 日 00:20:14 | 显示全部楼层
顶一下,不错不错....
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

发表于 2011 年 2 月 19 日 22:00:09 | 显示全部楼层
学习了!希望楼主多发教程!!
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

发表于 2011 年 2 月 20 日 01:26:23 | 显示全部楼层
效果不错~~
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2024 年 11 月 17 日 02:52 , Processed in 0.020039 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表