Filmora
Filmora - 人工智慧影片剪輯軟體
更快、更智慧、更容易剪輯!
立即打開

如何在 Photoshop 中為文字加上外框 [逐步教學]

試試 Filmora 作為替代方案

  • 即時預覽動畫文字外框和自訂路徑。
  • 附加元素並新增效果,無需複雜的關鍵影格或外掛程式。
  • 在單一編輯器中結合文字、視覺效果和音訊,創作動態圖形影片。
免費下載 Filmora 免費下載 Filmora
qrcode-img
掃描以取得 Filmora 應用程式
100% 安全驗證 | 無需訂閱 | 無惡意軟體
robot AI 摘要

在 Photoshop 中為文字新增外框可依據設計需求選擇圖層樣式(適合快速編輯)、轉換為向量形狀(適合無損縮放),或將填滿不透明度降至 0% 製作空心效果;若需將外框文字應用於動態影片與路徑動畫,Wondershare Filmora 是比 Photoshop 更高效的替代方案。
    ● 透過圖層面板的「fx」圖示啟用「筆畫」是最簡單的實心外框作法;若需設計高解析度印刷品或標誌,需右鍵點選文字圖層選擇「轉換為形狀」,將文字轉為可逐點微調的向量路徑;製作純外框的空心文字時,務必將「填滿不透明度」降至 0% 而非調整整體不透明度,以保留筆畫可見度。
    ● Photoshop 僅適合製作 PSD、PNG 或 JPG 等靜態影像,其關鍵影格控制功能較基礎且缺乏文字動畫預設;若需在影片中呈現文字輪廓即時描繪或動態顯現效果,改用 Filmora 處理可免除將專案移至 Adobe After Effects 的繁瑣流程。
    ● 在 Filmora 中製作自訂動態外框時,需使用鋼筆工具沿著文字描繪路徑,接著透過「修剪路徑」功能,將關鍵影格的「結束」參數由 0% 設定至 100%,即可生成線條自動繪製的動態效果,並可使用「路徑跟隨」功能將指定元素附加至該路徑上同步移動。


向 AI 詢問摘要

當您希望文字在背景中脫穎而出時,加入外框通常是最佳解答。為文字加入外框能使其更易於閱讀,並能輕鬆吸引目光。這也能為您的文字增添一些風格和個性,讓整體看起來更完整。

在 Photoshop 中,有幾種方法可以為文字加入外框,具體取決於您想要的效果以及您希望對最終結果有多少控制權。如果您一直在尋找簡單的方法,本指南將逐步引導您了解如何在 Photoshop 中為文字加入外框,並提供實用技巧讓您的設計看起來更時尚。

Photoshop 中的 外框 文字

第 1 部分:如何使用圖層樣式在 Photoshop 中為文字加入外框

最適合:快速編輯、完全可編輯的外框以及日常設計任務。

如果您只需要為標題、縮圖或社群媒體圖形加入乾淨、可調整的外框,這個方法是最簡單的選擇。Photoshop 中的圖層樣式讓您可以隨時調整文字外觀,而不會平面化或失去可編輯性。

如何在 Photoshop 中為文字加入外框

步驟 1
選擇圖層
首先選擇您想要顯示文字的圖層。或者,如有需要可以建立新圖層。然後從工具列中選擇文字工具。
在 Photoshop 中選取文字工具
步驟 2
加入文字
在畫布上的任意位置點選,然後輸入您想要顯示的文字。
步驟 3
開啟圖層樣式
點選圖層面板底部的 FX 圖示,或雙擊圖層本身以開啟圖層樣式視窗。勾選筆畫選項的核取方塊以啟用。
開啟圖層設定
步驟 4
調整筆畫
在筆畫設定中,您可以微調外框:
  • 調整大小滑桿以變更粗細
  • 使用位置來決定外框要位於文字邊緣的內側、外側或置中
調整文字 描邊
步驟 5
選擇顏色和混合模式
點選檢色器以選擇外框顏色。您也可以嘗試使用混合模式下拉選單來決定筆畫如何與文字或背景互動。
步驟 6
套用變更
當您對結果滿意時,按下OK以確認並將外框文字效果套用到您的影像。

第 2 部分:如何將文字轉為向量外框

最適合:可縮放設計、標誌和高解析度印刷圖形。

與使用圖層樣式相比,此方法是將文字轉換為向量形狀。轉換後,每個字母都會變成可編輯的路徑,您可以逐點調整。您可以自由調整大小、每條曲線和角度,而不會損失品質。

外框 文字作為向量 Photoshop

如果您想在 Photoshop 中為文字加入外框,因為您想製作品牌資產、海報或精細的字型設計作品,這個方法非常完美,因為它們需要在任何尺寸下都保持清晰。

如何在 Photoshop 中製作外框文字

步驟 1
轉換為形狀
使用文字 (T)工具建立文字,然後在圖層面板中右鍵點選文字圖層並選擇轉換為形狀。
轉換 文字到圖形
步驟 2
啟用向量編輯
從工具列中選擇任何向量工具(例如直接選取 (A) or 筆型 (P))以顯示文字的錨點和路徑。
選取向量工具
步驟 3
設定外框樣式
使用頂部的選項列(或屬性面板)來設定填色和筆畫。調整筆畫顏色、粗細和對齊方式以定義外框的外觀。
設定 填色 與 描邊
步驟 4
套用變更
當您對結果滿意時,確認您的設定(如有提示請點選確定)以完成向量外框。

第 3 部分:如何製作無填色的外框文字(空心文字效果)

最適合:現代、輕盈且時尚的文字樣式以及疊加效果。

如果之前您學習了如何在文字周圍加入實心外框,這次您也可以在 Photoshop 中為字型加入外框,不同之處在於只有邊框會保持可見。

Photoshop 中的 鏤空 文字效果

這種效果稱為空心文字效果,其中每個字母的內部會變成透明。它為您的設計帶來簡潔、現代的外觀,感覺更輕盈,通常用於極簡主義版面或任何需要時尚而細膩文字處理的創意專案。

如何在 Photoshop 中為文字加入無填色的筆畫

步驟 1
開啟圖層樣式

選擇您的文字圖層並雙擊圖層縮圖(或點選圖層面板底部的FX)。

按兩下 按一下文字圖層

在左側清單中,點選混合選項:預設並將填滿不透明度一路拖曳至 0%(將不透明度保持在 100%),直到只剩下外框可見。點選OK以儲存變更。

將 填色 不透明度設定至 0

提示:使用填滿不透明度,而非不透明度。填滿不透明度會隱藏文字填色,但保持圖層樣式(如筆畫)可見。

步驟 2
啟用筆畫並使填色透明

勾選筆畫,然後設定大小、位置(通常外側效果最佳)和顏色。

要使用向量外框達成相同的空心文字效果:

  1. 開啟圖層樣式視窗
  2. 點選筆畫旁邊的核取方塊
  3. 從頂部選單點選填色圖示並選擇無填色圖示(一個帶有紅色斜線的白色方塊)。
選取 描邊選單

第 4 部分:如何為外框文字加入動畫以呈現更時尚的外觀

在學習如何在 Photoshop 中為文字加入外框後,您可以開始嘗試不同的樣式,並更進一步將其轉變為動態設計或動畫,例如:

外框 文字動作 圖像

由 Filmora 生成

當您專注於平面設計 or 靜態視覺像是海報或社群媒體橫幅。但當您希望輪廓文字能在影片中動態移動或互動時,基於以下幾個原因,它可能不是最有效率的選擇:

  • Photoshop 的關鍵影格控制功能很基本,並非為複雜的動態圖形所設計。
  • 您通常必須將專案移至 Adobe After Effects 才能製作真正的動畫,這會使流程變慢。
  • Photoshop 不包含現成的文字動畫預設,所以您必須從頭開始建立所有內容。

要有效做到這一點,您可以使用像是Wondershare Filmora這樣的影片編輯器。Filmora 可以幫助您建立基本的描邊效果,也能只需點選幾下就能新增動態路徑動畫。所有操作都在同一個編輯器中完成,無需處理複雜的關鍵影格或安裝第三方外掛程式。

免費試用 免費試用
Filmora行動版下載QR code
掃描以取得 Filmora 應用程式
安全下載圖示安全下載

例如,您可以:

  • 使用鋼筆工具在影片中自由繪製路徑,類似於 Photoshop 中的向量概念。
  • 使用修剪路徑為這些路徑製作動畫,讓輪廓即時描繪或顯現您的文字。
  • 使用路徑跟隨將元素附加到路徑上,為原本靜態的文字增添動態和活力,就像在 Photoshop 中沿著路徑製作圖形動畫一樣。
  • 使用 Filmora 的內建功能疊加轉場、濾鏡或光暈效果。
Filmora 鋼筆工具

因此,與 Photoshop 相比,當您想要輕鬆從文字建立動態圖形,並讓輪廓文字在影片中自然移動和融合時,Filmora 是更好的選擇。

Photoshop Filmora
輸出類型 靜態影像(PSD、PNG、JPG) 影片格式(MP4、MOV、WMV 等)
用途 靜態設計、標誌和可供列印的圖形。 具有動畫元素的動態設計和影片專案。
文字輪廓選項 支援圖層樣式(描邊)、向量輪廓和空心(無填充)文字。 支援動畫輪廓、手寫效果和自訂描邊路徑。
可編輯性 文字在點陣化之前保持可編輯;向量允許可縮放的精確度。 文字和描邊可以使用關鍵影格進行動作或時間調整,並具有即時預覽功能
動畫工具 有限 讓您使用關鍵影格、動作預設和路徑動畫製作動畫。
音訊與影片整合 不可用 可用
適用於 文字圖形、海報和高解析度素材。 短影片、社群媒體內容、動畫片頭等。
免費試用 免費試用
Filmora行動版下載QR code
掃描以取得 Filmora 應用程式
安全下載圖示安全下載

如何在 Filmora 中為文字加上輪廓(基本)

步驟 1
建立新專案並匯入您的影片

開啟 Filmora 並開始新專案。然後,透過將影片拖曳至媒體標籤或點選匯入媒體來匯入您要編輯的影片。新增後,將影片拖曳至時間軸。

將影片匯入Filmora
步驟 2
為您的影片新增標題

前往頂部的標題標籤,並瀏覽可用的預設。您可以從簡單的預設標題中選擇,或探索更具創意的範本。將您選擇的標題拖曳至影片軌道上方的時間軸。

將 選取的 標題加入至時間軸
步驟 3
自訂文字並新增輪廓

點選時間軸中的標題以開啟右側的文字編輯面板。在這裡,您可以編輯字型、大小、對齊方式、顏色和其他設定。

調整文字設定

要簡單地為文字加上輪廓,請啟用輪廓選項。調整不透明度、模糊和粗細滑桿,以控制輪廓的粗細或柔和程度。您也可以點選色彩方塊來選擇您偏好的輪廓顏色。

在 Filmora 中加入 外框 文字

或者,您可以使用 Filmora 中的鋼筆工具設計和建立自訂輪廓文字。您可以使用它來繪製曲線、直線或獨特的形狀,以形成您想要的字母。

如何使用鋼筆工具自由繪製文字輪廓

外框 文字動作 圖像
步驟 1
描繪文字輪廓

在文字已就位的情況下,從工具列開啟繪圖工具,然後選擇鋼筆工具開始建立您的自訂路徑。

從 工具列 選取 鋼筆 工具

接下來,使用您的文字作為視覺指引,在預覽視窗中使用鋼筆工具仔細描繪它。您可以在過程中調整路徑,為輪廓增添更多風格。

注意:從一點點選到另一點會建立直線。如果您想繪製曲線,請在拖曳時點選並按住以塑造路徑。

建立 外框 文字使用 鋼筆 工具
步驟 2
調整和自訂輪廓

在描繪時,透過調整錨點來優化輪廓。要變更外觀,請導覽至描邊 > 效果選單,位於屬性面板上,並調整輪廓顏色、粗細(權重)和其他視覺設定。

自訂文字 外框

一切看起來都不錯後,您可以刪除原始文字軌道,只保留輪廓。

如果您想在路徑周圍新增像是霓虹燈和火焰的發光效果,可以從可用的預設中選擇。點選您偏好的發光樣式以套用它。

選取從 發光 預設
步驟 3
使用修剪路徑為輪廓製作動畫

要開始讓輪廓移動,您需要使用修剪路徑。

  1. 選取時間軸上您要編輯的所有鋼筆路徑軌道。
  2. 將播放頭移至時間軸的開始處。
  3. 設定開始 = 0%以及結束 = 0%,並點選結束旁邊的關鍵影格圖示以建立第一個關鍵影格。
加入 第一個 關鍵 影格

之後,將播放頭移動到您希望動畫結束的時間點。變更 結束 = 100%。第二個關鍵影格會自動加入。如果沒有,您可以手動加入。

加入 第二個 關鍵影格
  • 第一個在時間軸的開頭,結束值設定為 0%
  • 第二個在您希望動畫結束的位置,結束值設定為 100%。

播放以查看從開始到結束繪製的線條。

步驟 4
綁定物件以跟隨路徑

To 加入移動物件 跟隨動畫路徑,開啟旁邊的選單 路徑跟隨。

綁定 物件使用 路徑跟隨

然後,選擇您想要如何將元素附加到路徑:

  • 使用內建資料庫中的預設。
  • 從您的電腦匯入您自己的物件或影像。
  • 選擇已放置在時間軸中的現有元素。

選擇物件後,點選 套用。所選元素將沿著路徑移動,跟隨您動畫的方向和速度。

結論

在 Photoshop 中為文字加上外框是一種簡單的技巧,可以完全改變您設計文字的方式。而要做到這一點,您不再有任何困難,因為我們已經介紹了幾種在 Photoshop 中為文字加入筆畫的方法。

如果您想更進一步,可以嘗試為您的外框文字加入一些動態效果。您可以在 Filmora 中完成所有操作,甚至可以匯入在 Photoshop 中製作的文字並在那裡製作動畫。這是讓您的設計在影片中移動並更具生命力的簡單方法。

Filmora
AI 影片編輯應用程式與軟體
免費試用 免費試用
Filmora行動版下載QR code
掃描以取得 Filmora 應用程式
適合所有創作者隨時隨地製作影片的最佳工具!
您的完美第一次影片編輯從這裡開始 - 無需經驗

你可能還喜歡

Premiere Pro 時間軸放大教學:必學技巧與快速鍵

掌握在 Premiere Pro 時間軸上縮放的必備快捷鍵與專業技巧。排解常見問題,探索更流暢的剪輯體驗。

Posted byArvin Alejandro|2026-10-31 07:48:04
VLC自動字幕生成器:你必須知道的完整解析

別為手動字幕感到煩惱。查看我們的指南,了解 VLC 自動字幕如何提供幫助,以及一些讓體驗更上一層樓的額外工具。

Posted byArvin Alejandro|2026-10-31 07:46:11
Google相簿影片剪輯教學:裁剪、修復與進階替代方案

若要快速清理和剪輯短片,您可以直接在 Google 相簿上編輯影片,無需安裝任何新程式。請參閱我們的指南,了解基本操作,並知道何時該升級您的編輯工具。

Posted byArvin Alejandro|2026-10-31 07:44:40
2026推薦8款AI影片剪輯App|最新清單

正在尋找可從智慧型手機產生和增強視覺內容的應用程式嗎?請閱讀本文以了解有史以來排名前 8 的 AI 影片編輯應用程式。

Posted byArvin Alejandro|2026-10-31 07:44:03
Sora 2 影片最長多久?延長影片時間方法介紹

Sora 2 影片有多長?在我們的指南中了解 Sora 2 影片長度限制、為什麼片段有時會提前結束,以及如何製作更長的影片。

Posted byArvin Alejandro|2026-10-31 07:43:41
After Effects 閃爍移除:修復惱人光線閃爍的簡單方法

在 After Effects 中移除閃爍不再需要緩慢或令人困惑。本指南展示了簡單的手動方法、外掛程式選項,以及可節省數小時工作的 AI 修復方式。

Posted byArvin Alejandro|2026-10-31 07:54:25
如何將音樂匯入 InShot 影片剪輯 App

想在 InShot 裡加入音樂嗎?本文將介紹如何輕鬆將音樂匯入 InShot,並提升影片的視聽效果。

Posted byArvin Alejandro|2026-10-31 07:48:26