Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何在Adobe Photoshop中創建草堆的文字特效

by
Difficulty:IntermediateLength:LongLanguages:

Chinese (Traditional) (中文(繁體)) translation by Shu Wu (you can also view the original English article)

Final product image
What You'll Be Creating
這個教程是2013年在 Tuts+ Premium上的教程,現在免費給大家查看。雖然這個教程並沒有使用 Adobe Photoshop的最新版本,但是裡面使用的技巧和步驟現在依然適用。

我們快進入秋季 (在世界某些地區) 許多設計師可能會想著如何打造秋天靈感的藝術品來完成他們的專案。 在這個教程裡面,我們將使用Photoshop的三維功能來製作一個草堆文字特效。我們開始吧!

想節省時間?你亦可以考慮使用 GraphicRiver上的驚人的高品質文字效果模板。或從 Envato工作室中尋找你排版需求的有才華的專業人士。

查看快速視頻

教程資源

你將需要以下資源完成本教程。在你開始之前,請下載它們。如果它們不可用,或如果你不願意付錢,也可隨便其它圖片代替。

1.如何創建基本的圖層和佈局

第 1 步

  • 打開下載好的稻田圖片。
  • 選擇圖片 >圖片尺寸,改變它的尺寸如下圖所示。
Create Basic Layers and Layout

第 2 步

現在你將在原始圖片作為智能對象。你需要有一大捆草在稻田前。

  • 打開迷你橋
  • 選擇你的影像檔。
  • 選擇它,並拖拽它到你的畫布上。
  • 將其名稱更改為"Harvest_final"。
Create Basic Layers and Layout

第 3 步

路徑面板中,創建新的路徑並稱之為"乾草團"。使用鋼筆工具 (P)並沿著草堆的周圍繪製一個形狀。 按虛線的圓圈 [1]從這條路徑創建一個選區。或者你可以按Command並點擊路徑縮略圖標,進行選區選擇

Create Basic Layers and Layout

第 4 步

點擊Command+J來創建一個新的圖層。把它叫做"乾草捆 1"。

Create Basic Layers and Layout

第 5 步

複製此圖層兩次 (Command+J)。將它們放置在螢幕截圖裡,使用變形工具 (Command+T)你以後還會調整其位置

Create Basic Layers and Layout

2.如何創建 3D 字體

第 1 步

激活文字工具,在畫布中心上輸入"HARVEST"字樣。將文字類型設置為截屏模式。

Create 3D Typography

第 2 步

Command+T 調整文字以便適合畫布的位置。單擊滑鼠右鍵並從選定的圖層擠壓3D圖形

Create 3D Typography

第 3 步

在 3D 面板中選定的場景,使用 3D 變形工具調整排版的位置。讓左、 右兩邊的邊距相等。

  • 使用 3d 變形工具來定位字母︰
  • [1] 旋轉將允許你對物體在 X、 Y 和 Z 軸旋轉。
  • [2] 捲軸將允許你旋轉屏幕中的物體。
  • [3] 拖動將允許妳在所有方位移動物體。
  • [4] 幻燈片將基於當前選定物件的 XYZ 軸,拉近或推遠你的視線。
  • [5] 規模縮放將使所選的物件更大或更小。
Create 3D Typography

第 4 步

依照截圖設置環境的位置。你可以在鍵入數值以加快這個步驟

Create 3D Typography

第 5 步

當前視圖位置設置如下圖所示。

Create 3D Typography

第 6 步

3D 面板中選擇網格對象(Mesh )更改擠出深度

Create 3D Typography

第 7 步

選擇選項,在其屬性面板中關閉陰影 [1]。更改此層名字為 "HARVEST 擠壓"。

Create 3D Typography

第 8 步

複製擠壓的文字圖層類製造場景的陽光效果。

  • 重複的擠壓的文字圖層。
  • 改變圖層名字為“HARVEST 陰影”
  • 將其拖動到“HARVEST擠壓”圖層下面。
  • 打開陰影選項,並通過拖動小光源 [3]來調整其位置。
  • 嘗試匹配圖中陰影的方向。
Create 3D Typography

第 9 步

現在,選擇HARVEST擠壓圖層,滑鼠右鍵單擊功能表,選擇柵格化 3D。

Create 3D Typography

3.如何調整乾草堆的位置

第 1 步

選擇"Harvest_final"圖層 [1],然後關閉其可見眼鏡圖標。然後選擇"草堆 1"圖層 [2] 並使用Command+T 調整大小。將其移動到"S"字母的前面,如下圖片所示。

Adjust Placement of Hay Bales

第 2 步

選擇 [1]"草堆 3"圖層並拖動它到"HARVEST extrusion"圖層下面。選擇Command+T 啟動自由變換。如圖中所示,移動它到字母"T"的後面。

Adjust Placement of Hay Bales

第 3 步

現在選擇"草堆 2"圖層,點擊Command+T 啟動自由變換。將其移至字母"H"前面,如圖所示。

Adjust Placement of Hay Bales

第 4 步

關閉圖層"HARVEST陰影"[1]的可見度。然後複製"背景"層 [2]。

Adjust Placement of Hay Bales

第 5 步

激活克隆圖章工具 (S) 和繪製草來隱藏圖像 [1] 中多餘的部分。

Adjust Placement of Hay Bales

第 6 步

接著繪製草直到舊的的草堆被遮蓋住。

Adjust Placement of Hay Bales

第 7 步

選擇"草堆 2"圖層和使用克隆圖章工具繪製,直到草堆和田野之前沒有空隙。

Adjust Placement of Hay Bales

第 8 步

選擇"草堆 3"層和並使用克隆圖章工具,直到草堆和田野之前沒有空隙。

Adjust Placement of Hay Bales

第 9 步

選擇"草堆 1"圖層和並使用克隆圖章工具,直到草堆和田野之前沒有空隙。

Adjust Placement of Hay Bales

4.如何創建帶紋理的文字

第 1 步

圖層面板中選擇"Harvest_final"智能對象圖層,在路徑面板中選擇"草堆"路徑 。按虛線圈 [1] 選擇選區,然後按Command+J 兩次,以創建新的圖層。

Create Textured Letters

第 2 步

更改這些圖層的名字為“擠壓基礎[1]”和“擠壓文字[2]”。確認擠壓基礎在這些圖層之上。

Create Textured Letters

第 3 步

選擇"HARVEST擠壓"圖層,選擇魔法棒工具 (W),按一下前面的HARVEST字母創建一個選區

Create Textured Letters

第 4 步

關閉"HARVEST擠壓“和和"擠出基礎"圖層 [1]的可見度"。選擇"基地文字"層,啟動克隆圖章 (S) 圖層。

Create Textured Letters

第 5 步

開始複製草堆前面的文字。

  • 設置克隆規模80%[1]。這種方式你讓你有空間感。離你很遠的紋理都會比較小。
  • 確定左 Alt 選定,設置乾草捆的中心為克隆源
  • 從字母"H"的中心開始繪制。
Create Textured Letters
Create Textured Letters

第 6 步

你繪製完整個字母後才需更改克隆源的位置。要注意的細節。 克隆左側的字母克隆左側的捆草。應用這種方式你的字母會有一個螺旋形狀的乾草的形象。

Create Textured Letters
Create Textured Letters
Create Textured Letters

第 7 步

你紋理完成後的效果如下。

Create Textured Letters

第 8 步

複製紋理直到字母“V”有草的紋理。在克隆源的屬性板,更改克隆大小65% [1]。餘下的HARVEST字母會離我們比較遠,所以紋理相對也比較小。

Create Textured Letters

第 9 步

確定左Alt鍵被選定,使用草堆的中心來設置克隆源並開始繪製紋理。

Create Textured Letters
Create Textured Letters
Create Textured Letters

第 10 步

然後,使用矩形的選擇 (M) 選擇超過了克隆圖章的捆草。

Create Textured Letters

第 11 步

Delete可刪除不必要的元素。

Create Textured Letters

第 12 步

打開“擠壓基地"圖層的可見度,並將它拖動到"前線基地"圖層的下面。然後按Command並點擊"Harvest擠壓"圖層的縮覽圖以創建一個選區。

Create Textured Letters
Create Textured Letters

第 13 步

現在你將克隆到字母的擠壓面紋理。

  • 選擇"擠壓層"[1]。
  • 設置克隆規模80%[2]。以匹配前面的紋理規模。
  • 確證左Alt鍵被選擇,選擇草堆的側邊設置克隆源
  • 開始繪製字母 "H"。
Create Textured Letters

第14步

時不時改變你的克隆源,確保和草堆的紋理相似。

Create Textured Letters
Create Textured Letters

第 15 步

複製這個紋理到其它的字母上。

Create Textured Letters

第16步

要在字母"S/T"中創建一個鋒利的邊框,請選擇套索工具 (L) 與上方的"S"(見圖片),和反轉按命令改變我。在特寫來調整紋理工作。

Create Textured Letters

第十七步

現在細化上字母"S",將其形狀匹配的紋理。乾草股應遵循的方向的邊緣的這封信。

  • 使用多邊形套索 (L) [1]工具,選擇字母"S"的下半部分,並按Command+Shift+I進行反選。
  • 鎖定"擠壓基地"圖層 [2]的透明度
  • 克隆源面板中,更改克隆的角度為 180 ° [3]。
  • 克隆稻草紋理來完善它的外觀。
Create Textured Letters

第 18 步

現在按Command+Shift+I [1,] 再一次地反選內容,然後按Command+J創建一個新圖層,稱之為"S End"[2]。

Create Textured Letters

第 19 步

使用矩形框選擇 (M)框住克隆源的草堆,然後按刪除

Create Textured Letters

第20步

如截圖所示,更改圖層順序。將字體圖層分為不同組別。若要快速建立一個組別,選擇的圖層並按Command+G.將所有字體圖層拖動"捆草 2"圖層的下面。

Create Textured Letters

5.如何創建字母的陰影

第 1 步

選擇智能對象[1]"Harvest_final"。在路徑面板中,選擇"乾草堆"路徑並創建一個選區。按住 Command 鍵並同時按路徑縮覽圖,創建選區。

Create Shadow of Letters

第 2 步

點擊 Command+J創建新的圖層,稱其為“3D 陰影”,將這層提到字體層的前面。

Create Shadow of Letters

第 3 步

激活橡皮擦工具 (E)刪除草堆的上半部分。

Create Shadow of Letters

第 4 步

打開"HARVEST 陰影"的圖層的可見度瞭解如何在新創建的部份克隆陰影。

Create Shadow of Letters

第 5 步

現在按Command+J,複製圖層 [1],並將它拖到"HARVEST陰影"圖層只下。然後按Command+T 啟動變形工具並將其移動到字母"A"的下面。

Create Shadow of Letters

第 6 步

當你滿意你的陰影位置的時候,按住Command並點擊圖層圖標 [1]創建選區,按Command+C複製它。

Create Shadow of Letters

第 7 步

Command+V粘貼這個圖形到另一個圖層,並啟動變形工具 (Command+T)。把它放在字母"R"圖層之下。

Create Shadow of Letters

第 8 步

再次複製粘貼這個圖形,將其放置在字母“V”之後。重複上述動作直到每個圖層都有它們對應的陰影。你可以在下一個步驟來調整細節。

Create Shadow of Letters

第 9 步

選擇"3D陰影"圖層,將其和字母分離開以便你更好的觀察紋理。關閉"HARVEST 陰影"的3d物件。

Create Shadow of Letters

第 10 步

使用橡皮擦工具 (E),抹去任何不屬於他們在地上影子的部份。為每個字母做這個步驟。

Create Shadow of Letters

第 11 步

選擇所有的陰影圖層,將它們合併到一個圖層。請按Command+ E 並選定所有圖層 [1]。然後,用橡皮擦工具 (E),刪除不必要的圖形 [2] 並開始混合陰影到地面上。

Create Shadow of Letters

第 12 步

現在啟動克隆圖章工具 (S) 並如圖片所示從草堆設置克隆源。開始繪製陰影。

Create Shadow of Letters

第 13 步

複製直到妳得到一個看上去真實的陰影。注意通過從圖片克隆小部分,可以為妳的設計添加的非常漂亮的細節。 有些乾草比其它的要突出,所以陰影邊緣是模糊和不均勻的。

Create Shadow of Letters
Create Shadow of Letters

第14步

現在,使用矩形工具 (M),選擇你妳克隆的捆草,按Command+X 剪切它。

Create Shadow of Letters

第 15 步

將其粘貼在字體層之上,命名為"影子頂部"。

Create Shadow of Letters

第16步

現在你將再次克隆股的乾草。這些股是在字母前面。所以將它們添加仔細嘗試模仿/複製的地方在哪裡乾草感人的茬。

Create Shadow of Letters

第十七步

使用矩形選框工具選擇你用作克隆源的部分並將其刪除

Create Shadow of Letters

第 18 步

縮小以查看陰影是否看起來真實。你的作品應該和我下面這個很像。

Create Shadow of Letters

6.如何繪製一根根的稻穗條

第 1 步

打開筆刷設置,設置動態形狀如下圖所示。我使用手繪板來繪製,所以我的壓感鋼筆筆壓

Paint Stray Strands of Hay

第 2 步

打開筆刷設置,設置動態顏色如下圖所示。這樣在Photoshop中它會使用前景色為筆刷的起點色,背景色為筆刷的終點色

Paint Stray Strands of Hay

第 3 步

現在,更改其變化以調節單一描邊的不透明度

Paint Stray Strands of Hay

第 4 步

使用吸管工具來獲取前景色背景色。創建一個新的圖層,稱為"稻穗條"。

Paint Stray Strands of Hay

第 5 步

開始使用筆刷工具繪製。將其大小設置為2像素,並時不時改變筆刷大小為1像素以讓它有變化。 讓筆刷跟著草堆的紋理來繪製,另外繪製一些不同方向的稻穗條。這種方式會讓妳的乾草堆字母看起來更加真實。

Paint Stray Strands of Hay

第 6 步

現在用同樣的方法繪製餘下的字母。

Paint Stray Strands of Hay

第 7 步

你的作品將如下圖所示。

Paint Stray Strands of Hay

第 8 步

現在,添加另一個圖層,稱之為"遊蕩回來"。這一次圖層應放置在字體圖層組的下面。繪製一些稻草為後面的字母添加生氣。

Paint Stray Strands of Hay

第 9 步

繼續繪製,直到你的字母有一點“毛茸茸”的感覺。

Paint Stray Strands of Hay

第 10 步

現在是打破技術的时候啦,我们来看字母的邊緣。選擇"前線基地"圖層,为其添加蒙版,涂抹邊緣让它们看起来参差不齐。

Paint Stray Strands of Hay
Paint Stray Strands of Hay

第 11 步

这一层的蒙版看起来应该和图示一样。如需顯示/隱藏蒙版,按住左Alt键並按一下蒙版縮覽圖 [1]。

Paint Stray Strands of Hay

第 12 步

现在我们为字母挤出的部分添加蒙版吧。選擇"擠壓基地"圖層添加蒙版並繪製如下。

Paint Stray Strands of Hay
Paint Stray Strands of Hay

第 13 步

現在我們需要添加一個新的圖層來為字母帶來一點陽光。創建一個新圖層,並命名它為“強太陽”,並創立剪裁遮色片。(按住Alt 鍵在“強太陽”和“擠壓基地”兩個圖層中間的線點擊一下。) 選擇顏色 #AD8144 和然後在字母周邊開始塗抹。注意每個筆觸要應用不同的透明度。

Paint Stray Strands of Hay

第14步

為這層添加一個蒙版,創建筆觸模仿陽光從後面照射過來的效果。。

Paint Stray Strands of Hay

第 15 步

更改混合模式[1]柔光。現在字母上有更多的金色陽光。

Paint Stray Strands of Hay

7.如何在字母上添加額外的陰影。

第 1 步

在"S end"上添加一個新的圖層,稱之為 "S sh".創建一個剪裁遮色片(按住Alt 鍵在兩個圖層中間的線點擊一下)。將圖層混合模式更改為正片疊底

Add Additional Shadows on Letters

第 2 步

添加另一個圖層,並稱之為"S sh 黑暗",和改變其混合模式正片疊底。用暗棕色繪製字母"S"來製造著地的感覺。

Add Additional Shadows on Letters

第 3 步

創建另一個新的圖層“底處陰影”,將其放置在“前部基地”之上,設置混合模式正片疊底。這個時候需要將字母上的陰影和地上的陰影很好的融合起來。

Add Additional Shadows on Letters

第 4 步

z建立另一個陰影圖層"T Sh"將其圖層屬性設置為正片疊底,並使用多邊形套索 (L)來創建選區。

Add Additional Shadows on Letters

第 5 步

如圖所示繪製陰影。以兩到三筆的不同的強度來繪製陰影。

Add Additional Shadows on Letters

第 6 步

創建另一個陰影圖層 "S Sh" ,設置為正片疊底,用套索工具繪製一個選區。

Add Additional Shadows on Letters

第 7 步

創建另一個陰影圖層"S Sh"並做出選區。用顏色桶工具 (G) 並使用棕色填充它。

Add Additional Shadows on Letters

第 8 步

刪除所選內容,選擇濾鏡 > 模糊 > 高斯模糊,設置其半徑4.8 像素

Add Additional Shadows on Letters

第 9 步

設置這一圖層的混合模式正片疊底

Add Additional Shadows on Letters

第 10 步

添加另一圖層:“S sh top”並設定為疊加,使用套索工具製作選區並繪製陰影。

Add Additional Shadows on Letters

第 11 步

添加一個圖層"V sh" 並將圖層樣式設置為疊加,繪製陰影。

Add Additional Shadows on Letters

第 12 步

添加另一個圖層"R sh",並將圖層樣式設置為疊加,繪製陰影。

Add Additional Shadows on Letters

第 13 步

添加一個"A sh"圖層,並將圖層樣式設置為疊加,繪製陰影

Add Additional Shadows on Letters

第十四步

添加另一個"H sh"圖層,並將圖層樣式設置為正片疊底,繪製陰影。

Add Additional Shadows on Letters

第 15 步

現在你完成這個教程了。你創建了一個草堆式的文字。

Add Additional Shadows on Letters

哇,這是一個令人驚嘆的設計!

在這個教程中,我教妳如何在Photoshop中創建秋天效果的文字效果。 我希望你在這個教程裡面學到的技能可以讓你學以致用,可以讓你的作品更加精彩。

Hay Grass Text Effect Photoshop Tutorial

在GraphicRiver上,根據自然為靈感的文字特效。

讓你的字體設計充滿大自然的氣息吧。 在GraphicRiver上下載一個驚艷的

真實草地的Photoshop預設動作

只按一個按鈕你就可以得到一個真實的草的外觀!這個設計包有可供你文字或是設計對象使用的的一鍵式變草效果的預設動作。 當然也有簡單的產品使用說明書讓妳更易上手。

Realistic Grass Effect Photoshop Action
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.