本教學示範一款極具設計感的橫幅海報製作流程:漸變映射重塑人物色調、鋼筆路徑切割漸變區塊、橢圓羽化製造光環、截圖 PS 工具欄變形做裝飾元素、動感模糊製造速度線、絲帶筆刷/素材點綴、色塊文字版權排版,適合 Banner、社群封面、活動海報快速產出。
最終效果
步驟 1:建立畫布與置入人物
新建 895×307 px、300 dpi、RGB、白底文件。置入人物素材,定位構圖。
圖 1 畫布設定
圖 2 人物置入
步驟 2:鋼筆路徑切割漸變區塊重塑色調
- 新建圖層,鋼筆勾選人物上半身帶弧度區域 → Ctrl+Enter 轉選區(圖 3-4)。
- 漸變工具設三色停點:
#A4DCE7(青)、#F8F7CF(奶黃)、#EA93D4(粉),吸管取色微調。色標不透明度設漸變(圖 5)。
- 線性漸變拉出,色濃處橡皮擦輕擦(圖 6)。
- 同法處理下半身漸變區塊(圖 7)。
圖 3-4 路徑選區
圖 5 漸變編輯器
圖 6 上半身漸變效果
圖 7 下半身漸變效果
步驟 3:橢圓羽化光環裝飾
- 新建圖層,橢圓選框畫圓 → 羽化 40 px → 填白/灰(圖 8-9)。
- 矩形選框框選圓心矩形區域 → Delete 刪除中間形成環狀(圖 10-11)。
- Ctrl+T 旋轉至傾斜角度(圖 12)。
圖 8 橢圓選區
圖 9 羽化填充
圖 10 矩形扣除
圖 11 環狀光環
圖 12 旋轉角度
步驟 4:PS 工具欄截圖變形做裝飾條
- QQ 截圖 PS 工具欄 → PS 開啟 → 編輯 > 變換 > 變形 拉成透視扭曲條狀(圖 13)。
- 複製圖層 → 濾鏡 > 模糊 > 動感模糊:角度 8°、距離 30 px → 移至原變形層下方,形成速度線尾跡(圖 14-15)。
- 同法再製一組工具欄裝飾(圖 16)。
圖 13 工具欄變形
圖 14 動感模糊參數
圖 15 速度線疊加
圖 16 雙組工具欄裝飾
步驟 5:絲帶筆刷/素材 + 動感模糊
絲帶筆刷繪製/置入絲帶素材 → 設漸變色 → 同樣動感模糊處理(圖 17-18)。
圖 17 絲帶筆刷/素材
圖 18 絲帶動感模糊
步驟 6:色塊文字版權排版
- 矩形選框拉矩形 → 填
#FFA800、不透明度 60%(圖 19)。
- 輸入文字「XW QZONE DESIGN」等(圖 20)。
- 文字柵格化 → 與色塊層合併 → 魔棒工具點選文字前後空白 → Delete 刪除,形成文字鏤空色塊(圖 21-22)。
- 複製變換製作多組版權資訊(圖 23)。
圖 19 色塊設定
圖 20 文字輸入
圖 21-22 鏤空文字效果
圖 23 多組版權
步驟 7:高光裝飾與簽名收尾
右上角添加高光點綴、版權簽名,完成輸出(圖 24)。
圖 24 最終完稿
設計邏輯複盤
- 漸變映射重塑人物 → 幾何光環/工具欄變形/絲帶構成動態視覺語言 → 色塊鏤空文字傳遞品牌資訊 → 全局高光統一質感。
- 關鍵技法:路徑切割漸變、羽化環狀、截圖素材二次創作、動感模糊表達動態、混合模式疊加光效。
延伸學習:更多精彩教程請關注三聯 Photoshop 教程欄目,三聯 PS 群:75789345 歡迎加入交流。