教學簡介
本教學快速示範如何利用 Photoshop 內建自訂形狀「愛心」結合「定義圖案」功能,製作一組可無縫平鋪的愛心背景圖案,適用於節日海報、包裝紙、網頁背景、紡織印花等場景。
最終效果預覽
快速製作步驟
方法一:單一愛心定義圖案(最簡單)
- 新建 200×200 px 正方形文件,背景透明。
- 自訂形狀工具(U 切換)→ 選擇「愛心」形狀 → 按住 Shift 拖曳繪製置中愛心(佔畫布 60-70%)。
- 填充顏色(如
#FF6B9D 粉紅),無描邊。
- Ctrl+A 全選 → 編輯 → 定義圖案 → 命名「Heart_Single」。
- 新建大尺寸文件 → 編輯 → 填充 → 內容:圖案 → 選擇「Heart_Single」 → 即得均勻網格愛心背景。
方法二:錯位排列愛心(更自然有機)
- 新建 400×400 px 文件。啟用參考線:視圖 → 新建參考線版面 → 列/行各 2,間距 0。
- 在左上象限繪製一顆愛心(置中於象限)。
- 複製圖層 → Ctrl+T 移動至右下象限中心(對角錯位)。
- 再複製兩層分別置於右上、左下象限中心。共 4 顆愛心呈棋盤狀錯位分佈。
- 合併 4 顆愛心圖層 → Ctrl+A 定義圖案「Heart_Staggered」。
- 填充測試:新文件填充該圖案,愛心將呈現交錯排列,視覺更動態。
方法三:多尺寸/多色愛心圖案庫(進階)
- 新建 800×800 px 文件。建立多個群組:大/中/小尺寸、紅/粉/橙/紫色系。
- 各群組內隨機分佈不同大小、顏色、旋轉角度的愛心(可用腳本「隨機填充」輔助)。
- 確保邊緣愛心被邊框切割(超出畫布),以保證平鋪無縫。
- 合併所有愛心圖層 → 定義圖案「Heart_Variety_Pack」。
- 應用時可搭配「圖案疊加」樣式調整比例/旋轉/不透明度/混合模式,產生無限變化。
進階應用技巧
- 圖案疊加樣式非破壞編輯:為圖層添加「圖案疊加」而非直接填充,隨時可調整比例、角度、不透明度、混合模式(如疊加/柔光融入底圖)。
- 動態背景動畫:時間軸為「圖案疊加 → 位移」添加關鍵幀(0% → 100% 寬度),導出 GIF/MP4,獲得流動愛心背景動畫。
- 印刷級無縫圖案:300dpi、CMYK 模式、邊緣預留 3mm 出血 → 定義圖案 → Illustrator 中應用於包裝展開圖。
- 結合文字/Logo:愛心圖案內嵌微小品牌首字母/Logo,定義為圖案後形成隱性品牌識別背景。
常見問題
- Q:平鋪後有明顯接縫線?
- A:定義圖案前務必確保畫布邊緣像素完美銜接(左邊緣像素 = 右邊緣像素,上 = 下)。使用「濾鏡 → 其他 → 鏡像偏移」偏移 50% 檢查並修復接縫。
- Q:愛心邊緣鋸齒?
- A:定義圖案文件解析度提高(如 300dpi)、或使用向量形狀繪製愛心後再光柵化定義。
- Q:如何讓愛心隨機旋轉/縮放?
- A:填充對話框選擇「腳本:隨機填充」,或使用「圖案預設管理器」載入 .pat 後在「圖案疊加」中調整抖動參數(需 CC 2020+)。