ps線上教程:創作紋理海報

閱讀約 12 分鐘

首頁/ PS學習教程/ ps線上教程:創作紋理海報

手繪顏料塊加液化變形,是紋理海報的常見做法。教程從建立畫布、新建填滿層講到智慧物件、漸層對映調色、圓形裁切,末尾加標題文字,十二步全程配圖。

步驟 1 – 開啟 線上ps,建立背景畫布

1️⃣ 開啟 線上ps(zaixianps.cc) “新建專案”。

2️⃣ 設定:

  • 寬度:750 畫素
  • 高度:1000 畫素
  • 背景內容:白色

3️⃣ 點選 確定,得到預設的 “背景” 圖層。

步驟 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