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

Photoshop製作非常大氣的木板條紋立體字

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

效果圖是用PS中的3D工具製作的,只是製作的思路有點複雜,需要把文字分解爲幾個圖層,如描邊、實體,玻璃裝飾等;然後用3D工具逐層轉爲想要的立體效果,再整體渲染顏色及調整細節等,做出自己喜歡的效果。

最終效果

Photoshop製作非常大氣的木板條紋立體字

1、創建一個新文檔,大小爲1500*1250像素,填補背景顏色爲#DBDBDB。

Photoshop製作非常大氣的木板條紋立體字 第2張

2、創建文本層,字母要全部大寫,字體顏色設置爲#6d6d6d,字體爲無襯線ExbFLF,大小設置爲370pt。設置行距爲200pt,字符間的字距微調設置爲視覺,所選字體字距調整設置爲50。

Photoshop製作非常大氣的木板條紋立體字 第3張

3、在文字圖層(staycool),點擊右鍵,選擇轉換爲形狀,將文本層轉換成一個形狀層。

Photoshop製作非常大氣的木板條紋立體字 第4張

4、選擇路徑選擇工具,然後單擊第一個字母,選中它,將其拖動(或者使用箭頭鍵)至如下位置。

Photoshop製作非常大氣的木板條紋立體字 第5張

5、按照相同的步驟把所有的字母拖動到文檔裏你喜歡的位置。

Photoshop製作非常大氣的木板條紋立體字 第6張

6、複製文本形狀圖層,並將副本重命名爲描邊(stoke)。

Photoshop製作非常大氣的木板條紋立體字 第7張

7、使用路徑選擇工具選中文字,在工具欄,改變填充爲純色,描邊寬度爲5pt。然後點擊設置形狀描邊類型的圖標,設置描邊的對齊類型爲對齊到外面(如圖),然後點擊更多選項按鈕。

Photoshop製作非常大氣的木板條紋立體字 第8張

8、改變其他的選項設置如下所示。

Photoshop製作非常大氣的木板條紋立體字 第9張

9、選擇圓角矩形工具,確保形狀選區仍在。在選項欄中,設置半徑爲1,並點擊>幾何選項圖標,選擇固定大小的選項,設置寬度爲90和高度爲10。

創建一個新圖層在描邊圖層之上,稱之爲玻璃層(Glass)。單擊並拖出一個圓角矩形,使矩形剛好在描邊區的下方。

Photoshop製作非常大氣的木板條紋立體字 第10張

10、給這個圓角矩形形狀填充一個較暗的顏色,並在選項欄中點擊>合併形狀的圖標按鈕。

Photoshop製作非常大氣的木板條紋立體字 第11張

11、給剩下的字母也添加同上的圓角矩形。

Photoshop製作非常大氣的木板條紋立體字 第12張

12、完成之後,複製原始文本形狀的層,給複製層重命名爲StayCoolBack。

Photoshop製作非常大氣的木板條紋立體字 第13張

13、對每個形狀圖層進行如下操作:選中它,然後選擇3D>從所選圖層新建3D凸出。將這些形狀圖層轉化爲3D的。

Photoshop製作非常大氣的木板條紋立體字 第14張

14、複製背景圖層兩次,拖動這兩個複製圖層到圖層面板的最上方,重命名牆(wall)和地面(ground)。

Photoshop製作非常大氣的木板條紋立體字 第15張

15、對於步驟2中圖層的每一個,選中它,然後選擇3D>從圖層新建網格>明信片。

Photoshop製作非常大氣的木板條紋立體字 第16張

16、進入3D設置及屬性界面,需打開兩個面板,即:3D面板和屬性面板(兩者均可在窗口菜單中找到)。3D面板中包含3D場景中的所有組件。無論單擊哪一個組件,均可進入屬性面板的設置界面。因此,在改變屬性面板中的設置之前請確保其確實爲您想更改的選項。

Photoshop製作非常大氣的木板條紋立體字 第17張

17、點擊地面層,在3D面板中選擇它的網格名稱,雙擊,然後在屬性面板中,單擊頂部的座標圖標,X值更改爲90。這樣做是爲了讓它看起來是垂直於牆面的。

Photoshop製作非常大氣的木板條紋立體字 第18張

18、選擇所有的3D圖層,然後選擇3D>合併3D圖層。這是要把所有的3D網格放在同一個場景裏面。

Photoshop製作非常大氣的木板條紋立體字 第19張

19、選擇移動工具,並觀察其工具欄。你會發現右邊有一組3D模式。當你選擇其中之一時,您可以單擊並拖動它,對所選中元素執行你想要的任何變換(在3D面板選中的元素部分)。現在的3D面板選中的是當前視圖,您可以單擊並拖動改變視圖效果,結果如下。

Photoshop製作非常大氣的木板條紋立體字 第20張

20、在3D面板中選擇原始文本(staycool)和staycoolBack的變形名稱,雙擊選擇變形屬性,把他們的凸出深度值更改爲20。

Photoshop製作非常大氣的木板條紋立體字 第21張

21、選擇原始文本staycool,單擊屬性面板中的蓋子圖標按鈕,選擇邊爲前部,然後斜面寬度改爲10,等高線爲滾動斜坡-遞減,膨脹角度爲-45。

Photoshop製作非常大氣的木板條紋立體字 第22張

22、對於Staycoolback網格,單擊蓋子按鈕,邊設置爲背面,改變斜面寬度爲10,等高線爲滾動斜坡-遞減,膨脹角度爲45。

Photoshop製作非常大氣的木板條紋立體字 第23張

23、選擇Stock的變形名稱,設置其凸出深度爲150。

Photoshop製作非常大氣的木板條紋立體字 第24張

24、然後改變其斜面寬度爲10,輪廓爲半圓。

Photoshop製作非常大氣的木板條紋立體字 第25張

25、選擇玻璃(glass),選擇變形按鈕,設置凸出深度爲481。

Photoshop製作非常大氣的木板條紋立體字 第26張

26、斜面寬度改爲10。

Photoshop製作非常大氣的木板條紋立體字 第27張

27、最後對wall網格,勾選取消陰影框。

Photoshop製作非常大氣的木板條紋立體字 第28張

28、爲原始文本(staycool)網格選擇前膨脹材質。然後單擊漫射紋理圖標,並選擇刪除紋理。對其他材質進行一樣的操作。

Photoshop製作非常大氣的木板條紋立體字 第29張

29、修改其他設置如下所示:漫射:#575757鏡像:#606060發光:#000000環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第30張

30、選擇字體斜面、凸出和背部斜面材質,改變他們設置如下所示:漫射:#d4d4d4鏡像:#67666b發光:#080808環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第31張

31、選擇文本副本(staycoolback)的後膨脹材質,更改設置如下所示:漫射:#b4b4b4鏡像:#65666發光:#080808環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第32張

32、如下,選擇描邊(stoke)材質裏的所有材質圖標,改變他們的設置:漫射:#a3671f鏡像:#cab171發光:#080808環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第33張

33、選擇所有的玻璃(glass)材質的圖標,改變他們的設置:漫射:#ffffff鏡像:#c2c2c2發光:#080808環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第34張

34、牆面設置:漫射:#DBDBDB鏡像:#a3a3a3發光:#080808環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第35張

35、地面設置:漫射:#d4d4d4鏡像:#67666b發光:#080808環境:#000000。

Photoshop製作非常大氣的木板條紋立體字 第36張

36、選擇移動工具,並使用3d座標軸移動工具把他們放到你喜歡在位置。在3D軸的兩端箭頭是軸上移動,下面的部分是軸上旋轉,立方體是用於沿軸縮放。中間的立方體用於平均。你需要做的就是點擊和拖動箭頭,以得到您需要的效果。

Photoshop製作非常大氣的木板條紋立體字 第37張

37、選擇無限光1的按鈕,然後改變其顏色#bfb7ac,其強度30%,它的陰影柔和度到20%。

Photoshop製作非常大氣的木板條紋立體字 第38張

38、您可以使用移動工具移動光照到你喜歡的位置,或使用如下所示的座標的值。

Photoshop製作非常大氣的木板條紋立體字 第39張

39、在3D面板上點擊下方的>將新光照添加到場景,並選擇新建點光。

Photoshop製作非常大氣的木板條紋立體字 第40張

40、改變點光源的強度爲20%,並勾選取消其陰影。

Photoshop製作非常大氣的木板條紋立體字 第41張

41、把點光源放到文本後面,放在文本略上方的位置。你可以設置座標的值如下。

Photoshop製作非常大氣的木板條紋立體字 第42張

42、單擊面板中的環境按鈕,然後單擊在Properties面板圖標中的IBL紋理,選擇替換紋理。

Photoshop製作非常大氣的木板條紋立體字 第43張

43、從所給的韌性金屬素材包中打開紋理素材,然後改變強度值50%。

Photoshop製作非常大氣的木板條紋立體字 第44張

Photoshop製作非常大氣的木板條紋立體字 第45張

44、點擊staycoolback,然後將其移動到後面,使它看起來像在金屬條的後面。

Photoshop製作非常大氣的木板條紋立體字 第46張

45、您可以選擇一個網格或幾個網格移動到場景中,改變他們的視圖,得到你喜歡的結果。

Photoshop製作非常大氣的木板條紋立體字 第47張

46、確保地面網格不低於最初的場景地平面網格,然後選擇3D>渲染。做出下面這個效果圖可能需要一些時間,但你可以按Esc鍵隨時停止。

Photoshop製作非常大氣的木板條紋立體字 第48張

47、渲染完成後,一定要保存文件。

Photoshop製作非常大氣的木板條紋立體字 第49張

48、選擇選擇>全部,然後編輯>複製,編輯>粘貼。

Photoshop製作非常大氣的木板條紋立體字 第50張

49、改變粘貼層的混合模式爲柔光,不透明度爲35%。這將使最終結果看起來更生動,更加充滿活力。

Photoshop製作非常大氣的木板條紋立體字 第51張

最終效果:

Photoshop製作非常大氣的木板條紋立體字 第52張


感謝作者Pudding發佈教程。