當前位置:米奇創意網>設計創意>設計教程>

Photoshop製作華麗的土豪金立體字

設計教程 閲讀(2.15W)

土豪金是大家喜歡的顏色,下面介紹這種顏色的立體字製作方法。過程:先用3D工具或AI把初步的立體字做出來,並不要求十分細緻,幾個面出來就可以。然後在PS中分解各個面,並重新上色,把華麗及金屬質感渲染出來即可。

最終效果

Photoshop製作華麗的2014土豪金立體字

1、首先我們來製作第一個立體字需要完成的效果如下圖。

Photoshop製作華麗的2014土豪金立體字 第2張

<圖1>

2、點這裏下載教程中有道的文字素材。素材中文字是分好圖層的,也可以自己先用PS中的3D工具製作自己喜歡的文字。

3、選擇“組1”,共有三個圖層,分別為頂部、中間,底部圖層。回到底部圖層,新建一個圖層,用套索選取下圖所示的選區,羽化5個像素後填充黃褐色:#BEA163。

Photoshop製作華麗的2014土豪金立體字 第3張

<圖2>

4、新建一個圖層,用鋼筆勾出下圖所示的選區,羽化2個像素後填充相同的顏色,把混合模式改為“正片疊底”,不透明度改為:40%,效果如下圖。

Photoshop製作華麗的2014土豪金立體字 第4張

<圖3>

5、新建一個圖層,用鋼筆構成中間局部的反光區域,轉為選區後用畫筆塗上一點淡黃色。

Photoshop製作華麗的2014土豪金立體字 第5張

<圖4>

6、新建一個圖層,在高光的底部再塗上一點暗部,如下圖。

Photoshop製作華麗的2014土豪金立體字 第6張

<圖5>

7、新建一個圖層,用鋼筆勾出下圖所示的選區,拉上土7所示的線性漸變。

Photoshop製作華麗的2014土豪金立體字 第7張

<圖6>

Photoshop製作華麗的2014土豪金立體字 第8張

<圖7>

8、新建一個圖層,用鋼筆勾出色塊右側的暗部區域,用畫筆塗上一點黃褐色。

Photoshop製作華麗的2014土豪金立體字 第9張

<圖8>

9、新建一個圖層,用鋼筆勾出右側的面,轉為選區後拉上土10所示的線性漸變。

Photoshop製作華麗的2014土豪金立體字 第10張

<圖9>

Photoshop製作華麗的2014土豪金立體字 第11張

<圖10>

10、新建圖層,同上的方法用畫筆給面的局部增加一點暗部及高光,如圖11-13。

Photoshop製作華麗的2014土豪金立體字 第12張

<圖11>

Photoshop製作華麗的2014土豪金立體字 第13張

<圖12>

Photoshop製作華麗的2014土豪金立體字 第14張

<圖13>

11、新建一個圖層,用鋼筆勾出底部的面,轉為選區後填充稍暗的黃褐色:#151006,確定後不要取消選區,用畫筆給左側部分塗上一點高光。

Photoshop製作華麗的2014土豪金立體字 第15張

<圖14>

Photoshop製作華麗的2014土豪金立體字 第16張

<圖15>

12、新建一個圖層,同上的方法制作右下部的面。

Photoshop製作華麗的2014土豪金立體字 第17張

<圖16>

Photoshop製作華麗的2014土豪金立體字 第18張

<圖17>

13、回到中間層,新建一個圖層,按Ctrl+Alt+G創建剪貼蒙版,然後在當前圖層下面新建一個圖層,用鋼筆勾出下圖所示的選區,並拉上土19所示的線性漸變。

Photoshop製作華麗的2014土豪金立體字 第19張

<圖18>

Photoshop製作華麗的2014土豪金立體字 第20張

<圖19>

14、新建一個圖層,同上的方法制作右側的面。

Photoshop製作華麗的2014土豪金立體字 第21張

<圖20>

Photoshop製作華麗的2014土豪金立體字 第22張

<圖21>

15、新建圖層同上的方法制作其他面,過程如圖22-25。

Photoshop製作華麗的2014土豪金立體字 第23張

<圖22>

Photoshop製作華麗的2014土豪金立體字 第24張

<圖23>

Photoshop製作華麗的2014土豪金立體字 第25張

<圖24>

Photoshop製作華麗的2014土豪金立體字 第26張

<圖25>

16、回到頂部層,鎖定像素區域後拉上土26所示的線性漸變。

Photoshop製作華麗的2014土豪金立體字 第27張

<圖26>

Photoshop製作華麗的2014土豪金立體字 第28張

<圖27>

17、按Ctrl+J把頂部層複製一層,然後雙擊縮略圖後面的藍色區域設置圖層樣式,選擇斜面和浮雕,參數設置如圖28,確定好把填充改為:0%,效果如圖29。

Photoshop製作華麗的2014土豪金立體字 第29張

<圖28>

Photoshop製作華麗的2014土豪金立體字 第30張

<圖29>

18、按Ctrl+J把當前圖層複製一層,然後編輯圖層樣式,修改一下斜面和浮雕的數值,參數及效果如下圖。

Photoshop製作華麗的2014土豪金立體字 第31張

<圖30>

Photoshop製作華麗的2014土豪金立體字 第32張

<圖31>

19、其它幾個數字用同樣的方法制作,效果如下圖。

Photoshop製作華麗的2014土豪金立體字 第33張

<圖32>

20、在圖層的最上面創建亮度/對比度調整圖層,是的增加整體對比度,參數及效果如下圖。

Photoshop製作華麗的2014土豪金立體字 第34張

<圖33>

Photoshop製作華麗的2014土豪金立體字 第35張

<圖34>

最後調整一下細節,完成最終效果。

Photoshop製作華麗的2014土豪金立體字 第36張


感謝作者Sener創作投稿。