萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps文字教程 >> PS制作三維文字

PS制作三維文字

  在這個快速簡潔的圖形設計教程中,你會在Photoshop和一些創意技術的幫助下用一個方便的過程實現很棒的三維圖像效果。

  最終效果就是最上面的那張啦 。

20-02_remarkable_3d_text_final_preview

  做3D文字最基礎的教程,原作者有夠羅嗦,文章來自:sixrevisions.com )

  建立photoshop文件

  1 首先,我們要打開Photoshop,創建一個新文件(Ctrl + N)。在新文件對話框中,設置寬度和高度的單位為英寸。我們要創建一個正方形畫布,設置寬度和高度為10英寸。我們創建的圖形要有高分辨率以及能為印刷做准備,因此將分辨率設置為300像素/英寸。

20-04_remarkable_3d_text_s01

  2 畫布創建之後,用暗灰色填充背景層(#333333)。一種可以實現的方法是設置前景色為暗灰色(在工具面板中)。然後選擇圖層面板上的背景層,按 Ctrl + A(這樣就創建了整個畫布選區——你也可以通過選擇>全部來實現)。最後,選擇編輯>填充(按Shift + F5鍵)打開填充對話框,請確保使用選項設置為前景色,然後單擊確定來應用填充。

  創建文本

  3 現在,我們將在畫布上放置文本。從工具面板中選擇水平文本工具,鍵入你設計的文本/標志。更改選項欄中的文本顏色為黃色(#FFCC00),使用較大的字體,並嘗試選擇粗體,這樣效果能達到最好。我用的是Myriad Pro Black上的字體,字母‘Six’用286pt,字母‘Revisions’用83pt。在畫布中心輸入文字,此教程使用的文字是‘Six Revisions’,當然你可以隨意修改。

20-05_remarkable_3d_text_s02

  4 柵格化文本,以便我們能夠更容易地在文本上工作,這樣文本已經不能再修改所以一定要確保你對所使用的文本滿意。右鍵單擊該文本圖層,點擊柵格化文本。

20-06_remarkable_3d_text_s03

  在文本上使用自由變換工具

  5 現在,我們要使文本傾斜,使它具有3D效果的外觀。確保你在圖層面板中選擇了文字,然後點擊Ctrl + T進入自由變換編輯(編輯>自由變換)。

  6 按住Ctrl鍵,單擊右上角的變換點。向左側拖動。對頂端中間的轉換點做相同的事。你應該得到如下效果。

20-07_remarkable_3d_text_s04

  添加圖層樣式

  7 我們將給文本添加一些圖層樣式。確保選中了文字層,然後點擊圖層面板底部的添加圖層樣式圖標。選擇斜面和浮雕,打開斜面和浮雕圖層樣式對話框。按下圖設置;這會令文本的邊緣更流暢與圓滑。不要忘記改變高光和陰影的顏色。高光顏色是#FFCC66,陰影是#DFA125。

20-08_remarkable_3d_text_s05

  8 現在應用光澤。這將使文本有一些深度,而不只是固體或簡單的傾斜。更改顏色為#F3881F。

20-09_remarkable_3d_text_s06

  9 最後我們要做的是給文字表面添加一個漸變疊加的圖層樣式。點擊漸變,最左邊用#F7F3A7色,右邊用#F3881F色。

20-10_remarkable_3d_text_s07

  創建3D效果

  10 我們將開始給這個文本創建3D效果。首先,我們要復制文本層,選擇層,按Ctrl + J來復制層。在副本上去掉層風格(選擇它們並把它們拖動到圖層面板右下角的垃圾桶圖標裡)

  11 現在我們有一個沒有添加圖層樣式的文本,我們將調整顏色。選擇圖像>調整>曲線(按Ctrl + M)打開曲線選項,按下圖調整,給圖層一個較暗的顏色。

20-11_remarkable_3d_text_s08

  12 我們要降低飽和度,因為顏色太亮會出現陰影。按Ctrl + U進入色相/飽和度(或去圖像>調整>色相/飽和度),按下圖調整。

20-12_remarkable_3d_text_s09

  13 現在,我們將創建文本的邊緣,使其更具三維效果。首先,我們點擊並拖動圖層到原始黃色文本層的下方,用箭頭鍵把它移動到左邊:按住Alt鍵,不斷的往下往左推動箭頭。在你每次按下箭頭按鈕時都將復制褐色層。不斷的復制層,直到你得到滿意的大小和深度。(這步自己琢磨琢磨哦)

20-13_remarkable_3d_text_s10

  合並復制圖層

  14 讓我們把所有的復制層合並為一層。做到這一點,要點擊圖層面板中最上面的褐色文本層,按住Shift鍵,然後點擊最下面的棕色文字層選中它們。所有的復制層被選擇之後,點擊圖層面板底部的鏈接圖層圖標。這時一個鏈接圖標應該出現在所有的褐色文字圖層上。鏈接了所有的褐色文字圖層之後,按Ctrl + E合並所有的鏈接層。

  15 讓我們給合並的文本圖層添加漸變疊加樣式,以便它與我們的黃色文字漸變融合。顏色是黑色(#000000)和白色(#FFFFFF)(雙擊合並圖層打開圖層樣式對話框)。

20-14_remarkable_3d_text_s11

  創建投影

  16 在圖層面板中選擇褐色文字層(就是剛才咱們合並後的層)再復制一個。我們將使用它來創建文本的陰影去濾鏡>模糊>高斯模糊,調整它的半徑為8px。現在按Ctrl + M進入曲線,如下圖調整它們。你應該能得到一個黑色的陰影。

20-15_remarkable_3d_text_s12

  17 如果你使用縮放工具(Z)放大字母的邊緣,你會發現棕色的邊緣呈鋸齒狀。我們將解決它。使用鋼筆工具,在需要刪除的區域旁邊做一個形狀,按動刪除鍵。在每一個需要修改的區域重復此步驟,直到所有的文字邊緣平滑為止。

20-16_remarkable_3d_text_s13

  可選步驟

  18 到目前為止圖像看起來不錯,我們或許可以就此完結,但如果你想添加額外的效果,我們可以添加更多的陰影。我們的光線來自左上方,因此陰影在右下角最深。我們將在棕色文本的邊緣層使用加深工具來加深它。在我們添加陰影之前,需要使用鋼筆工具在文本的角落創建一些邊緣。對所有的文本角落做同樣的事,按住 Shift鍵並拖動鼠標添加選取框。

20-17_remarkable_3d_text_s14

  加深工具

  19 現在我們可以加深所選定的領域,在選項欄中更改加深設置,范圍是高光,曝光的50%。我還要使用一個主直徑為125px,硬度為0%的筆刷。

20-18_remarkable_3d_text_s15

  20 在所有需要加深的地方應用相同的設置,我們要對其余的地方做陰影。在你仍然選擇了區域的情況下,我們可以做一個反選,選擇>反選(按Ctrl + Shift +I),那麼我們就可以加深那些我們尚未加深的區域了。

20-19_remarkable_3d_text_s16

  21 我們還可以添加一些高光。使用相同的畫筆,相同的設置,以及使用加深工具創建時的同樣的方法。

20-20_remarkable_3d_text_s17

  完成了

  這就是我們的最後效果

20-02_remarkable_3d_text_final_preview
copyright © 萬盛學電腦網 all rights reserved