當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps文字教程>3D立體字>教程內(nèi)容

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程(5)

來(lái)源:design.tutsplus 作者:lynntang.lofter 學(xué)習(xí):17884人次

今天的字體效果非常有舊時(shí)代上海貴族的氣質(zhì),教程難度不大,新手也可以輕松搞定,素材及源文件已打包微盤(pán),隨時(shí)可以練手,素材鏈接:http://pan.baidu.com/s/1ntMGS1z 密碼:8de1

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

創(chuàng)建漸變背景

第一步:

新建一個(gè)800*600px文檔,并將Background圖層創(chuàng)建一個(gè)副本,將其命名為Background_copy。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

雙擊Background_copy圖層,勾選漸變疊加,并設(shè)定以下數(shù)值

勾選仿色復(fù)選框樣式:徑向縮放:150%

創(chuàng)建漸變,左邊顏色為#c8c5b8,右邊顏色為#aaa593

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

最后得到一個(gè)漸變背景:

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程
給背景添加雜色

步驟一:

將Background_copy圖層創(chuàng)建一個(gè)副本,然后柵格化該圖層,并命名為Background_copy_2。

如果你使用的Photoshop為CS6或者更早的版本,你需要點(diǎn)擊圖層編組(圖層)圖層編組),然后合并該組(圖層)合并組)來(lái)代替。

設(shè)定前景色為#c8c5b8,背景色為#aaa593

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

點(diǎn)擊濾鏡〉雜色〉添加雜色,調(diào)節(jié)數(shù)量為5,分布模式為平均分布,勾選單色復(fù)選框。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟三:

將Background_copy_2圖層的混合模式改為變暗,這將為增強(qiáng)雜色在背景中的效果。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟四:

點(diǎn)擊圖層面板底部的創(chuàng)建新的填充或調(diào)整圖層按鈕,并選擇色階。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟五:

調(diào)整陰影值為72、伽瑪值為1.05、高光為236,這將調(diào)節(jié)背景圖層的著色。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程
創(chuàng)建文字

步驟一:

使用Freshman Normal字體創(chuàng)建一個(gè)全大寫(xiě)的文字,大小設(shè)定為125pt,顏色為#43a0a8,并設(shè)置字間距為視覺(jué)

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

將文字圖層創(chuàng)建一個(gè)副本,并移動(dòng)到原圖層下面。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟三:

選中文字副本圖層,進(jìn)入自由變換模式,編輯〉自由變換(MAC:Command-T,Windows:Ctrl+T),點(diǎn)擊右箭頭鍵一次,然后點(diǎn)擊向下箭頭鍵一次,將其向右和向下分別移動(dòng)一個(gè)像素,然后確定。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟四:

點(diǎn)擊鍵盤(pán)Option+Command+Shift+T(Windows:Alt+Ctrl+Shift+T)組合鍵10次。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程
創(chuàng)建3D形狀和陰影的智能濾鏡

步驟一:

選擇所有復(fù)制的文字圖層,將它們的顏色設(shè)置為#c7b299

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

選中剛復(fù)制的所有圖層,將其轉(zhuǎn)換為智能濾鏡(濾鏡)轉(zhuǎn)換為智能濾鏡),更名為3D_Extrusion。創(chuàng)建該圖層的副本,拖動(dòng)到下方,更名為Shadow。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程
為最初的文字圖層應(yīng)用圖層樣式

雙擊最初的文字圖層并添加以下圖層樣式:

步驟一:

勾選描邊并設(shè)定以下數(shù)值:

大。2位置:內(nèi)部顏色:#f2eee1

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

勾選內(nèi)陰影并設(shè)定以下數(shù)值:

顏色:#464646不透明度:100%反選使用全局光角度:129距離:5阻塞:50大。2

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟三:

勾選圖案疊加并設(shè)定以下數(shù)值:

混合模式:柔光圖案:Fine diagonal lines

你可以嘗試一下其它的圖案和混合模式,讓文字看起來(lái)更酷。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

最后是這樣的效果

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程
為3D Extrusion圖層添加圖層樣式

雙擊3D Extrusion圖層并添加以下圖層樣式:

步驟一:

勾選斜面和浮雕并設(shè)定以下數(shù)值

方法:雕刻清晰大。13反選使用全局光選框角度:82高度:16勾選消除鋸齒選框高光模式的透明度:0%

這樣做是在3D形狀的基礎(chǔ)上創(chuàng)建一個(gè)3D陰影效果。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

勾選等高線并應(yīng)用以下數(shù)值:

勾選消除鋸齒選框

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟三:

勾選顏色疊加并設(shè)定以下數(shù)值

顏色:#265559

這一步你可以發(fā)揮自己的想象力來(lái)選擇你喜歡的顏色。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

你能夠看到如何使用一大堆樣式來(lái)創(chuàng)建一個(gè)3D文字,當(dāng)然你可以根據(jù)自己的喜好來(lái)調(diào)整一些數(shù)值,讓它看起來(lái)更酷。設(shè)置完會(huì)是以下效果。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

你可以使用移動(dòng)工具來(lái)將3D文字圖層移動(dòng)到你喜歡的位置。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程
制作陰影

步驟一:

選中Shadow圖層,然后點(diǎn)擊濾鏡〉模糊〉動(dòng)感模糊,調(diào)整角度為-55,距離為20像素。你需要和3D文字的角度保持一致。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟二:

將Shadow圖層的混合模式改為正片疊底,并使用移動(dòng)工具將它移動(dòng)到你喜歡的位置。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟三:

點(diǎn)擊圖層面板底部的創(chuàng)建新的填充或調(diào)整圖層按鈕,并選擇色相/飽和度。

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

步驟四:

點(diǎn)擊面板底部的此調(diào)整剪切到此圖層按鈕,并將飽和度值設(shè)置為-65

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

恭喜!你已經(jīng)完成該教程,最終效果如下:

復(fù)古字,ps設(shè)計(jì)一個(gè)立體復(fù)古字教程

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
jellymimi2016-12-28 09:36
鳳舞天月2015-02-27 12:01
交作業(yè)啦~課程很棒
我是伊娃啊2015-02-11 01:15
-
滴答滴2015-02-11 10:56
3D文字

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!