當前位置:製作窩 >

創意設計 >設計教程 >

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

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

效果圖是用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釋出教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/03993.html