當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作創意的馬年生肖立體字

Photoshop製作創意的馬年生肖立體字

文字由兩大部分構成:馬頭及立體字。馬頭部分基本都是純手繪,過程稍微複雜一點。文字部分為最為基礎的立體字,用圖層樣式及漸變就可以完成。

最終效果

Photoshop製作創意的2014馬年生肖立體字

1、首先我們把整體拆分為馬頭及文字,如下圖。馬頭部分的教程請點這裡檢視。

Photoshop製作創意的2014馬年生肖立體字 第2張

<圖1>

Photoshop製作創意的2014馬年生肖立體字 第3張

<圖2>

2、儲存下圖所示的圖片素材,新建一個1024*700畫素的檔案,背景填充黑色。開啟儲存的素材(PNG透明格式),用滑鼠拖到新建的檔案裡面。

Photoshop製作創意的2014馬年生肖立體字 第4張

<圖4>

4、選擇漸變工具,顏色設定如圖5,在屬性欄選擇徑向漸變,然後由下至上拉出土6所示的漸變色。

Photoshop製作創意的2014馬年生肖立體字 第5張

<圖5>

Photoshop製作創意的2014馬年生肖立體字 第6張

<圖6>

5、雙擊圖層面板文字縮圖後的藍色區域調出圖層樣式,設定斜面與浮雕及等高線,引數設定如圖7,8,效果如圖9。

Photoshop製作創意的2014馬年生肖立體字 第7張

<圖7>

Photoshop製作創意的2014馬年生肖立體字 第8張

<圖8>

Photoshop製作創意的2014馬年生肖立體字 第9張

<圖9>

6、按Ctrl+J把文字圖層複製一層,如下圖。

Photoshop製作創意的2014馬年生肖立體字 第10張

<圖10>

7、雙擊文字副本後面的藍色區域調出圖層樣式,修改一下斜面和浮雕及等高線的數值,如圖11,12。確定好把圖層填充改為:0%,不透明度改為:70%,效果如圖13。

Photoshop製作創意的2014馬年生肖立體字 第11張

<圖11>

Photoshop製作創意的2014馬年生肖立體字 第12張

<圖12>

Photoshop製作創意的2014馬年生肖立體字 第13張

<圖13>

8、安裝Ctrl鍵點選圖層面板文字縮圖載入文字選區,選擇矩形選框工具,把選區往右下方移動移動距離,如下圖。

Photoshop製作創意的2014馬年生肖立體字 第14張

<圖14>

9、在背景圖層上面新建一個組,給組新增圖層蒙版,如下圖。

Photoshop製作創意的2014馬年生肖立體字 第15張

<圖15>

10、在組裡新建一個圖層,填充任意一種顏色作為參考,效果如下圖。文字初步的立體效果出來了。

Photoshop製作創意的2014馬年生肖立體字 第16張

<圖16>

11、在組裡新建一個圖層,現在開始渲染立體面的各個面的質感。用套索工具勾出下圖所示的選區,選擇漸變工具,顏色設定如圖18,拉出土19所示的線性漸變。

Photoshop製作創意的2014馬年生肖立體字 第17張

<圖17>

Photoshop製作創意的2014馬年生肖立體字 第18張

<圖18>

Photoshop製作創意的2014馬年生肖立體字 第19張

<圖19>

12、新建一個圖層,同上的方法再製作一個面,漸變色相同,如下圖。

Photoshop製作創意的2014馬年生肖立體字 第20張

<圖20>

Photoshop製作創意的2014馬年生肖立體字 第21張

<圖21>

13、新建圖層,同上的方法制作其他的面,過程如圖22-28。沒有簡便方法,得逐個渲染。

Photoshop製作創意的2014馬年生肖立體字 第22張

<圖22>

Photoshop製作創意的2014馬年生肖立體字 第23張

<圖23>

Photoshop製作創意的2014馬年生肖立體字 第24張

<圖24>

Photoshop製作創意的2014馬年生肖立體字 第25張

<圖25>

Photoshop製作創意的2014馬年生肖立體字 第26張

<圖26>

Photoshop製作創意的2014馬年生肖立體字 第27張

<圖27>

Photoshop製作創意的2014馬年生肖立體字 第28張

<圖28>

14、在圖層的最上面建立亮度/對比度調整圖層,適當增加對比度,引數及效果如下圖。

Photoshop製作創意的2014馬年生肖立體字 第29張

<圖29>

Photoshop製作創意的2014馬年生肖立體字 第30張

<圖30>

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

Photoshop製作創意的2014馬年生肖立體字 第31張


感謝作者Sener製作及投稿。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/6g9qz.html