本教程的立體字部分是在AI里面完成的。制作原理跟用PS基本類似，也是需要多復(fù)制幾個圖層，錯開位置后做出立體感，然后渲染簡單的高光和暗調(diào)做出表面制作。大致立體效果出來后再用PS來渲染質(zhì)感即可。
最終效果

1、使用illustrator打開下載好的"LOGO.fh11"，可以直接用自己做好的圖形或文字。導(dǎo)入頁碼：1/1、顏色模式：RGB。



2、你已經(jīng)看到logo已經(jīng)被導(dǎo)入，logo本身已經(jīng)應(yīng)用了漸變疊加效果。你可以使用如下所示設(shè)置重新調(diào)整漸變色。

3、一定不要忘記使用圖層面板，這一點至關(guān)重要。在圖層面板中能看到"LOGO FRONT A" 和"SLOGAN FRONT A"這2個圖層。

4、復(fù)制剛才提到的2個圖層，重命名為"LOGO FRONT B"和 "SLOGAN FRONT B"。

5、新得到的圖層放到原圖層底部，具體請參考圖片。

6、打開變換面板，選中全部的4個圖層元素，應(yīng)用17度的扭曲變形。

7、繼續(xù)應(yīng)用17度的旋轉(zhuǎn)變形。

8、在圖層面板中隱藏“FRONT A”圖層。

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

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

11、對“SLOGAN FRONT B”圖層應(yīng)用實色填充。

12、選中“LOGO FRONT B”和“SLOGAN FRONT B”，著色rgb（77,77,77），ctrl+c復(fù)制圖層，ctrl+b復(fù)制到底層并使用變換面板移動位置（x-50，y+29），然后著色rgb（139,142,141）。

13、下面我們將使用混合工具。設(shè)置混合選項：對象-混合-混合選項，指定步數(shù)值：50，我們選中2logo層，通過點擊”對象-混合-制作”來應(yīng)用混合效果，對“slogan”也應(yīng)用相同的混合效果。



14、混合創(chuàng)建之后，刪除復(fù)制圖層。


15、重新激活圖層“"LOGO FRONT A ”和“SLOGAN FRONT A”，現(xiàn)在萬事俱備了。


16、選中所有元素，ctrl+c 復(fù)制，打開ps創(chuàng)建文件1200px-1200px，粘貼內(nèi)容。整個過程很簡單，但有些耗時間。


17、把illustrator中制作的所有元素粘貼進ps。在illustrator中全選所有元素，ctrl+c復(fù)制，ctrl+v粘貼進ps中，把圖層重命名為“RIF”，至于最底層。這么做是便于在ps中重組元素時有個參照，避免重組后的元素跟原LOGO效果不符的情況產(chǎn)生。

18、視圖-對齊和位置，激活對齊功能，參照“RIF”圖層，對齊logo。



19、完成后，刪掉“R過會對LOGO的倒影部分要做相同的處理。

20、創(chuàng)建LOGO的反光部分，方法同上。把原始文字旋轉(zhuǎn)180°，重命名圖層（LOGO FRONT A_R 、SLOGAN FRONT A_R)和(LOGO FRONT B_R、 – SLOGAN FRONT B_R),然后重復(fù)第1-19步。


21、一旦你完成了如上部分，到目前的效果應(yīng)該如下圖所示，如有不同，請檢查修正。

22、復(fù)制logo的反光部分到ps中，調(diào)整其方位，初步形成倒影效果。


23、將所有元素置于畫布中央。


24、新建圖層，重命名為“GRADIENT BASE”，填充白色，應(yīng)用一個徑向漸變圖層樣式，參數(shù)設(shè)置如下：

25、給logo front a圖層（根據(jù)下圖所示，找到你本地多對應(yīng)的圖層）應(yīng)用內(nèi)發(fā)光+斜面浮雕圖層樣式，參數(shù)如下：



26、復(fù)制圖層樣式，并且分別粘貼到圖層SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。

27、對圖層LOGO FRONT B應(yīng)用如下圖層樣式：




28、復(fù)制圖層樣式至LOGO FRONT B_R。


29、復(fù)制剛才制作的圖層樣式到LOGO FRONT B_R圖層和SLOGAN FRONT B_R圖層，唯一不同的是level SLOGAN FRONT B要稍作調(diào)整。在光澤面板中，距離由原來的127px降低到30px，并且去掉漸變疊加圖層樣式，只在圖層SLOGAN FRONT B_R 和圖層 LOGO FRONT B_R上保留。


30、對圖層LOGO FRONT A_R 和圖層 LOGO FRONT B_R，應(yīng)用圖層蒙版。

31、漸變色設(shè)置為有黑到白，角度15度。

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


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


34、選中圖層LOGO FRONT B_R的圖層蒙版，應(yīng)用黑色填充。


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


36、通過索討工具取得選區(qū)，沿著logo的傾斜方向。取得選區(qū)的目的是去除多余的投影部分。
37、應(yīng)用4px的高斯模糊。

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


最終效果：