PS與Ai結合製作超酷的灰色金屬質感立體字

本教程的立體字部分是在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鍵繪製,產生強烈的對比,形成真實的玻璃質感。

最終效果:


感謝作者不詳製作及投稿。

相關文章