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

Photoshop教程:3D字效果

來(lái)源:不詳 作者:佚名 學(xué)習(xí):2418人次
Photoshop教程:3D字效果作者:TnG 來(lái)源:pconline
 主要方法:利用快捷鍵Ctrl Alt 上(下)箭頭鍵,快速地復(fù)制并逐像素的移動(dòng)圖案而得到3D效果,操作步驟都是比較容易實(shí)現(xiàn)的,適合初學(xué)入門(mén)者練手。

  下圖是完成后的3D 效果字:

保存圖片,請(qǐng)右擊后按A
photoshop
最終效果

  制作這個(gè)效果,我們需要事先準(zhǔn)備好一張素材圖片。具體用什么素材就看你自己需要而定了。就上圖所示的效果來(lái)說(shuō),我們可以利用一張黃昏的照片來(lái)實(shí)現(xiàn)(百度一下就可以找到許多)。下面我們就開(kāi)始實(shí)現(xiàn)這個(gè)效果的制作步驟:
  1、首先打開(kāi)素材圖片,全選圖片(Ctrl A)或根據(jù)需要使用選框工具(M)選取圖片中的一部分,復(fù)制(Ctrl C)。將工具欄中調(diào)色板前景色和背景色分別設(shè)置為白色和黑色。再新建一個(gè) Photoshop 圖像文檔,背景色為黑色,寬度和高度比素材圖片寬度和高度大一些,以便在后面的步驟中調(diào)整。將剛復(fù)制的圖片粘貼(Ctrl V)到新建的圖像文檔中,并將該圖層重命名為“素材”。

保存圖片,請(qǐng)右擊后按A
photoshop
圖1:新建圖像文檔,并粘貼素材圖片

  2、在圖層面板中,點(diǎn)擊“素材”圖層前的眼睛圖標(biāo),將素材圖片隱藏起來(lái)。然后選擇“橫排文字工具”(T),并選擇合適的字體和字號(hào),輸入文字。在這里,我們選擇了 Arial Black 字體及 150 像素字號(hào)。

保存圖片,請(qǐng)右擊后按A
photoshop
圖2:選擇字體和字號(hào),輸入文字






  3、現(xiàn)在我們要對(duì)文字進(jìn)行變換,使之具有三維透視效果。首先在文字圖層上右擊鼠標(biāo),從右鍵菜單中選“柵格化文字”,將矢量文字變成像素圖像。然后從菜單中選擇“編輯 > 變換 > 扭曲”,拖動(dòng)控制手柄,調(diào)整和扭曲文字,使之“平躺”在水平面上。

保存圖片,請(qǐng)右擊后按A
photoshop
圖3:柵格化及扭曲文字,獲得三維透視效果

  4、選中文字圖層,按住 Ctrl Alt 鍵,再按向下(或向上)的箭頭鍵,復(fù)制圖層。每按一次箭頭鍵,即復(fù)制一次文字并將文字向下(或向上)平移一個(gè)像素。復(fù)制的次數(shù)越多,3D 文字高度也就越大。這里我們復(fù)制了20 次,效果如下圖。

保存圖片,請(qǐng)右擊后按A
photoshop
圖4:復(fù)制并向下平移文字得到 3D 效果

  5、選中“TG 副本”圖層,再按住 Shift 鍵,點(diǎn)擊“TG 副本 20”圖層,全選 20 個(gè)副本圖層。然后從菜單中選擇“圖層 > 向下合并”(Ctrl E),合并剛選定的圖層,并將該圖層拖動(dòng)移到“TG”文字圖層之下。

保存圖片,請(qǐng)右擊后按A
photoshop
圖5:合并 20 個(gè)副本圖層

  6、現(xiàn)在我們來(lái)制作 3D 文字頂部的表面。點(diǎn)擊“素材”圖層的眼睛圖標(biāo)處,使該圖層由隱藏變?yōu)榭梢?jiàn)。執(zhí)行“編輯 > 變換 > 垂直翻轉(zhuǎn)”,翻轉(zhuǎn)圖片,使用移動(dòng)工具移動(dòng)素材圖片至合適位置,以便得到滿(mǎn)意的 3D 文字頂部表面。

保存圖片,請(qǐng)右擊后按A
photoshop
圖6:移動(dòng)工具移動(dòng)素材圖片至合適位置






  7、調(diào)整好位置后,按住 Ctrl 鍵不放,鼠標(biāo)左鍵點(diǎn)擊“TG”文字圖層的“圖層縮覽圖”圖標(biāo),加載該層文字的選區(qū)。然后點(diǎn)擊選中“素材”圖層,按 Ctrl J 鍵,Photoshop將復(fù)制選區(qū)中的圖像并粘貼到新圖層中。重命名該圖層為“頂部表面”,并拖動(dòng)該圖層到所有圖層的最頂部。

保存圖片,請(qǐng)右擊后按A
photoshop
圖7:制作 3D 文字的“頂部表面”

  8、使用鼠標(biāo)拖動(dòng)“素材”圖層到圖層面板底部的“創(chuàng)建新圖層”按鈕上,復(fù)制該圖層,并將副本命名為“旋轉(zhuǎn)素材”。從菜單中選擇“編輯 > 變換 > 旋轉(zhuǎn)90度(逆時(shí)針)”,旋轉(zhuǎn)素材圖片。接著再移動(dòng)素材圖片到合適的位置,以便得到滿(mǎn)意的 3D 文字豎直表面。

保存圖片,請(qǐng)右擊后按A
photoshop
圖8:復(fù)制并旋轉(zhuǎn)素材圖片

  9、調(diào)整好位置后,按住 Ctrl 鍵不放,鼠標(biāo)左鍵點(diǎn)擊“TG 副本 20”文字圖層的“圖層縮覽圖”圖標(biāo),加載該層文字的選區(qū)。然后點(diǎn)擊選中“旋轉(zhuǎn)素材”圖層,按 Ctrl J 鍵,Photoshop將復(fù)制選區(qū)中的圖像并粘貼到新圖層中。重命名該圖層為“豎直表面”,并拖動(dòng)該圖層到“頂部表面”圖層之下。

保存圖片,請(qǐng)右擊后按A
photoshop
圖9:制作“豎直表面”后的效果

  10、下面我們來(lái)制作文字的反射效果。按住 Ctrl 鍵不放,鼠標(biāo)左鍵點(diǎn)擊“TG 副本 20”文字圖層的“圖層縮覽圖”圖標(biāo),加載該層文字的選區(qū)。再選中“素材”圖層,按 Ctrl J 鍵,復(fù)制選區(qū)到新圖層,F(xiàn)在將“TG”、“TG 副本 20”、“旋轉(zhuǎn)素材”、“素材”圖層都隱藏起來(lái)。將剛復(fù)制的圖層重命名為“反射效果”,拖動(dòng)到“豎直表面”圖層之下,然后使用移動(dòng)工具將其向下移動(dòng)到合適位置,并將其圖層不透明度降低至30%左右。

保存圖片,請(qǐng)右擊后按A
photoshop
圖10






  11、在“頂部表面”圖層之上新建一個(gè)空白圖層,命名為“漸變”。按住 Ctrl 鍵不放,鼠標(biāo)左鍵點(diǎn)擊“TG”文字圖層的“圖層縮覽圖”圖標(biāo),加載該層文字的選區(qū)。再?gòu)牟藛沃羞x擇“選擇 > 修改 > 收縮”,將選區(qū)收縮1像素。選中“漸變”圖層,選擇“漸變”工具(G),選擇“白 -> 透明”的漸變色,拖動(dòng)鼠標(biāo),給選區(qū)繪制一個(gè)漸變效果。

保存圖片,請(qǐng)右擊后按A
photoshop
圖11:給 3D 文字表面添加漸變效果

  12、最后,我們可以再給文字高光處加上閃光效果。選擇“多邊形”工具(U),從選項(xiàng)欄中指定邊數(shù)(本例設(shè)置為10),并點(diǎn)擊下拉三角箭頭,勾選“星型”復(fù)選框,將縮進(jìn)邊依據(jù)設(shè)置在90%-99%之間,配合設(shè)置為92%。

保存圖片,請(qǐng)右擊后按A
photoshop
圖12-1

  現(xiàn)在新建一個(gè)圖層,命名為“閃光”。然后在文字高光處拖動(dòng)鼠標(biāo)繪制多邊形,按 Ctrl 回車(chē)鍵,將多邊形路徑轉(zhuǎn)化為選區(qū),使用白色填充,適當(dāng)調(diào)整圖層不透明度,即得到閃光效果。至此,一個(gè)剔透的 3D 效果字就完成了。

保存圖片,請(qǐng)右擊后按A
photoshop
圖12-2

保存圖片,請(qǐng)右擊后按A
photoshop
最終效果

學(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)論
太化那小子真壞2018-01-08 11:26
我的作業(yè): 加油!
一如昨日2015-03-25 10:10
老師 我的是不是哪一步做反了?效果怎么是這樣的? 還有閃光那一不沒(méi)理解透wenti.gif
高文2015-03-25 10:09
樂(lè)百氏1.jpg 我做得怎么樣?老師!
高文2015-03-25 10:03
樂(lè)百氏1.jpg 我做得怎么樣?老師!
一如昨日2015-03-25 10:03
老師 我的是不是哪一步做反了?效果怎么是這樣的? 還有閃光那一不沒(méi)理解透wenti.gif
精鋼互擄娃2008-04-22 11:54
難不難啊?????
曦媛憶泠2008-04-22 08:06
就想看看學(xué)習(xí)學(xué)習(xí)
licentious2008-04-22 06:31
現(xiàn)在就是要這兒~~
兮陌藤晨2008-04-22 03:09
感謝老師分享經(jīng)驗(yàn)
吃心的不都是妖2008-04-22 02:53
謝謝分享。!
楊雨chenzoe2008-04-22 12:51
好!來(lái)看看~
白閃閃92008-04-22 12:28
學(xué)習(xí)下 新手 不會(huì) 觀摩觀摩 3Q
格;ㄐ腋2008-04-22 10:09
制作的很好。謝謝老師
橫財(cái)神2008-01-17 02:23
<威武> <威武>
怕黑2008-01-17 12:15
最好就付上圖喇..ps;糖糖猴 ps;糖糖猴

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

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