莫b

本譯文教程給大家的講解了如何創建樹葉覆蓋文本的效果,有興趣的可以往下,跟著教程一起做吧!

1. 如何創建背景

步驟1

使用以下設置創建新文檔:

名稱: 樹葉文字效果

尺寸: 850 x 553 像素

分辨率:72 dpi

顏色模式: rgb 顏色8位

背景內容: 自定義 #193333

 

步驟2

雙擊 “背景” 圖層并將其重命名為 bg。然后右鍵單擊它, 然后選擇 “轉換為智能對象”。

 

步驟3

轉到濾鏡 > 雜色 > 添加雜色并使用以下設置:

數量:1.12%

分布: 高斯

單色: 開

 

步驟4

現在雙擊 bg 圖層以打開 “圖層樣式” 面板。然后使用內發光并設置以下參數:

混合模式:正片疊底

不透明度: 65%

雜色: 0%

顏色: #102a50

方法: 柔和

源: 邊緣

阻塞: 26%

大小: 250 像素

等高線: 線性

抗鋸齒: 開

范圍: 100%

抖動: 0%

之后, 單擊 “確定” 關閉 “圖層樣式” 窗口。

 

2. 如何創建樣式

步驟1

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

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

 

步驟2

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

 

步驟3

雙擊文本圖層以打開 “圖層樣式” 窗口。然后, 使用以下設置添加圖案疊加:

混合模式: 正常

不透明度: 100%

模式: 樹葉生成器紋理

縮放: 100%

與圖層的鏈接: 打開

 

步驟4

現在, 使用以下設置添加漸變疊加:

混合模式: 疊加

不透明度: 25%

漸變: 黑色、白色

樣式: 線性

角度: 90°

縮放: 100%

 

步驟5

使用以下設置添加內發光:

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

不透明度: 60%

顏色: #acff62

方法: 柔和

源: 邊緣

尺寸:17 像素

等高線: 線性

抗鋸齒: 開

范圍: 100%

 

步驟6

使用以下設置添加內陰影:

合模式: 強光

顏色: #122d02

不透明度: 100%

使用全局光: 關閉

角度:-180°

距離:15 像素

大小:11 像素

等高線: 線性

抗鋸齒: 關閉

 

步驟7

使用以下設置添加斜面和浮雕:

樣式: 內斜面

方法: 平滑

深度: 178%

方向: 向上

尺寸: 4 像素

軟化: 6 像素

使用全局光: 關閉

角度:-135°

高度: 32°

光澤度: 滾動坡度-遞減

抗鋸齒: 開

高光模式: 濾色

高光顏色: #e1ff90

高光不透明度: 31%

陰影模式: 暗色

陰影顏色: #000000

陰影不透明度: 22%

 

步驟8

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

 

步驟9

現在停用內發光, 并使用以下設置調整內陰影:

混合模式: 強光

顏色: #122d02

不透明度: 43%

使用全局光: 關閉

角度:-180°

距離:15 像素

大小:42 像素

等高線: 線性

 

步驟10

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

 

3. 進入制作效果環節

步驟1

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

 

步驟2

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

 

步驟3

按ctrl+d 刪除所選內容。之后, 按ctrl+j 復制圖層。然后, 將副本重命名為 “基礎文本”。

 

步驟4

右鍵單擊 “基礎文本” 圖層, 然后選擇 “柵格化”。然后, 轉到 “窗口” > “樣式” 以打開 “樣式” 面板。之后, 單擊 “小葉子” 樣式將其應用于柵格化的圖層上。

 

步驟5

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

 

步驟6

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

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

 

步驟7

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

 

步驟8

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

 

步驟9

再次轉到 “路徑” 面板, 然后刪除 “工作路徑”。然后轉到 “樣式” 面板, 單擊 “讓葉子邊框變小” 樣式, 將其應用于我們剛剛創建的邊框。

 

步驟10

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

 

步驟11

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

混合模式: 正片疊加

顏色: #000000

不透明度: 63%

使用全局光: 關閉

角度: 0°

距離: 5 像素

大小: 9 像素

等高線: 線性

抗鋸齒: 開

 

步驟12

使用以下設置添加內陰影:

混合模式: 強光

顏色: #000000

不透明度: 60%

使用全局光: 關閉

角度: 180°

距離: 8 像素

大小: 2 像素

等高線: 線性

然后單擊 “確定” 關閉 “圖層樣式” 窗口。

 

步驟13

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

混合模式: 正片疊加

顏色: #000000

不透明度: 19%

使用全局光: 關閉

角度: 0°

距離:15 像素

擴展: 26%

大小: 7 像素

等高線: 線性

抗鋸齒: 開

 

步驟14

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

選擇 “葉子” 圖層, 然后轉到 “雜色” > “減去雜色”。

使用這些設置:

強度:10

保留細節: 11%

減少雜色: 8%

銳化細節: 19%

 

步驟15

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

數量: 66%

半徑: 0.5 像素

 

步驟16

現在讓我們把葉子變得更綠一點。我們將使用漸變映射調整層。選擇 “葉子” 圖層, 然后轉到 “窗口” > “調整”。然后單擊 “創建新的漸變” 圖標以創建新的漸變地圖圖層。

 

步驟17

將 “漸變映射” 圖層重命名為 “葉子顏色”, 并將其不透明度更改為50%。之后, 右鍵單擊同一圖層, 然后選擇 “創建剪裁蒙版”。然后雙擊其縮略圖以打開 “屬性” 面板。

 

步驟18

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

第一: #031000 位置: 5%

第二: #054c2b 位置: 26%

第三: #106905 位置: 42%

第四: #86ff5c 位置: 87%

 

4.完成作品并加點點綴

步驟1

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

 

步驟2

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

 

步驟3

從素材包里面摳出一些樹葉,樹枝吧他們放到文字上面,然后把鳥扣出來放到你覺得合適的位置,并添加細節!(當然在素材包里面我已經做好了你可以直接用,但是我還是希望你能自己動手做做)好了今天的教程到這里就結束了!下期見!(若發現教程有錯誤的地方歡迎加我微信提出)

 

原文地址:envatotuts+

原文作者:Anderson Luiz

譯文地址:UI中國

譯文作者:米夏小雨

 

轉載請注明:學UI網 » 如何在photoshop中創建樹葉覆蓋文本的效果

登錄收藏
 
你可能喜歡的:
AI+PS繪制扁平滑輪少女風格插畫AI+PS繪制扁平滑輪少女風格插畫
夢幻插畫-日出創作過程夢幻插畫-日出創作過程
LOGO設計的技巧與法則LOGO設計的技巧與法則
不會手繪?如何做出精美手繪效果不會手繪?如何做出精美手繪效果
中英文字體的分類與運用中英文字體的分類與運用
成功建立視覺品牌識別的20個有用技巧成功建立視覺品牌識別的20個有用技巧
如何快速有效的設計字體LOGO如何快速有效的設計字體LOGO
發現6個世界著名標志隱藏的缺陷發現6個世界著名標志隱藏的缺陷
用Photoshop合成超現實的海洋用Photoshop合成超現實的海洋
【開工大火】時尚炫酷的雷電文字效果【開工大火】時尚炫酷的雷電文字效果
?
陕西快乐10分 聪明的股民多在这里赚钱 彩金捕鱼可以兑换微信红包 制晶体赚钱 T6彩票网址 女孩突然努力赚钱什么 燕塘牛奶怎么赚钱 卖男女运动鞋赚钱吗 招募患者赚钱么 现在不花钱的项目赚钱 支付宝里面哪里可以赚钱 四川三人麻将规则 流放之路化石赚钱 为什么赚钱要到一线城市 批发快递纸箱赚钱吗 小视频凭什么赚钱的 坐着轻松赚钱