當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作華麗的國慶節立體字

Photoshop製作華麗的國慶節立體字

面對邊緣稍微複雜的文字,用純手工的方法制作立體字是非常複雜的,不過可以找出裡面的一些共有特性,可以簡化很多繁瑣的過程。如下面的文字,字型邊緣有很多鋸齒紋理,用普通的方法制作立體面是非常複雜的,我們可以先把立體面的高光及暗部刻畫好,然後再用複製的方法制作立體面就非常簡單了。

最終效果

Photoshop製作華麗的國慶節立體字

1、新建一個1024*650畫素的檔案,背景填充黑色。開啟圖1所示的文字素材,拖進來。解鎖後適當放好位置。

Photoshop製作華麗的國慶節立體字 第2張

<圖2>

3、鎖定圖層的畫素區域,選擇漸變工具,顏色設定如圖3,由上至下拉出圖4所示的線性漸變色。

Photoshop製作華麗的國慶節立體字 第3張

<圖3>

Photoshop製作華麗的國慶節立體字 第4張

<圖4>

4、選擇選單:圖層>圖層樣式>斜面和浮雕,引數設定如圖5,確定後再設定等高線,引數設定如圖6,效果如圖7。

Photoshop製作華麗的國慶節立體字 第5張

<圖5>

Photoshop製作華麗的國慶節立體字 第6張

<圖6>

Photoshop製作華麗的國慶節立體字 第7張

<圖7>

5、按Ctrl+J把當前圖層複製一層,然後編輯當前圖層的圖層樣式,把斜面和浮雕的數值稍微修改一下,引數設定如圖8。確定後把圖層填充改為:0%,不透明度改為:50%,效果如圖9。

Photoshop製作華麗的國慶節立體字 第8張

<圖8>

Photoshop製作華麗的國慶節立體字 第9張

<圖9>

6、按Ctrl+J把當前圖層複製一層,同樣再修改斜面和浮雕的數值,引數如圖10,確定後把填充改為:0%,不透明度改為:30%,效果如圖11。

Photoshop製作華麗的國慶節立體字 第10張

<圖10>

Photoshop製作華麗的國慶節立體字 第11張

<圖11>

7、其它文字用同樣的方法新增圖層樣式,具體數值可根據文字大小稍作修改,效果如下圖。

Photoshop製作華麗的國慶節立體字 第12張

<圖12>

8、下面開始製作立體面,製作之前我們只需瞭解一下高光及暗部構成,如下圖箭頭所示,突出部分的頂部為高光區,其它部分均為暗部區域,瞭解後,製作立體面就非常簡單了。

<圖13>

9、先載入第一個“1”字選區,在背景圖層上面新建一個組,在組裡新建一個圖層,填充暗紅色:#5C0A05,可以把上面的文字先隱藏,這樣觀察就明顯一點,效果如下圖。

Photoshop製作華麗的國慶節立體字 第13張

<圖14>

10、如果覺得背景與文字顏色太過接近,不好觀察,可以建立一個曲線調整圖層,適當調亮一點,如圖15,確定後按Ctrl+Alt+G建立剪貼蒙版,效果如圖16。

Photoshop製作華麗的國慶節立體字 第14張

<圖15>

Photoshop製作華麗的國慶節立體字 第15張

<圖16>

11、新建一個空白圖層,按Ctrl+Alt+G建立剪貼蒙版,如下圖。

Photoshop製作華麗的國慶節立體字 第16張

<圖17>

12、把前景顏色設定為紅色。

Photoshop製作華麗的國慶節立體字 第17張

<圖18>

13、選擇畫筆工具,選擇一個柔角的畫筆,不透明度設定為5%,如下圖。

Photoshop製作華麗的國慶節立體字 第18張

<圖19>

14、根據之前的分析,我們只需要把突出部分塗亮,其它部分顏色不要變換。用剛才設定好的畫筆慢慢塗抹,,過程如圖20,21。

Photoshop製作華麗的國慶節立體字 第19張

<圖20>

Photoshop製作華麗的國慶節立體字 第20張

<圖21>

15、把曲線調整圖層隱藏,如下圖。

Photoshop製作華麗的國慶節立體字 第21張

<圖22>

16、把背景圖層隱藏,新建一個圖層,按Ctrl+Alt+Shift+E蓋印圖層,得到初步的一個面,如下圖。

Photoshop製作華麗的國慶節立體字 第22張

<圖23>

17、把頂部的文字顯示出來,然後把做好的面往右下移動一點距離,距離的多少決定文字的立體感。

Photoshop製作華麗的國慶節立體字 第23張

<圖24>

18、左手按住鍵盤上的“Alt”鍵如圖25,右手按方向鍵,先按一次向上再按一次向左rut26,重複按方向鍵直到立體面與文字結合,過程如圖27,28。

Photoshop製作華麗的國慶節立體字 第24張

<圖25>

Photoshop製作華麗的國慶節立體字 第25張

<圖26>

Photoshop製作華麗的國慶節立體字 第26張

<圖27>

Photoshop製作華麗的國慶節立體字 第27張

<圖28>

19、如果立體面與文字沒有結合好,可以把組適當移動位置,與文字對接好,效果如下圖。

Photoshop製作華麗的國慶節立體字 第28張

<圖29>

20、其它文字的製作方法完全一樣,效果如下圖。

Photoshop製作華麗的國慶節立體字 第29張

<圖30>

21、在圖層的最上面建立亮度/對比度及色彩平衡調整圖層,調整一下整體顏色,引數及效果如下圖。

Photoshop製作華麗的國慶節立體字 第30張

<圖31>

Photoshop製作華麗的國慶節立體字 第31張

<圖32>

Photoshop製作華麗的國慶節立體字 第32張

<圖33>

<圖34>

最後給文字增加一點投影,完成最終效果。

Photoshop製作華麗的國慶節立體字 第33張


感謝作者Sener授權轉載。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/kv236.html