創建優雅的3D玻璃質感文字

導言：
今天的教程，我們將展示如何結合Photoshop和Illustrator來製作優雅的、玻璃質感的3D文字特效。本教程中，我拿我們公司的Logo做示範，本教程廣泛適用於任何Logo、文字、圖形，讓我們開始吧。

使用Illustrator打開下載好的“LOGO.fh11”。導入頁碼：1/1，顏色模式：RGB。（圖01）

圖01

你已經看到Logo已經被導入，Logo本身已經應用了漸變疊加效果。你可以使用如下所示設置重新調整漸變色。（圖02）

圖02

一定不要忘記使用圖層麵板，這一點至關重要。在圖層麵板中能看到“LOGO FRONT A”和“SLOGAN FRONT A”這2個圖層。（圖03）

圖03

複製剛才提到的2個圖層，重命名為“LOGO FRONT B”和“SLOGAN FRONT B”。（圖04）

圖04#p#e#

新得到的圖層放到原圖層底部，具體請參考圖片。（圖05）

圖05

打開變換麵板，選中全部的4個圖層元素，應用17°的扭曲變形。（圖06）

圖06

繼續應用17°的旋轉變形。（圖07）

圖07

在圖層麵板中隱藏“FRONT A”圖層。（圖08）

圖08#p#e#

選中“LOGO FRONT B”圖層，更改漸變填充為實色填充。（圖09）

圖09

通過點擊描邊圖標刪除描邊。（圖10）

圖10

對“SLOGAN FRONT B”圖層應用實色填充。（圖11）

圖11

選中“LOGO FRONT B”和“SLOGAN FRONT B”，著色RGB（77,77,77），Ctrl+C複製圖層，Ctrl+B複製到底層並使用變換麵板移動位置（x-50，y+29），然後著色RGB（139，142，141）。（圖12）

圖12#p#e#

下麵我們將使用混合工具。設置混合選項：對象->混合->混合選項，指定步數值：50，我們選中2Logo層，通過點擊“對象->混合->製作”來應用混合效果，對“slogan”也應用相同的混合效果。（圖13）

圖13

混合創建之後，刪除複製圖層。（圖14）

圖14

重新激活圖層“LOGO FRONT A”和“SLOGAN FRONT A”，現在萬事俱備了。（圖15）

圖15

選中所有元素，Ctrl+C複製，打開PS創建文件1200×1200px，粘貼內容。整個過程很簡單，但有些耗時間。（圖16）

圖16#p#e#

把Illustrator中製作的所有元素粘貼進PS。在Illustrator中全選所有元素，Ctrl+C複製，Ctrl+V粘貼進PS中，把圖層重命名為“RIF”，置於最底層。這麼做是便於在PS中重組元素時有個參照，避免重組後的元素跟原LOGO效果不符的情況產生。（圖17）

圖17

視圖->對齊和位置，激活對齊功能，參照“RIF”圖層，對齊Logo。（圖18）

圖18

完成後，對Logo的倒影部分要做相同的處理。（圖19）

圖19

創建LOGO的反光部分，方法同上。把原始文字旋轉180°，重命名圖層（LOGO FRONT A_R 、SLOGAN FRONT A_R）和（LOGO FRONT B_R、–SLOGAN FRONT B_R），然後重複第1-19步。（圖20）

圖20#p#e#

當你完成了如上部分，到目前的效果應該如下圖所示，如有不同，請檢查修正。（圖21）

圖21

複製Logo的反光部分到PS中，調整其方位，初步形成倒影效果。（圖22）

圖22

目前的圖層布置稍作說明：

LOGO FRONT A             Logo底部小文字
SLOGAN FRONT A        Logo主體

LOGO FRONT B             Logo主體
SLOGAN FRONT B        Logo底部小文字倒影

SLOGAN FRONT A_R   Logo底部小文字的投影部分
LOGO FRONT A_R        Logo主體的投影部分
SLOGAN FRONT B_R   Logo底部小文字倒影的投影部分
LOGO FRONT B_R        Logo主體倒影的投影部分

將所有元素置於畫布中央。（圖23）

圖23

新建圖層，重命名為“GRADIENT BASE”，填充白色，應用一個徑向漸變圖層樣式，參數設置。（圖24）

圖24#p#e#

給LOGO FRONT A圖層（根據下圖所示，找到你本地多對應的圖層）應用內發光和斜麵浮雕圖層樣式，參數如下。（圖25）

圖25

複製圖層樣式，並且分別粘貼到圖層SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。（圖26）

圖26

對圖層LOGO FRONT B應用如下圖層樣式。（圖27）

圖27

複製圖層樣式至LOGO FRONT B_R。（圖28）

圖28#p#e#

複製剛才製作的圖層樣式到LOGO FRONT B_R圖層和SLOGAN FRONT B_R圖層，唯一不同的是level SLOGAN FRONT B要稍作調整。在光澤麵板中，距離由原來的127px降低到30px，並且去掉漸變疊加圖層樣式，隻在圖層SLOGAN FRONT B_R 和圖層 LOGO FRONT B_R上保留。（圖29）

圖29

對圖層LOGO FRONT A_R 和圖層 LOGO FRONT B_R，應用圖層蒙版。（圖30）

圖30

漸變色設置為有黑到白，角度15°。（圖31）

圖31

圖層LOGO FRONT B_R上的蒙版效果較圖層LOGO FRONT A_R一定要更強一些。因為這樣做能更好地遮住深色部分。分別降低兩圖層的不透明度為55%和70%。（圖32）

圖32#p#e#

把圖層SLOGAN FRONT B_R的不透明度設為40%，圖層SLOGAN FRONT A_R為75%。為了解決透明部分的重疊問題，在圖層SLOGAN B_R FRONT和圖層LOGO FRONT B_R中間，選中圖層“SLOGAN FRONT B_R”，通過選擇-載入選區激活選區。（圖33）

圖33

選中圖層LOGO FRONT B_R的圖層蒙版，應用黑色填充。（圖34）

圖34

創建投影，通過選擇->選區載入選區，新建圖層，重命名為“SHADOWS”，用黑色填充選區，置於圖層LOGO FRONT A_R和圖層SLOGAN FRONT A_R之間，使用方向鍵，向下移動一點位置，露出投影部分。（圖35）

圖35

通過索討工具取得選區，沿著Logo的傾斜方向。取得選區的目的是去除多餘的投影部分。（圖36）

圖36#p#e#

應用4px的高斯模糊。（圖37）

圖37

改變圖層不透明度為75%，新建圖層重命名為“LIGHT”，把它置於每個圖層的上方。使用1px大小的筆刷，按住Shift鍵繪製，產生強烈的對比，形成真實的玻璃質感。（圖38）

圖38

這樣我們就完成了最終效果，教程結束，感謝觀看。（圖39）

圖39