在Photoshop中新增文字

閱讀約 7 分鐘

首頁/ PS學習教程/ 在Photoshop中新增文字

PS 里加字看著簡單,排版一亂就沒法看。從新建畫布、選文字工具,到字號行距對齊、匯出 PNG 和 PSD,這篇把新增文字的完整流程走了一遍。零基礎也能照做,末尾附文字變形和進階樣式。

步驟一:開啟 線上ps

  1. 在瀏覽器中訪問 線上ps(zaixianps.cc)。
  2. 頁面載入後即可看到類似 Photoshop 的工作介面,無需額外安裝軟體。

步驟二:新建畫布

  1. 點選左上角的 File(檔案)選單 → New(新建),或直接使用快速鍵 Ctrl+N(Mac 上同樣使用 Ctrl+N)。
  2. 在彈出的對話方塊中設定 寬度、長度、解析度、背景內容 等引數,確認後點擊 Create。

步驟三:選擇文字工具

  • 在工具欄左側找到 Horizontal Type Tool(橫排文字工具)或 Vertical Type Tool(直排文字工具)(快速鍵 T),點選後即可進入文字編輯模式。

步驟四:設定文字屬性

  1. 顏色:點選工具欄上方的顏色框,挑選所需顏色。
  2. 字型 & 大小:在頂部屬性欄的下拉框中選擇字型、字號、字形(粗體、斜體等)。

步驟五:在畫布上輸入文字

  1. 在畫布任意位置單擊一次,出現文字輸入框。
  2. 輸入所需文字,回車即可換行。每一行文字都是獨立的文字物件。

步驟六:調整文字位置

  • 選中對應的 文字圖層(在右側 Layers 面板中),然後使用 Move Tool(移動工具)(快速鍵 V)拖動文字到合適位置。

步驟七:編輯已輸入的文字

  1. 選中文字圖層後,直接在畫布上雙擊文字即可進入編輯狀態。
  2. 也可以在頂部屬性欄中隨時修改 字型、字號、顏色、對齊方式 等屬性。

步驟八:儲存或匯出影像

  • 匯出為常用圖片格式:
    1. 點選 File → Export As,在子選單中選擇 PNG、JPEG、SVG 等所需格式。
    2. 在彈出的設定視窗中確認引數後,點選 Save,瀏覽器會自動下載檔案。
  • 儲存為可繼續編輯的 PSD(以後在 Photopea 或 Photoshop 中繼續編輯):
    1. 選擇 File → Save as PSD,檔案會直接下載為 .psd。

進階文字功能(可選)

  • 文字變形(Warp Text):選中文本圖層 → 在頂部屬性欄點選 …(更多) → 選擇 Warp Text,即可對文字進行弧形、波浪等變形。
  • 路徑文字(Type on a Path):先使用 Pen Tool 繪製路徑 → 選中文字工具 → 將游標移動到路徑上,點選即可在路徑上輸入文字。

小貼士

  • 瀏覽器相容性:建議使用最新版的 Chrome、Edge、Firefox 或 Safari,關閉廣告攔截外掛以免影響功能。
  • 快速鍵:大多數 Photoshop 快速鍵在 Photopea 中保持一致,熟悉後可以大幅提升編輯效率。
  • 自動儲存:Photopea 會在瀏覽器本地快取中自動儲存最近的工作進度,關閉頁面前可手動匯出 PSD 以防丟失。

通過上述步驟,你即可在 Photopea 中快速新增、編輯並匯出文字,幾乎不需要額外學習成本。若需要更深入的文字特效,參考 Photopea 官方幫助文件或 Photoshop 的高階教程即可。


參考資料

  • Adobe Photoshop官方文件
  • HTML5與現代前端圖片處理原理
  • 線上ps