PS 里加字看著簡單,排版一亂就沒法看。從新建畫布、選文字工具,到字號行距對齊、匯出 PNG 和 PSD,這篇把新增文字的完整流程走了一遍。零基礎也能照做,末尾附文字變形和進階樣式。
步驟一:開啟 線上ps
- 在瀏覽器中訪問 線上ps(zaixianps.cc)。
- 頁面載入後即可看到類似 Photoshop 的工作介面,無需額外安裝軟體。
步驟二:新建畫布
- 點選左上角的
File(檔案)選單 →New(新建),或直接使用快速鍵Ctrl+N(Mac 上同樣使用Ctrl+N)。 - 在彈出的對話方塊中設定 寬度、長度、解析度、背景內容 等引數,確認後點擊
Create。
步驟三:選擇文字工具
- 在工具欄左側找到
Horizontal Type Tool(橫排文字工具)或Vertical Type Tool(直排文字工具)(快速鍵T),點選後即可進入文字編輯模式。
步驟四:設定文字屬性
- 顏色:點選工具欄上方的顏色框,挑選所需顏色。
- 字型 & 大小:在頂部屬性欄的下拉框中選擇字型、字號、字形(粗體、斜體等)。
步驟五:在畫布上輸入文字
- 在畫布任意位置單擊一次,出現文字輸入框。
- 輸入所需文字,回車即可換行。每一行文字都是獨立的文字物件。
步驟六:調整文字位置
- 選中對應的 文字圖層(在右側 Layers 面板中),然後使用
Move Tool(移動工具)(快速鍵V)拖動文字到合適位置。
步驟七:編輯已輸入的文字
- 選中文字圖層後,直接在畫布上雙擊文字即可進入編輯狀態。
- 也可以在頂部屬性欄中隨時修改 字型、字號、顏色、對齊方式 等屬性。
步驟八:儲存或匯出影像
- 匯出為常用圖片格式:
- 點選
File → Export As,在子選單中選擇PNG、JPEG、SVG等所需格式。 - 在彈出的設定視窗中確認引數後,點選
Save,瀏覽器會自動下載檔案。
- 點選
- 儲存為可繼續編輯的 PSD(以後在 Photopea 或 Photoshop 中繼續編輯):
- 選擇
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