萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 文字排版入門:從輸入文字到矩形色塊輔助的版面設計

Windows 內建畫圖工具雖能在圖片上寫字,但缺乏排版功能。Photoshop 提供專業級字體控制、段落排版、圖層樣式與形狀輔助,是新手進階圖文排版的最佳起點。本教學以一張簡易「標題+副標+裝飾花材」海報為例,帶領新手完成文字輸入、字體設定、矩形色塊輔助排版、素材點綴全流程。

步驟實戰

1. 新建畫布/開啟素材背景

  • 檔案 > 新建:依輸出用途設定尺寸 (如 800×1200 px 手機海報、1920×1080 桌布),解析度 72 dpi (螢幕)、300 dpi (列印),背景白色/透明。
  • 或直接 檔案 > 開啟 現有背景圖片。

2. 文字工具輸入與字體設定

  1. 選擇 文字工具 (T),工具選項列設定:
    字體:微軟正黑體 / 思源黑體 / Noto Sans TC (中文)、Roboto / Montserrat / Playfair Display (英文)。
    字號:標題 48~72 pt、副標 24~36 pt。
    顏色:白色 #FFFFFF / 深色 #333333 視背景而定。
    對齊:置中/左對齊/右對齊。
  2. 點擊畫布輸入文字,自動生成文字圖層。輸入兩行以上文字便於排版練習。

3. 矩形色塊輔助排版 (關鍵技巧)

  1. 前景色設 #000000 (黑) 或品牌主色。
  2. 矩形工具 (U) → 選項列選「形狀」→ 拉出長條矩形置於文字下方/背後,作為視覺錨點與閱讀引導帶。
  3. 矩形圖層置於文字圖層下方。
  4. 同法再拉一小矩形置於長條下方,文字工具在內輸入輔助說明文字 (白色字)。

4. 素材點綴與最終調整

  • 拖入花朵/幾何/抽象裝飾素材 (PNG 透明底最佳) → Ctrl+T 調整大小角度 → 置於文字/色塊周圍平衡視覺重心。
  • 圖層面板整理:背景組、色塊組、文字組、裝飾組。
  • 整體微調:字距、行距、對齊基線、色塊圓角、素材不透明度。

新手必學三大排版原則

  1. 對齊:所有元素 (文字、色塊、素材) 嚴格對齊至參考線/網格 (視圖 > 新建參考線版面/網格)。
  2. 對比:字重 (Bold vs Regular)、字號 (大 vs 小)、顏色 (深 vs 淺)、字體 (無襯線 vs 襯線) 形成強烈對比,建立閱讀層級。
  3. 重複:統一色塊圓角、統一描邊風格、統一素材風格、統一留白比例,形成視覺系統感。

進階延伸:段落面板與字符面板

  • 字符面板 (Ctrl+T):字距追蹤、基線偏移、縱向縮放、偽粗體/偽斜體、反鋸齒模式 (銳利/平滑)。
  • 段落面板 (Ctrl+Alt+T):對齊方式、首行縮排、段前/段後間距、連字符號設定、對齊方式 (單行/每行作曲家)。

結語

「文字輸入 → 字體設定 → 形狀輔助 → 素材點綴」四步走,配合「對齊、對比、重複」三大原則,讓 PS 新手也能產出結構清晰、視覺美觀的圖文排版作品。掌握矩形色塊輔助排版這招「外掛」,瞬間解決「文字浮在圖上沒著力」的新手痛點。現在,打開 PS,用最喜歡的字體寫下今天的心情,配上幾個色塊與花材,完成你的第一張排版練習吧!

copyright © 萬盛學電腦網 all rights reserved