當前位置:首頁>ps入門教程>ps文字教程>3D立體字>教程內(nèi)容

ps設(shè)計立體馬頭字教程(5)

來源:photoshop聯(lián)盟 作者:Sener 學習:4820人次
文字由兩大部分構(gòu)成:馬頭及立體字。馬頭部分基本都是純手繪,過程稍微復雜一點。文字部分為最為基礎(chǔ)的立體字,用圖層樣式及漸變就可以完成。

最終效果

Photoshop制作創(chuàng)意的2014馬年生肖立體字

 

1、首先我們把整體拆分為馬頭及文字,如下圖。馬頭部分的教程請到這里查看:http://theoat.com.cn/photoshop/jiaocheng/2013/113707.html。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖1>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖2>
2、保存下圖所示的圖片素材,新建一個1024* 700像素的文件,背景填充黑色。打開保存的素材(PNG透明格式),用鼠標拖到新建的文件里面。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖3>

3、把拖進來的文字解鎖,是的移動位置,與馬頭拼接好。然后鎖定圖層像素區(qū)域,如下圖。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖4>

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

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖5>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖6>

5、雙擊圖層面板文字縮略圖后的藍色區(qū)域調(diào)出圖層樣式,設(shè)置斜面與浮雕及等高線,參數(shù)設(shè)置如圖7,8,效果如圖9。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖7>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖8>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖9>
6、按Ctrl+ J 把文字圖層復制一層,如下圖。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖10>

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

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖11>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖12>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖13>

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

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖14>
9、在背景圖層上面新建一個組,給組添加圖層蒙版,如下圖。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖15>

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

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖16>

11、在組里新建一個圖層,現(xiàn)在開始渲染立體面的各個面的質(zhì)感。用套索工具勾出下圖所示的選區(qū),選擇漸變工具,顏色設(shè)置如圖18,拉出土19所示的線性漸變。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖17>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖18>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

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

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖20>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖21>

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

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖22>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖23>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖24>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖25>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖26>
Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖27>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖28>

14、在圖層的最上面創(chuàng)建亮度/對比度調(diào)整圖層,適當增加對比度,參數(shù)及效果如下圖。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖29>

Photoshop制作創(chuàng)意的2014馬年生肖立體字

<圖30>

再調(diào)整一下細節(jié),完成最終效果。

Photoshop制作創(chuàng)意的2014馬年生肖立體字

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!