網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

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

欄目: 設計教程 / 發佈於: / 人氣:1.72W

本教程的立體字部分是在AI裏面完成的。製作原理跟用PS基本類似,也是需要多複製幾個圖層,錯開位置後做出立體感,然後渲染簡單的高光和暗調做出表面製作。大致立體效果出來後再用PS來渲染質感即可。

最終效果

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

1、使用illustrator打開下載好的"11",可以直接用自己做好的圖形或文字。導入頁碼:1/1、顏色模式:RGB。

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

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

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

2、你已經看到logo已經被導入,logo本身已經應用了漸變疊加效果。你可以使用如下所示設置重新調整漸變色。

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

3、一定不要忘記使用圖層面板,這一點至關重要。在圖層面板中能看到"LOGOFRONTA"和"SLOGANFRONTA"這2個圖層。

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

4、複製剛纔提到的2個圖層,重命名爲"LOGOFRONTB"和"SLOGANFRONTB"。

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

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

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

6、打開變換面板,選中全部的4個圖層元素,應用17度的扭曲變形。

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

7、繼續應用17度的旋轉變形。

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

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

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

9、選中“LOGOFRONTB”圖層,更改漸變填充爲實色填充。

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

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

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

11、對“SLOGANFRONTB”圖層應用實色填充。

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

12、選中“LOGOFRONTB”和“SLOGANFRONTB”,着色rgb(77,77,77),ctrl+c複製圖層,ctrl+b複製到底層並使用變換面板移動位置(x-50,y+29),然後着色rgb(139,142,141)。

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

13、下面我們將使用混合工具。設置混合選項:對象-混合-混合選項,指定步數值:50,我們選中2logo層,通過點擊”對象-混合-製作”來應用混合效果,對“slogan”也應用相同的混合效果。

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

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

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

14、混合創建之後,刪除複製圖層。

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

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

15、重新激活圖層“"LOGOFRONTA”和“SLOGANFRONTA”,現在萬事俱備了。

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

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

16、選中所有元素,ctrl+c複製,打開ps創建文件1200px-1200px,粘貼內容。整個過程很簡單,但有些耗時間。

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

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

17、把illustrator中製作的所有元素粘貼進ps。在illustrator中全選所有元素,ctrl+c複製,ctrl+v粘貼進ps中,把圖層重命名爲“RIF”,至於最底層。這麼做是便於在ps中重組元素時有個參照,避免重組後的元素跟原LOGO效果不符的情況產生。

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

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

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

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

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

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

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

20、創建LOGO的反光部分,方法同上。把原始文字旋轉180°,重命名圖層(LOGOFRONTA_R、SLOGANFRONTA_R)和(LOGOFRONTB_R、–SLOGANFRONTB_R),然後重複第1-19步。

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

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

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

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

22、複製logo的反光部分到ps中,調整其方位,初步形成倒影效果。

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

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

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

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

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

24、新建圖層,重命名爲“GRADIENTBASE”,填充白色,應用一個徑向漸變圖層樣式,參數設置如下:

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

25、給logofronta圖層(根據下圖所示,找到你本地多對應的圖層)應用內發光+斜面浮雕圖層樣式,參數如下:

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

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

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

26、複製圖層樣式,並且分別粘貼到圖層SLOGANFRONTA、LOGOFRONTA_R、SLOGANFRONTA_R。

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

27、對圖層LOGOFRONTB應用如下圖層樣式:

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

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

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

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

28、複製圖層樣式至LOGOFRONTB_R。

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

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

29、複製剛纔製作的圖層樣式到LOGOFRONTB_R圖層和SLOGANFRONTB_R圖層,唯一不同的是levelSLOGANFRONTB要稍作調整。在光澤面板中,距離由原來的127px降低到30px,並且去掉漸變疊加圖層樣式,只在圖層SLOGANFRONTB_R和圖層LOGOFRONTB_R上保留。

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

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

30、對圖層LOGOFRONTA_R和圖層LOGOFRONTB_R,應用圖層蒙版。

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

31、漸變色設置爲有黑到白,角度15度。

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

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

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

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

33、把圖層SLOGANFRONTB_R的不透明度設爲40%,圖層SLOGANFRONTA_R,75%。爲了解決透明部分的重疊問題,在圖層SLOGANB_RFRONT和圖層LOGOFRONTB_R中間,選中圖層“SLOGANFRONTB_R”,通過選擇-載入選區激活選區。

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

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

34、選中圖層LOGOFRONTB_R的圖層蒙版,應用黑色填充。

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

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

35、創建投影,通過選擇-選區載入選區,新建圖層,重命名爲“SHADOWS”,用黑色填充選區,置於圖層LOGOFRONTA_R和圖層SLOGANFRONTA_R之間,使用方向鍵,向下移動一點位置,露出投影部分。

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

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

36、通過索討工具取得選區,沿着logo的傾斜方向。取得選區的目的是去除多餘的投影部分。

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

37、應用4px的高斯模糊。

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

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

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

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

最終效果:

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


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