萬盛學電腦網

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

Photoshop 制作彩色漸變愛心:新手入門向量形狀與濾鏡動感效果實戰

教程簡介

愛心形狀是平面設計、網頁裝飾、表情包製作的萬用元素。本教程專為 PS 新手設計,展示如何利用自定義形狀工具、向量複製變換、動感模糊濾鏡、漸變疊加混合模式,在幾分鐘內製作出擁有動態光影與彩虹漸變的可愛愛心組合,建立「形狀→複製變換→濾鏡→混合模式」的高效工作流認知。

最終效果

詳細步驟

第一階段:基礎愛心形狀與疊加亮化

  1. 新建 600×500px 文件,背景填黑 (#000000)。
  2. 前景色白 (#FFFFFF),自定義形狀工具 (U) 選「心形」,按 Shift 拉出比例正確的大愛心 (形狀圖層)。
  3. Ctrl+點擊心形圖層縮略圖載入選區 → 選擇 → 修改 → 羽化 15px → Delete 刪除 → Ctrl+D 取消選區 → 得到邊緣柔化的愛心。
  4. 複製該圖層 (Ctrl+J),Ctrl+E 向下合併 → 疊加兩層柔邊白心,亮度明顯提升。

第二階段:複製變換構建愛心群

  1. 複製原始大心圖層 (未羽化那層或合併後的),Ctrl+T 自由變換:縮小、旋轉角度、移動位置 (如左上、右上、下方)。
  2. 重複操作建立 3-4 個不同大小、角度、位置的愛心,形成動態構圖。

第三階段:動感模糊賦予速度感 (核心亮點)

  1. 對每個較小愛心圖層:濾鏡 → 模糊 → 動感模糊。
  2. 關鍵:角度設置與愛心指向/運動方向一致 (如左上愛心角度 -45°,右上 +45°,下方 90°),距離 40px 左右。
  3. 效果:愛心產生「高速移動拖尾」的動態視覺張力。

第四階段:星光點綴與彩虹漸變氛圍

  1. 隱藏背景圖層,合併所有可見愛心圖層 (Ctrl+Shift+Alt+E 或 選中圖層 Ctrl+E),再顯示背景。
  2. 星光畫筆 (預設/下載) 點擊大愛心底部添加一顆高亮星光 (圖層模式「線性減淡/螢光色」)。
  3. 新建圖層置於最上,漸變工具 (線性) 拉出彩虹漸變 (黃→綠→青→藍→紫→紅),圖層混合模式改為「疊加」,不透明度 60-80% → 整體畫面瞬間獲得夢幻色彩氛圍。

第五階段:背景漸隱增強纵深

  1. 背景圖層上新建圖層填白,添加圖層蒙版。
  2. 漸變工具 (黑白反射/線性) 在蒙版上拉出「兩側白中間黑」漸變 → 兩側顯示白、中間透出背景黑。
  3. 同法對愛心合併層蒙版拉出漸變,不透明度 15% → 邊緣柔和融入背景。

新手核心收穫清單

  • ✅ 自定義形狀工具快速獲取標準向量圖形。
  • ✅ Ctrl+點擊縮略圖載入選區 + 羽化 + Delete = 瞬間柔邊效果。
  • ✅ 複製 (Ctrl+J) + 自由變換 (Ctrl+T) = 快速構建豐富構圖。
  • ✅ 動感模糊角度 = 運動方向,是賦予靜態圖形動態感的神奇濾鏡。
  • ✅ 混合模式「疊加」+ 彩虹漸變 = 零成本電影級調色。
  • ✅ 圖層蒙版 + 黑白漸變 = 非破壞性邊緣柔化/融合。

進階玩法延伸

  • 將愛心群轉為智能物件,套用「濾鏡庫 → 扭曲 → 玻璃/海浪」製造扭曲變形動畫。
  • 結合時間軸:關鍵幀動畫「位置/縮放/旋轉/動感模糊距離」→ 導出 GIF/MP4 做動態表情包。
  • 替換形狀:五角星、圓形、三角形、自定義幾何形,同套流程秒出新系列。
  • 配合「圖層樣式 → 外發光/斜面與浮雕」將扁平愛心升級為質感愛心圖標。

這個教程雖簡單,但蘊含了 PS 向量工作流、濾鏡創意應用、混合模式色彩邏輯三大核心技能點。建議新手反覆操作 3 遍,直到全程無需看教程即可獨立完成,並嘗試設計屬於自己的「專屬愛心風格包」!

copyright © 萬盛學電腦網 all rights reserved