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

Photoshop製作光滑的綵帶立體字

設計教程 閲讀(1.05W)

本教程介紹稍微複雜的立體字製作方法。文字部分的造型可能比較複雜,要把文字部分用一條類似綵帶的線條做出來,而且要有一定的透視效果,製作的時候要反覆嘗試。

最終效果

Photoshop製作光滑的綵帶立體字

1、新建一個1024*768像素的文檔,選擇漸變工具,顏色設置如圖1,拉出圖2所示的徑向漸變作為背景。

Photoshop製作光滑的綵帶立體字 第2張

<圖1>

Photoshop製作光滑的綵帶立體字 第3張

<圖2>

2、打開圖3所示的文字素材,用魔術棒摳出來,然後拖到我們新建的文檔裏面,如圖4。

Photoshop製作光滑的綵帶立體字 第4張

<圖3點小圖查看大圖>

Photoshop製作光滑的綵帶立體字 第5張

<圖4>

3、鎖定文字不透明度,選擇漸變工具,顏色設置如圖5,然後拉出圖6所示的線性漸變作為文字顏色。

Photoshop製作光滑的綵帶立體字 第6張

<圖5>

Photoshop製作光滑的綵帶立體字 第7張

<圖6>

4、雙擊圖層面板文字縮略圖調出圖層樣式,設置斜面與浮雕及描邊,參數設置如圖7,8。描邊部分的漸變色設置如圖9。確定後效果如圖10。

Photoshop製作光滑的綵帶立體字 第8張

<圖7>

Photoshop製作光滑的綵帶立體字 第9張

<圖8>

Photoshop製作光滑的綵帶立體字 第10張

<圖9>

Photoshop製作光滑的綵帶立體字 第11張

<圖10>

5、文字表面部分的製作基本完成,下面我們開始製作立體面,先來製作立體面的外部質感,需要完成的效果如下圖。

Photoshop製作光滑的綵帶立體字 第12張

<圖11>

6、在文字圖層下面新建一個組,用鋼筆勾出下圖所示的選區,然後給組添加圖層蒙版。

Photoshop製作光滑的綵帶立體字 第13張

<圖12>

7、在組裏新建一個圖層,填充紅褐色:#B06B55,效果如下圖。

Photoshop製作光滑的綵帶立體字 第14張

<圖13>

8、在製作質感之前,我們還需要拉一條輔助線。在圖層的最上面新建一個組,在組裏新建一個圖層,選擇直線工具,把前景色設置為紅色,拉出下圖所示的直線作為參考線。這條線用處非常大,我們拉漸變的時候都需要按照直線的方向拉,這樣拉的漸變透視比較統一。

Photoshop製作光滑的綵帶立體字 第15張

<圖14>

9、回到立體面的組,在組裏新建一個圖層,用鋼筆勾出前面部分的選區,如圖16,同樣把參考直線移到中心位置,按照直線方向拉出圖15所示的線性漸變。

Photoshop製作光滑的綵帶立體字 第16張

<圖15>

Photoshop製作光滑的綵帶立體字 第17張

<圖16>

10、新建一個圖層,開始製作第二段漸變,同樣需要把參考線拉到中間位置,然後按參照線的方向拉同樣的漸變色,如下圖。

Photoshop製作光滑的綵帶立體字 第18張

<圖17>

11、新建一個圖層,同上的方法制作其他部分的漸變,過程如圖18-23。

Photoshop製作光滑的綵帶立體字 第19張

<圖18>

Photoshop製作光滑的綵帶立體字 第20張

<圖19>

Photoshop製作光滑的綵帶立體字 第21張

<圖20>

Photoshop製作光滑的綵帶立體字 第22張

<圖21>

Photoshop製作光滑的綵帶立體字 第23張

<圖22>

Photoshop製作光滑的綵帶立體字 第24張

<圖23>

12、調出當前組的選區,新建一個組,給組添加蒙版,如下圖。

Photoshop製作光滑的綵帶立體字 第25張

<圖24>

13、在組裏新建圖層,同上的方法制作前部立體面的漸變,過程如圖25-30。

Photoshop製作光滑的綵帶立體字 第26張

<圖25>

Photoshop製作光滑的綵帶立體字 第27張

<圖26>

Photoshop製作光滑的綵帶立體字 第28張

<圖27>

Photoshop製作光滑的綵帶立體字 第29張

<圖28>

Photoshop製作光滑的綵帶立體字 第30張

<圖29>

Photoshop製作光滑的綵帶立體字 第31張

<圖30>

14、在圖層的最上面新建一個圖層,按Ctrl+Alt+Shift+E蓋印圖層。執行:濾鏡>模糊>動感模糊,角度設置為45度,距離設置為150,確定後把圖層混合模式改為“柔光”,不透明度改為:50%,效果如下圖。

Photoshop製作光滑的綵帶立體字 第32張

<圖31>

15、創建亮度/對比度調整圖層,適當增加圖片的對比度,參數設置如圖32,效果如圖33。

Photoshop製作光滑的綵帶立體字 第33張

<圖32>

Photoshop製作光滑的綵帶立體字 第34張

<圖33>

最後調整一下細節,再添加倒影,完成最終效果。

Photoshop製作光滑的綵帶立體字 第35張


感謝作者Sener分享教程。