本教程的立體字部分是在AI裡面完成的。製作原理跟用PS基本類似,也是需要多複製幾個圖層,錯開位置後做出立體感,然後渲染簡單的高光和暗調做出表面製作。大致立體效果出來後再用PS來渲染質感即可。
最終效果
1、使用illustrator開啟下載好的"11",可以直接用自己做好的圖形或文字。匯入頁碼:1/1、顏色模式:RGB。
2、你已經看到logo已經被匯入,logo本身已經應用了漸變疊加效果。你可以使用如下所示設定重新調整漸變色。
3、一定不要忘記使用圖層面板,這一點至關重要。在圖層面板中能看到"LOGOFRONTA"和"SLOGANFRONTA"這2個圖層。
4、複製剛才提到的2個圖層,重新命名為"LOGOFRONTB"和"SLOGANFRONTB"。
5、新得到的圖層放到原圖層底部,具體請參考圖片。
6、開啟變換面板,選中全部的4個圖層元素,應用17度的扭曲變形。
7、繼續應用17度的旋轉變形。
8、在圖層面板中隱藏“FRONTA”圖層。
9、選中“LOGOFRONTB”圖層,更改漸變填充為實色填充。
10、通過點選描邊圖示刪除描邊。
11、對“SLOGANFRONTB”圖層應用實色填充。
12、選中“LOGOFRONTB”和“SLOGANFRONTB”,著色rgb(77,77,77),ctrl+c複製圖層,ctrl+b複製到底層並使用變換面板移動位置(x-50,y+29),然後著色rgb(139,142,141)。
13、下面我們將使用混合工具。設定混合選項:物件-混合-混合選項,指定步數值:50,我們選中2logo層,通過點選”物件-混合-製作”來應用混合效果,對“slogan”也應用相同的混合效果。
14、混合建立之後,刪除複製圖層。
15、重新啟用圖層“"LOGOFRONTA”和“SLOGANFRONTA”,現在萬事俱備了。
16、選中所有元素,ctrl+c複製,開啟ps建立檔案1200px-1200px,貼上內容。整個過程很簡單,但有些耗時間。
17、把illustrator中製作的所有元素貼上進ps。在illustrator中全選所有元素,ctrl+c複製,ctrl+v貼上進ps中,把圖層重新命名為“RIF”,至於最底層。這麼做是便於在ps中重組元素時有個參照,避免重組後的元素跟原LOGO效果不符的情況產生。
18、檢視-對齊和位置,啟用對齊功能,參照“RIF”圖層,對齊logo。
19、完成後,刪掉“R過會對LOGO的倒影部分要做相同的處理。
20、建立LOGO的反光部分,方法同上。把原始文字旋轉180°,重新命名圖層(LOGOFRONTA_R、SLOGANFRONTA_R)和(LOGOFRONTB_R、–SLOGANFRONTB_R),然後重複第1-19步。
21、一旦你完成了如上部分,到目前的效果應該如下圖所示,如有不同,請檢查修正。
22、複製logo的反光部分到ps中,調整其方位,初步形成倒影效果。
23、將所有元素置於畫布中央。
24、新建圖層,重新命名為“GRADIENTBASE”,填充白色,應用一個徑向漸變圖層樣式,引數設定如下:
25、給logofronta圖層(根據下圖所示,找到你本地多對應的圖層)應用內發光+斜面浮雕圖層樣式,引數如下:
26、複製圖層樣式,並且分別貼上到圖層SLOGANFRONTA、LOGOFRONTA_R、SLOGANFRONTA_R。
27、對圖層LOGOFRONTB應用如下圖層樣式:
28、複製圖層樣式至LOGOFRONTB_R。
29、複製剛才製作的圖層樣式到LOGOFRONTB_R圖層和SLOGANFRONTB_R圖層,唯一不同的是levelSLOGANFRONTB要稍作調整。在光澤面板中,距離由原來的127px降低到30px,並且去掉漸變疊加圖層樣式,只在圖層SLOGANFRONTB_R和圖層LOGOFRONTB_R上保留。
30、對圖層LOGOFRONTA_R和圖層LOGOFRONTB_R,應用圖層蒙版。
31、漸變色設定為有黑到白,角度15度。
32、圖層LOGOFRONTB_R上的蒙版效果較圖層LOGOFRONTA_R一定要更強一些。因為這樣做能更好地遮住深色部分。分別降低兩圖層的不透明度為55%和70%。
33、把圖層SLOGANFRONTB_R的不透明度設為40%,圖層SLOGANFRONTA_R,75%。為了解決透明部分的重疊問題,在圖層SLOGANB_RFRONT和圖層LOGOFRONTB_R中間,選中圖層“SLOGANFRONTB_R”,通過選擇-載入選區啟用選區。
34、選中圖層LOGOFRONTB_R的圖層蒙版,應用黑色填充。
35、建立投影,通過選擇-選區載入選區,新建圖層,重新命名為“SHADOWS”,用黑色填充選區,置於圖層LOGOFRONTA_R和圖層SLOGANFRONTA_R之間,使用方向鍵,向下移動一點位置,露出投影部分。
36、通過索討工具取得選區,沿著logo的傾斜方向。取得選區的目的是去除多餘的投影部分。
37、應用4px的高斯模糊。
38、改變圖層不透明度為75%,新建圖層重新命名為“LIGHT”,把它置於每個圖層的上方。使用1px大小的筆刷,按住Shift鍵繪製,產生強烈的對比,形成真實的玻璃質感。
最終效果: