手繪顏料塊加液化變形,是紋理海報的常見做法。教程從建立畫布、新建填滿層講到智慧物件、漸層對映調色、圓形裁切,末尾加標題文字,十二步全程配圖。
步驟 1 – 開啟 線上ps,建立背景畫布
步驟 2 – 新建填滿紅色圖層
1️⃣ Shift+Ctrl+N(Windows)/ Shift+⌘+N(Mac) 新建圖層,名稱預設 “圖層 1”。
2️⃣ 選中 “圖層 1”,按 Shift+F5 開啟 “填滿” 對話方塊。
3️⃣ 顏色設為 #ff0000(鮮紅),點選 確定。
步驟 3 – 建立第二塊畫布並解鎖
1️⃣ 再次 Ctrl+N(新建),設定:
- 寬度:500 畫素
- 高度:750 畫素
- 背景內容:白色
2️⃣ 確定後會出現新的 “背景” 圖層,雙擊該圖層並 確定,將其解鎖,名稱會自動改成 “圖層 0”。
步驟 4 – 手繪顏料塊
1️⃣ 選中 “圖層 0”,按 B 選擇畫筆工具。
2️⃣ 依次切換前景色,隨意在畫布上點幾下:
-
#000000(黑) -
#a0a0a0(灰) -
#cfa972(米黃) -
#ffffff(白)
步驟 5 – 轉換為智慧物件
在 “圖層 0” 上點選 右鍵 → “轉換為智慧物件”(也可以在頂部選單 圖層 → 智慧物件 → 轉換為智慧物件)。
步驟 6 – 液化變形
1️⃣ 選中 “圖層 0”,使用 Shift+Ctrl+X 開啟 液化(Liquify)面板。
2️⃣ 在液化面板中,選擇左側工具欄裡的 “向前變形”(Forward Warp)。
3️⃣ 用滑鼠在影像上輕輕拖動,塑造你喜歡的紋理形狀。
4️⃣ 完成後點選 確定。
步驟 7 – 漸層對映調色
1️⃣ 設定前景色為 #0e0561(深藍),背景色為 #ff0000(紅)。
2️⃣ 選單 圖層 → 新建調整圖層 → 漸層對映…,點選 確定,得到 “漸層對映 1” 圖層。
3️⃣ 雙擊 “漸層對映 1” 的圖示開啟屬性面板,點選漸層條選擇 “前景色到背景色” 漸層。
步驟 8 – 複製圓形選取範圍
1️⃣ 在 “圖層 1”(上一步的蓋印圖層)上按 Ctrl+Alt+Shift+E(蓋印可見圖層),得到 “圖層 1”(與原層同名,實際是新圖層)。
2️⃣ 選中該圖層,按 M 選擇 橢圓選框工具。
3️⃣ 按住 Shift 繪製一個正圓選取範圍(大小隨意),完成後 Ctrl+C 複製選取範圍內容。
步驟 9 – 貼上並調整第一個圓形
1️⃣ 回到最初的 背景畫布(750 × 1000),Ctrl+V 貼上複製的圓形,得到 “圖層 2”。
2️⃣ 選中 “圖層 2”,按 Ctrl+T(自由變形),拖動調節大小、位置後按 Enter 確認。
步驟 10 – 貼上並調整第二個圓形
重複 步驟 8 中的複製操作,再次 Ctrl+V,得到 “圖層 3”。
同樣使用 Ctrl+T 調整大小、位置,使兩個圓形形成層次感。
步驟 11 – 填滿圖層顏色
選中 “圖層 1”(蓋印圖層),再次使用 Shift+F5 填滿。
顏色設為 #e60012(鮮紅),點選 確定。
步驟 12 – 新增文字
1️⃣ 按 T 選擇 文字工具。
2️⃣ 在畫布任意位置點選,輸入你想要的標題、口號或說明文字(例如 “紋理海報”)。
3️⃣ 調整字型、大小、顏色(推薦使用白色或與背景形成高對比的顏色),滿意後回車確認。
✅ 完成!現在你已經擁有一張使用 ps線上 創作的紋理海報。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps