當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作頹廢的紅色立體字

Photoshop製作頹廢的紅色立體字

本教程的效果需要一些紋理背景來襯托。單單隻看文字部分並沒有什麼特殊的地方,

不過與背景綜合起來,效果還是蠻有個性的。教程中的立體字是用AI來製作的,如果你還沒有這款軟體需要去網上下載。也可以用PS來製作。

最終效果

Photoshop製作頹廢的紅色立體字

1、讓我們開啟Illustrator並建立一個“5×5”的檔案。建立一些文字或logo。現在,你要確保你選擇了一種除了黑、白、灰色之外的顏色,使我們可以從物體中提取陰影。

Photoshop製作頹廢的紅色立體字 第2張

2、現在我們將把我們的物件轉為3D模式,去效果>3D>擠壓和斜邊。我的設定如下,但這取決於你使用的物件,物件不同設定可能就不同。我們正在努力實現一個有趣的角度。嘗試更多的設定直到你得到滿意的效果。確保你改變了周圍的燈光來獲得最大量的對比度,方便以後使用。

Photoshop製作頹廢的紅色立體字 第3張

3、這就是我們要在Illustrator中做的,現在複製你的圖片(Ctrl+c),貼上到1680×1050px的Photoshop文件中。拉伸它填充空間。由於它是一個向量影象,當它第一次被貼上到Photoshop中我們可以拉伸它,不要害怕,它不會有畫素方面的變化。之後雙擊按下複選框它被轉換成光柵影象。

Photoshop製作頹廢的紅色立體字 第4張

4、現在,我們要設定一個背景。首先改變剛才那個文字圖層名稱為3D文字,點選圖層左側的小眼睛隱藏它。

Photoshop製作頹廢的紅色立體字 第5張

5、讓我們找到這個木質紋理,在我們的文件裡開啟。調整其大小使它適合檔案的尺寸。

Photoshop製作頹廢的紅色立體字 第6張

6、我們將會給木質紋理一些較暗的顏色,所以我們使用深褐色的畫筆。現在去橢圓選框工具,設定羽化為100px,畫一個差不多大小的圓,垂直放在檔案中。

Photoshop製作頹廢的紅色立體字 第7張

7、現在按Ctrl+shift+I,選擇反選,用棕色按Alt+delete填充。改變圖層的混合模式為疊加。

Photoshop製作頹廢的紅色立體字 第8張

8、畫一個圓,這次我們要選擇一個黃色/橙色,並在右下角作圖。用黃色填充圓圈,改變圖層的混合模式為疊加。

Photoshop製作頹廢的紅色立體字 第9張

9、選中這一黃色層,伸展它,讓它填充之前沒有被褐色填充過的區域。按住Alt+shift保持黃色在右下角。

Photoshop製作頹廢的紅色立體字 第10張

10、現在,我們的影象開始像是有一處從右下角照射出的光源了。使那個角落更亮,光源的效果更真實。在黃色圖層之上建立一個新層,從右下角建立一個徑向漸變。混合模式更改為疊加。現在我們需要複製這層兩次使它更亮。所以要按Ctrl+j兩次。

Photoshop製作頹廢的紅色立體字 第11張

11、現在是時候把我們的logo放進來了。確保你使用的3D文字,然後使用魔術棒點選文字的表面。確保魔術棒公差為12。現在按Ctrl+j,這會在文字表面上多一個新層。

Photoshop製作頹廢的紅色立體字 第12張

12、重複步驟11,使用魔術棒選擇文字的邊。

Photoshop製作頹廢的紅色立體字 第13張

13、現在我們要在文字的表面新增一些高光和陰影。建立一個新層,Ctrl+click選擇文字表面。點選漸變,選擇一個類似於我們在右下角使用的那種黃色。從文字的右下角到左上角拖動漸變。更改混合模式為疊加。

Photoshop製作頹廢的紅色立體字 第14張

14、在該文字表面高光的前提下,建立一個新層,並使用白色做一個較小的漸變。更改混合模式為疊加。

Photoshop製作頹廢的紅色立體字 第15張

15、使用一個暗的棕紅色,從對面的拐角處拖動一個小漸變,改變混合模式為正片疊底。

Photoshop製作頹廢的紅色立體字 第16張

16、現在點選文字層的側面(字型的內部),然後按Ctrl+m調出曲線視窗。將它按下圖設定,使兩邊發暗因為那裡照射不到任何光線。

Photoshop製作頹廢的紅色立體字 第17張

17、我們現在需要解決光線的路徑,以便我們可以做一些陰影。我們在右下角建立兩條直線開始我們的光源,並從這個角落往外擴及,我們的底角在D上,頂角在d上,就像這樣。

Photoshop製作頹廢的紅色立體字 第18張

18、現在我們大概知道即將形成的陰影形狀了,我們就可以開始建立它。使用多邊形工具,按下圖切出形狀,並用黑色填充。確保該形狀與文字匹配。現在,拖動圖層使它在文字下方。

Photoshop製作頹廢的紅色立體字 第19張

19、現在,我們要修改我們剛才製作的形狀,首先我建立了一個圖層蒙板。在蒙版裡塗抹出一個成直角的圓(見下圖)。(直接看20步吧,這步沒說明白)

Photoshop製作頹廢的紅色立體字 第20張

20、開始用黑色畫筆塗抹,直到你覺得影象更自然,如下圖。(19步和20步的意思是塗抹陰影邊緣使其看起來更自然和柔和)

Photoshop製作頹廢的紅色立體字 第21張

21、我們可以消除我們所做的兩行直線了,因為我們不再需要它們。我們需要給文字新增一些紋理,因為它現在看起來不真實。去網上找個膠片紋理素材,拖進來疊加到文字上面。

Photoshop製作頹廢的紅色立體字 第22張

22、最後,我要在文字表面新增一個斜面,使它有銳利的邊(如下圖)。

Photoshop製作頹廢的紅色立體字 第23張

最終效果。

Photoshop製作頹廢的紅色立體字 第24張


感謝作者活力盒子譯分享教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/dqn0d.html