Photoshop 把一張照片做成創意九宮格

閱讀約 6 分鐘

首頁/ PS學習教程/ Photoshop 把一張照片做成創意九宮格

發朋友圈的九宮格,不用挨張裁。裁切成 1:1,用切片工具劃成 3×3,直接匯出九個 PNG,全程不到兩分鐘。步驟和數值都寫清楚了,Photoshop 和線上PS 都能做。

步驟 1:裁切為正方形(1:1)

  1. 開啟 線上ps(zaixianps.cc),點選「檔案 → 開啟」或直接把本地圖片拖進編輯區。
  2. 左側工具欄選擇 裁切工具(Crop Tool)。
  3. 在頂部選項列勾選「固定比例(Ratio)」並輸入 1:1。
  4. 在畫布上拖動形成正方形選框,調整到滿意的構圖後點擊頂部√。

步驟 2:使用切片工具(Slice Tool)

  1. 左側工具欄裡找到 切片工具(圖示像刀片),如果沒看到,可以在「裁切工具」的子工具中長按彈出。
  2. 選中後,游標會變成十字形,準備進行切片操作。

步驟 3:劃分為 3×3 的網格

  1. 確保圖片仍然是正方形(寬 = 高),此時在頂部屬性欄會出現 「劃分」 按鈕,點選 「劃分」 按鈕 。
  2. 勾選「水平」後設置N為: 3,勾選「垂直」後設置N為: 3。
  3. 點選 確定後會自動把畫布切成 9 個等大的子切片。

步驟 4:匯出所有切片為 PNG

  1. 點選左上角「檔案 → 匯出為 → PNG…」 (或使用快速鍵 Ctrl+Shift+Alt+S)。
  2. 在彈出的「匯出」對話方塊左下角找到「切片」選項,點選下拉框並選擇 All Slices。
  3. 點選「儲存」後,瀏覽器會下載一個 .zip 包。
  4. 解壓這個壓縮包,即可看到 9 張獨立的 PNG 檔案(預設名稱類似 slice_1.png、slice_2.png … slice_9.png)。

💡 小結

現在你已經把一張照片快速切成 9 張相同尺寸的小圖,適合用於:

  • Instagram → 3×3 拼圖展示
  • 社交媒體封面 → 創意排版
  • 電子相簿 → 分格瀏覽

提示:如果想讓每張小圖之間有留白,可在「裁切」前先把畫布尺寸放大(如 1080×1080 → 1200×1200),然後在切片時把「間距」設為 0,後期再給每張切片加上邊框或陰影。


參考資料

  • Adobe Photoshop官方文件
  • HTML5與現代前端圖片處理原理
  • 線上ps