Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何在Adobe Photoshop中創建一個80年代感覺的銀色字體效果

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
How to Create a Galaxy Text Effect in Adobe Photoshop
This post is part of a series called Retro Text Effect Tutorials.
Create a Retro Gold Leather Text Effect in Adobe Photoshop
How to Create a Vintage Movie Text Effect in Adobe InDesign

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

Final product image
What You'll Be Creating

本教程將向妳展示如何使用Photoshop的圖層樣式和濾鏡以及預設動作,紋理和圖案來創建復古的80年代感覺的銀色文字效果。讓我們開始吧!

此文字效果是受很多在GraphicRiver上的圖層樣式啟發的。

教程的資源

在本教程的製作過程中使用了以下資源︰

1.如何設置圖案和創建背景

第 1 步

打開光滑無縫混凝土圖片,選擇>自定義圖案,設置名稱BG Pattern

Define Pattern

第 2 步

創建一個新的1000 x 700 像素的文檔。複製背景圖層兩次並將第二副本的填充值更改為 0

Create the Background Layers

第 3 步

雙擊背景副本圖層應用漸變疊加效果,設置如下︰

  • 確認防抖框被選中
  • 風格︰ 徑向
  • 角度︰ 15
  • 規模︰ 90%
  • 創建漸變填充,左邊和右邊的顏色浮標分別為#201a1a#b9a8a4
Create a Gradient Overlay

第 4 步

確認妳仍然在圖層樣式選框中,在文檔中點擊並拖動產生漸變。

Move the Gradient Fill

第 5 步

雙擊背景副本 2 圖層應用圖案疊加效果,設置如下︰

  • 混合模式︰色彩增值
  • 圖案︰ BG Pattern
Pattern Overlay

這是其中一種應用圖案的方法,我們將使用在本教程後面講到另一個方法。

Background

2.如何創建和調整文字間距

第 1 步

使用Argon字體創建文本並將字體大小設置為 225 pt

Create the Text

第 2 步

文字面板中,將設置兩個字元的字間距Kerning光學Optical.。

你會注意到一些字元的間距似乎並不均勻,我們接下來來解決這個。

Kerning

第 3 步

選擇要調整的字母,並根據需要更改其Tracking字間距

Tracking

第 4 步

給你的文字用不同的字間距值,知道妳得到你想要的效果。

Tracking

3.如何創建智能文本對象

第 1 步

雙擊文字圖層應用漸層覆蓋效果,使用stove pipe10來填充。

Gradient Overlay

第 2 步

將文本圖層重命名為文本鼠標右鍵點擊它,然後選擇轉換為智能對象。

Convert to Smart Object

4.如何記錄一個簡單的擠壓動作

第 1 步

打開動作面板,在面板底處點擊創建新的動作按鈕,在命名欄輸入擠壓,點擊確認

Create New Set

第 2 步

在面板的底部,按一下創建新動作圖標,在命名欄中,鍵入播放並按下記錄

Create New Action

第 3 步

Command+J複製文字層

Duplicate the Text Layer

第 4 步

Command+T 進入自由變換模式

Free Transform Mode

第 5 步

選項欄中,在 W H 的位置中間,按一下保持縱橫比的圖標,並將值設置為 99.9%

Scale Down

第 6 步

按一下向下的方向鍵來將文本向下微移1 px

Nudge Downwards

第 7 步

點擊回車鍵確認這些變化。現在你可以看到妳之前做的步驟都被記錄下來了。

在預設動作面板底部,點擊停止錄製按鈕。

Stop Recording

5.如何創建擠壓

第 1 步

按一下動作面板底部的播放選擇圖標10 次,以創建10個這個類型。

Create the Extrusion Copy Layers

第 2 步

選擇所有文本複製圖層,將它們拖到原始文本圖層下面,選擇圖層 > 排列 > 反轉。

這將使第一層置於頂端,最後一層在最後面。

Reverse Layers Order

第3步

將選定的複製圖層放入一個,並稱之為擠壓

Extrusion Group

第4步

複製最後的文本圖層 (文字複製 11Text copy 11),拖動其到擠壓組外部,將它重命名為陰影 1

Shadow 1 Layer

第 5 步

陰影1圖層放入一個並稱其為陰影

Shadow Group

6.如何將前面的文本風格化

雙擊原始文本圖層,並應用下列圖層樣式

第 1 步

添加斜面和浮雕,設置如下︰

  • 大小︰ 0
  • 取消選中使用全域光
  • 角度︰ 55
  • 高度︰ 5
  • 確認抗鋸齒框被選中
  • 突出顯示模式︰強烈光源
    • 陰影模式︰ 加深顏色
      Add a Bevel and Emboss

      第 2 步

      用以下的設置添加描邊

      • 大小︰ 1
      • 位置︰ 內部
      • 混合模式︰ 實光/ 強光
      • 填充類型︰ 漸變
      • 使用stainless steel 101ss(不銹鋼 101ss )為漸變填充
      Add a Stroke

      第3步

      使用下面的設置來,添加內陰影

      • 不透明度︰ 35%
      • 距離︰ 2
      • 大小︰ 5
      Add an Inner Shadow

      第4步

      使用這些設置來添加內發光

      • 混合模式︰ 實光/ 強光
      • 不透明度︰ 35%
      • 顏色︰ #dae8ec
      • 技術︰ 精確
      • 來源︰ 中心
      • 大小︰ 20
      • 輪廓︰ 錐-倒立(Cone - Inverted)
      Add an Inner Glow

      第 5 步

      用如下設置來添加一個漸層覆蓋

      • 確認防抖框被選中
      • 混合模式︰ 覆蓋
      • 選擇反向
      • 使用鋼管30 (steel pipe 30) 為漸變填充
      Add a Gradient Overlay 1

      第 6 步

      漸變覆蓋選項卡的右側按一下 + 的圖標來添加另一個實例,設置如下

      • 確認防抖框被選中
      • 混合模式︰ 柔光
      • 使用下面的漸變填充設置
      Add a Gradient Overlay 2

      第 7 步

      添加一個外發光,設置如下︰

      • 混合模式︰ 亮光
      • 不透明度︰ 50%
      • 顏色︰ #acc4c4
      • 技術︰ 精確
      • 大小︰ 5
      • 輪廓︰ 灣-深Cove - Deep
      Add an Outer Glow

      這樣我們就風格化了第一個文本圖層。

      Styled Text Layer Result

      7.如何將擠壓風格化

      擠壓組內雙擊任何文本複製圖層,應用下列圖層樣式︰

      第 1 步

      添加斜面和浮雕效果,設置如下︰

      • 大小︰ 0
      • 軟化︰ 1
      • 取消選中使用全域光
      • 角度︰ 55
      • 高度︰ 5
      • 確認抗鋸齒框被選中
      • 突出顯示模式︰ 強光
        • 陰影模式:顏色加深
          Add Bevel and Emboss

          第 2 步

          使用這些設置來添加輪廓

          • 輪廓︰ 灣-淺Cove - Shallow
          • 確認抗鋸齒框被選中。
          • 範圍︰ 100%
          Add a Contour

          第 3 步

          鼠標右擊該樣式的圖層,選擇複製圖層樣式

          然後,選擇其餘的擠壓組內的文本複製圖層,鼠標右鍵點擊任意一個,然後選擇粘貼圖層樣式

          Copy and Paste Layer Style

          第 4 步

          雙擊擠壓組並應用漸變覆蓋效果,設置如下︰

          • 混合模式︰ 線性加深
          • 使用爐管10(stove pipe 10) 為漸變填充
          Add a Gradient Overlay 1

          第 5 步

          使用這些設置來添加漸變覆蓋的另一個實例︰

          • 混合模式︰ 疊加
          • 使用爐管155b(stove pipe 155b) 為漸變填充
          Add a Gradient Overlay 2

          這將使擠壓風格化。

          Styled Extrusion Result

          8.如何添加陰影

          第 1 步

          雙擊陰影1圖層,應用顏色疊加效果,並設置顏色黑色

          Apply Color Overlay

          第 2 步

          更改陰影1圖層的填充值為 0 並將其不透明度設置為 50%

          Fill and Opacity Values

          第 3 步

          選擇濾鏡 > 模糊 > 運動模糊

          更改角度-60 距離100,或使用妳喜歡的任何其他值。

          Create a Motion Blur

          第 4 步

          選擇移動工具點擊+拖動陰影層,或使用方向鍵,將陰影放置在文本後面。

          Move the Shadow

          第 5 步

          選擇濾鏡 > 模糊 > 高斯模糊,設置半徑 5 或選擇你喜歡的任何其他值。

          Apply Gaussian Blur

          第 6 步

          為了加強陰影還有使它看起來更加逼真,複製陰影1圖層,並使用不同的數值。

          所以根據需要創建更多個副本圖層,更改他們不透明度模糊濾鏡的值,移動他們直到妳得到你想要的效果。

          Add More Shadow Layers

          9.如何進行最後的潤色

          第 1 步

          鏡頭光暈 25的圖像放置在所有圖層之上,根據需要調整它的大小並改變其圖層的混合模式濾色

          Lens Flare Image

          第 2 步

          選擇圖像 > 調整 > 色相/飽和度並改變飽和度-35

          Change the Hue and Saturation

          第3步

          圖層面板的底部面板按一下創建新填充或調整圖層的圖標,選擇圖案,並使用圖案1填充。

          Add a Pattern

          第4步

          更改圖案圖層的混合模式為疊加並將其不透明度設置為 15%

          這是另一種方式添加的圖案覆蓋的方式,而不是使用圖層樣式。

          Change the Pattern Settings

          第 5 步

          添加顏色查找圖層,並從 3DLUT 文檔功能表中選擇 FoggyNight.3DL 文檔。

          確認防抖動框被選中,然後更改顏色查找圖層的混合模式柔光不透明度50%

          Change the Color Lookup

          第 6 步

          雙擊文本圖層的縮覽圖,打開可編輯文本的文檔,你可以在其中更改該文本並更新原始檔案中的所有副本。

          現在,我們需要做的只是改變畫布的大小以匹配原始文檔的尺寸。

          所以選擇圖像 > 畫布大小,將寬度高度分別設置為1000700

          保存並關閉,然後回到原始文檔。

          Adjust the Canvas Size

          恭喜你!你完成了!

          在這個教程裡,我們用漸變和圖案疊加創建了簡單的背景。接著,我們創建了一個有風格的文本智能對象。

          然後,我們製作了一個預設動作來創建擠壓風格,用幾個濾鏡效果來創建陰影。最後,我們用紋理和圖案覆蓋還有調整圖層完成最後的效果。

          請在下面的評論欄留下妳的意見,評論或是妳的設計作品。

          80s Silver Text Effect Adobe Photoshop Tutorial
          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.