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

立體字,用PS制作綠葉構(gòu)成的3D立體字(4)

來源:UI中國 作者:米夏小雨 學(xué)習(xí):11402人次

制作一款3D立體的葉子字體,比較有創(chuàng)意,同學(xué)們可以根據(jù)教程來制作一下,字體還是通過圖層樣式來制作完成,相信同學(xué)們可以從中學(xué)到更多的東西,以此帶來靈感和創(chuàng)新,用于設(shè)計該字體也是一種不錯的創(chuàng)意,就看同學(xué)們?nèi)绾稳ザx它,一起來學(xué)習(xí)一下吧,相信你可以做的更好。

效果圖:

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn想學(xué)更多請訪問www.theoat.com.cn

練習(xí)素材:http://bbs.16xx8.com/thread-195174-1-1.html

1. 如何創(chuàng)建背景

步驟1

使用以下設(shè)置創(chuàng)建新文檔:

名稱: 樹葉文字效果

尺寸: 850 x 553 像素

分辨率:72 dpi

顏色模式: rgb 顏色8位

背景內(nèi)容: 自定義 #193333

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟2

雙擊 "背景" 圖層并將其重命名為 bg。然后右鍵單擊它, 然后選擇 "轉(zhuǎn)換為智能對象http://www.theoat.com.cn/tags/34209/"。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟3

轉(zhuǎn)到濾鏡 > 雜色 > 添加雜色并使用以下設(shè)置:

數(shù)量:1.12%

分布: 高斯

單色: 開

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟4

現(xiàn)在雙擊 bg 圖層以打開 "圖層樣式" 面板。然后使用內(nèi)發(fā)光并設(shè)置以下參數(shù):

混合模式:正片疊底

不透明度: 65%

雜色: 0%

顏色: #102a50

方法: 柔和

源: 邊緣

阻塞: 26%

大小: 250 像素

等高線: 線性

抗鋸齒: 開

范圍: 100%

抖動: 0%

之后, 單擊 "確定" 關(guān)閉 "圖層樣式" 窗口。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

2. 如何創(chuàng)建樣式

步驟1

對于此步驟, 我們將使用本教程附加文件中的畫筆。我們只需要改改畫筆就能快速的制作出文字效果,所以你不需要很費力!但是你想要了解這個畫筆是怎么制作的那我們繼續(xù)吧!

轉(zhuǎn)到 "編輯" > "預(yù)設(shè)" > "預(yù)設(shè)管理器", 然后在下拉菜單中選擇 "圖案"。然后點擊載入..。并安裝樹葉生成器紋理(在 zip 文件內(nèi))。之后在下拉菜單中選擇 "畫筆" 并加載樹葉生成器畫筆- (也在 zip 文件中)。我們以后會用到畫筆的。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟2

選擇文字工具 (t), 并將字體設(shè)置為 kingthing和字體大小為 287 pt。然后看你喜歡寫什么字(建議西文字)。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟3

雙擊文本圖層以打開 "圖層樣式" 窗口。然后, 使用以下設(shè)置添加圖案疊加:

混合模式: 正常

不透明度: 100%

模式: 樹葉生成器紋理

縮放: 100%

與圖層的鏈接: 打開

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟4 

現(xiàn)在, 使用以下設(shè)置添加漸變疊加:

混合模式: 疊加

不透明度: 25%

漸變: 黑色、白色

樣式: 線性

角度: 90°

縮放: 100%

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟5

使用以下設(shè)置添加內(nèi)發(fā)光:

混合模式: 線性減淡 (添加)

不透明度: 60%

顏色: #acff62

方法: 柔和

源: 邊緣

尺寸:17 像素

等高線: 線性

抗鋸齒: 開

范圍: 100%

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟6

使用以下設(shè)置添加內(nèi)陰影:

合模式: 強光

顏色: #122d02

不透明度: 100%

使用全局光: 關(guān)閉

角度:-180°

距離:15 像素

大小:11 像素

等高線: 線性

抗鋸齒: 關(guān)閉

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟7

使用以下設(shè)置添加斜面和浮雕:

樣式: 內(nèi)斜面

方法: 平滑

深度: 178%

方向: 向上

尺寸: 4 像素

軟化: 6 像素

使用全局光: 關(guān)閉

角度:-135°

高度: 32°

光澤度: 滾動坡度-遞減

抗鋸齒: 開

高光模式: 濾色

高光顏色: #e1ff90

高光不透明度: 31%

陰影模式: 暗色

陰影顏色: #000000

陰影不透明度: 22%

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟8

現(xiàn)在點擊新建樣式, 并將其保存為小葉子。然后, 選中 "包括圖層效果" 并包括 "圖層混合選項" 框, 然后單擊 "確定"。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟9

現(xiàn)在停用內(nèi)發(fā)光, 并使用以下設(shè)置調(diào)整內(nèi)陰影:

混合模式: 強光

顏色: #122d02

不透明度: 43%

使用全局光: 關(guān)閉

角度:-180°

距離:15 像素

大小:42 像素

等高線: 線性

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟10 

通過單擊 "新建樣式" 按鈕再次保存樣式, 但這次將其命名為 "讓邊框變小的效果"。之后, 單擊 "確定" 關(guān)閉 "圖層樣式" 窗口。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

3. 進入制作效果環(huán)節(jié)

步驟1

這一步是打開了動作面板,然后建立動作了,和我上次發(fā)布的那個雷電文字里面的是一樣的,在這里就只貼圖不翻譯了,因為錄不錄制動作都無所謂了。當(dāng)然錄制動作只是為了下次操作更快!上次教程傳送門我是傳送門

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟2

將文本圖層重命名為文本 bkp, 并將文本大小設(shè)置為 287pt。之后, 按ctrl+a 選擇整個文檔。然后, 選取移動工具 (v) 并將圖層對齊到文檔的中心。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟3

按ctrl+d 刪除所選內(nèi)容。之后, 按ctrl+j 復(fù)制圖層。然后, 將副本重命名為 "基礎(chǔ)文本"。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟4

右鍵單擊 "基礎(chǔ)文本" 圖層, 然后選擇 "柵格化"。然后, 轉(zhuǎn)到 "窗口" > "樣式" 以打開 "樣式" 面板。之后, 單擊 "小葉子" 樣式將其應(yīng)用于柵格化的圖層上。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟5

選擇畫筆工具 (b), 然后選擇 "葉子a"Leaves A畫筆。然后, ctrl加單擊文本基礎(chǔ)圖層的縮略圖, 在文本周圍創(chuàng)建一個選區(qū)。之后, 選擇多邊形套索工具 (l), 然后在所選內(nèi)容上右鍵單擊, 然后選擇 "創(chuàng)建工作路徑"。創(chuàng)建容差為 2.0 px 的工作路徑。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟6

請確保在下一步前, 檢查畫筆不透明度和填充是否設(shè)置為100%。

轉(zhuǎn)到 "窗口" > "路徑" 以打開 "路徑" 面板。之后, 點擊面板右上角的小圖標, 然后選擇 "描邊路徑"。然后選擇 "工具" 選項上的 "畫筆", 取消選中 "模擬壓力" 框, 然后單擊 "確定"。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟7

現(xiàn)在, 我們將創(chuàng)建另一個圖層, 并對其應(yīng)用第二個筆畫, 使文本的邊緣看起來更加逼真。按 ctrl-shift-n 創(chuàng)建一個新圖層, 將其命名為 "葉子邊框", 然后單擊 "確定"。然后, 按住 "ctrl" 并單擊 "基礎(chǔ)文本" 圖層的縮略圖以創(chuàng)建另一個選區(qū)。之后, 再次選擇多邊形套索工具 (l), 并創(chuàng)建另一個工作路徑, 就像我們以前所做的那樣。請注意不要在 "圖層" 面板上選擇 "基礎(chǔ)文本" 圖層 (必須保留 "葉子邊框" 圖層)。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟8

再次選取畫筆工具 (b), 然后選擇 "葉子b" 畫筆。然后, 轉(zhuǎn)到 "路徑" 面板, 右鍵單擊 "工作路徑", 然后選擇 "描邊路徑", 就像我們以前一樣。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟9

再次轉(zhuǎn)到 "路徑" 面板, 然后刪除 "工作路徑"。然后轉(zhuǎn)到 "樣式" 面板, 單擊 "讓葉子邊框變小" 樣式, 將其應(yīng)用于我們剛剛創(chuàng)建的邊框。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟10

現(xiàn)在, 我們需要將所有文本圖層轉(zhuǎn)換為一個智能對象。按住 "ctrl" 鍵, 然后單擊以選擇 "文本 bkp"、"基礎(chǔ)文本" 和 "葉子邊框" 圖層。然后, 右鍵單擊其中一個, 然后選擇 "轉(zhuǎn)換為智能對象"。之后, 將新的智能對象重命名為 "樹葉"。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟11

現(xiàn)在我們需要在文本中添加一些陰影。雙擊 "樹葉" 圖層以打開 "圖層樣式" 窗口。然后, 添加具有以下設(shè)置的投影:

混合模式: 正片疊加

顏色: #000000

不透明度: 63%

使用全局光: 關(guān)閉

角度: 0°

距離: 5 像素

大小: 9 像素

等高線: 線性

抗鋸齒: 開

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟12 

使用以下設(shè)置添加內(nèi)陰影:

混合模式: 強光

顏色: #000000

不透明度: 60%

使用全局光: 關(guān)閉

角度: 180°

距離: 8 像素

大小: 2 像素

等高線: 線性

然后單擊 "確定" 關(guān)閉 "圖層樣式" 窗口。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟13

按ctrl-j 復(fù)制當(dāng)前圖層。然后將副本重命名為 "樹葉陰影", 將其 "填充不透明度" 更改為 0%。 之后, 雙擊 "葉陰影" 圖層, 再次打開 "圖層樣式" 面板。然后, 刪除內(nèi)部陰影篩選器, 并使用以下設(shè)置編輯投影:

混合模式: 正片疊加

顏色: #000000

不透明度: 19%

使用全局光: 關(guān)閉

角度: 0°

距離:15 像素

擴展: 26%

大小: 7 像素

等高線: 線性

抗鋸齒: 開

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟14

讓我們從紋理中去除一些雜色。

選擇 "葉子" 圖層, 然后轉(zhuǎn)到 "雜色" > "減去雜色"。

使用這些設(shè)置:

強度:10

保留細節(jié): 11%

減少雜色: 8%

銳化細節(jié): 19%

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟15

葉子看起來有點模糊, 所以讓我們給它添加一個非常微妙的銳化。轉(zhuǎn)到 "濾鏡" > "銳化" > 智能銳化, 并使用以下設(shè)置:

數(shù)量: 66%

半徑: 0.5 像素

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟16

現(xiàn)在讓我們把葉子變得更綠一點。我們將使用漸變映射調(diào)整層。選擇 "葉子" 圖層, 然后轉(zhuǎn)到 "窗口" > "調(diào)整"。然后單擊 "創(chuàng)建新的漸變" 圖標以創(chuàng)建新的漸變地圖圖層。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟17

將 "漸變映射" 圖層重命名為 "葉子顏色", 并將其不透明度更改為50%。之后, 右鍵單擊同一圖層, 然后選擇 "創(chuàng)建剪裁蒙版http://www.theoat.com.cn/tags/38847/"。然后雙擊其縮略圖以打開 "屬性" 面板。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟18

單擊漸變欄并使用以下設(shè)置對其進行編輯:

第一: #031000 位置: 5%

第二: #054c2b 位置: 26%

第三: #106905 位置: 42%

第四: #86ff5c 位置: 87%

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

4.完成作品并加點點綴

步驟1

讓我們在文本下面創(chuàng)建一個非常簡單的陰影。選擇圓角矩形工具 (u), 并在 "葉子陰影" 圖層的正下方創(chuàng)建一個黑色水平矩形。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟2

右鍵單擊 "圓角矩形" 圖層, 然后選擇 "轉(zhuǎn)換為智能對象"。然后轉(zhuǎn)到 "濾鏡" > "高斯模糊", 并將其設(shè)置為 6 px。之后, 將圓角矩形圖層的不透明度設(shè)置為71%。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn

步驟3

從素材包里面摳出一些樹葉,樹枝吧他們放到文字上面,然后把鳥扣出來放到你覺得合適的位置,并添加細節(jié)。

立體字,用PS制作綠葉構(gòu)成的3D立體字_www.theoat.com.cn想學(xué)更多請訪問www.theoat.com.cn

通過教程來學(xué)習(xí)一下吧,相信通過教程來學(xué)習(xí)一下吧,相信你可以做的更好。

學(xué)習(xí) · 提示

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

AonLice2020-03-02 06:27
按部就班,就這樣完成了,但實際上,也就了解這些陌生的操作完成了陌生的效果而已...沒怎么學(xué)會內(nèi)容..

PS教程學(xué)習(xí)者2020-02-26 05:12
AAA嫻妮2019-12-16 03:55
畫筆在哪?
奧利啊2019-09-15 11:31
哪個zip在哪里領(lǐng)取呢?就是哪個樹葉生成器
魔風(fēng)狂影2019-03-29 03:26
有點難這個
南海風(fēng)2019-03-28 09:12
贊一個

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

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