1. Design & Illustration
  2. Text Effects

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

by
Read Time:7 minsLanguages:
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 imageFinal product imageFinal product image
What You'll Be Creating

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

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

教程的資源

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

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

第 1 步

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

Define PatternDefine PatternDefine Pattern

第 2 步

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

Create the Background LayersCreate the Background LayersCreate the Background Layers

第 3 步

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

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

第 4 步

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

Move the Gradient FillMove the Gradient FillMove the Gradient Fill

第 5 步

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

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

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

BackgroundBackgroundBackground

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

第 1 步

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

Create the TextCreate the TextCreate the Text

第 2 步

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

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

KerningKerningKerning

第 3 步

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

TrackingTrackingTracking

第 4 步

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

TrackingTrackingTracking

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

第 1 步

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

Gradient OverlayGradient OverlayGradient Overlay

第 2 步

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

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

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

第 1 步

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

Create New SetCreate New SetCreate New Set

第 2 步

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

Create New ActionCreate New ActionCreate New Action

第 3 步

Command+J複製文字層

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

第 4 步

Command+T 進入自由變換模式

Free Transform ModeFree Transform ModeFree Transform Mode

第 5 步

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

Scale DownScale DownScale Down

第 6 步

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

Nudge DownwardsNudge DownwardsNudge Downwards

第 7 步

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

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

Stop RecordingStop RecordingStop Recording

5.如何創建擠壓

第 1 步

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

Create the Extrusion Copy LayersCreate the Extrusion Copy LayersCreate the Extrusion Copy Layers

第 2 步

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

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

Reverse Layers OrderReverse Layers OrderReverse Layers Order

第3步

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

Extrusion GroupExtrusion GroupExtrusion Group

第4步

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

Shadow 1 LayerShadow 1 LayerShadow 1 Layer

第 5 步

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

Shadow GroupShadow GroupShadow Group

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

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

第 1 步

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

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

      第 2 步

      用以下的設置添加描邊

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

      第3步

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

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

      第4步

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

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

      第 5 步

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

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

      第 6 步

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

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

      第 7 步

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

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

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

      Styled Text Layer ResultStyled Text Layer ResultStyled Text Layer Result

      7.如何將擠壓風格化

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

      第 1 步

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

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

          第 2 步

          使用這些設置來添加輪廓

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

          第 3 步

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

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

          Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

          第 4 步

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

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

          第 5 步

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

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

          這將使擠壓風格化。

          Styled Extrusion ResultStyled Extrusion ResultStyled Extrusion Result

          8.如何添加陰影

          第 1 步

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

          Apply Color OverlayApply Color OverlayApply Color Overlay

          第 2 步

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

          Fill and Opacity ValuesFill and Opacity ValuesFill and Opacity Values

          第 3 步

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

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

          Create a Motion BlurCreate a Motion BlurCreate a Motion Blur

          第 4 步

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

          Move the ShadowMove the ShadowMove the Shadow

          第 5 步

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

          Apply Gaussian BlurApply Gaussian BlurApply Gaussian Blur

          第 6 步

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

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

          Add More Shadow LayersAdd More Shadow LayersAdd More Shadow Layers

          9.如何進行最後的潤色

          第 1 步

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

          Lens Flare ImageLens Flare ImageLens Flare Image

          第 2 步

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

          Change the Hue and SaturationChange the Hue and SaturationChange the Hue and Saturation

          第3步

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

          Add a PatternAdd a PatternAdd a Pattern

          第4步

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

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

          Change the Pattern SettingsChange the Pattern SettingsChange the Pattern Settings

          第 5 步

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

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

          Change the Color LookupChange the Color LookupChange the Color Lookup

          第 6 步

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

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

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

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

          Adjust the Canvas SizeAdjust the Canvas SizeAdjust the Canvas Size

          恭喜你!你完成了!

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

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

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

          80s Silver Text Effect Adobe Photoshop Tutorial80s Silver Text Effect Adobe Photoshop Tutorial80s Silver Text Effect Adobe Photoshop Tutorial
          关注我们的公众号
          One subscription.
          Unlimited Downloads.
          Get unlimited downloads