你 Canva 了沒？如何使用Draw繪圖與Photopea自製Canva「邊框」遮罩，滿足挑剔的你！


透過 Canva 「元素」中「邊框」與「網格」，就可以輕鬆為影像與影片加上「遮罩」的效果！不過，如果您想要建立自己專屬的「遮罩」效果，目前 Canva 並無法直接在 Canva 上指定其他的形狀或是影像來完成，需要透過文書、簡報軟體，如微軟 Office Word、PowerPoint、LiberOffice Draw 繪圖與影像處理軟體或雲端服務，如 Photopea、Krita、Photoshop 等來達成！



一、Canva 邊框的基本使用

首先，我們來看一下在 Canva 中要如何使用「邊框」！

  1. 先到「元素」中選擇喜歡的「邊框」，加入頁面中


  2. 將照片或影片拖曳到邊框上，即可套用遮罩的效果


  3. 在邊框上連按兩下滑鼠，可以針對影像的大小與位置進行調整


  4. 按滑鼠右鍵/中斷影像連結，可以取出原始的影像，也可以直接拖曳新的影像取代舊的內容


二、Canva 自製專屬邊框流程說明


三、尋找自己專屬邊框的 SVG 或 PNG 圖檔

如果您想要製作自己專屬的邊框遮罩，首先就是要找到邊框的向量檔案 SVG 或是具有透明背景的點陣檔案 PNG。

目前有多種方式可以使用，不論是直接從 Canva 尋找，或是從搜尋引擎、線上圖庫，或是直接透過 AI 雲端去背服務，都是 OK 的。

1.從 Canva 建立一個空白專案後，從圖庫中取得，下載為 SVG (需教育版或Pro版) 或是 PNG (免費帳號即可)

2.Google搜尋透明點陣圖、向量圖關鍵字：「PNG」與「SVG」

註：要特別注意如何從搜尋結果判斷哪些圖檔才是真正具有透明度的 PNG 圖檔！




3.插圖懶得去背或是不會去背(摳圖)，就讓 PNG 透明圖庫網站助你一臂之力吧！


4.Remove Image Background 免費雲端 AI 服務，不囉嗦！5 秒鐘自動完成人物去背(摳圖)！


註：邊框圖案的選擇上，建議以單色為主，可以取得單一圖檔可套用的邊框，如果有兩個顏色，將會需要個圖檔填入！如左下圖多種填色又加上邊框顏色的情況，轉換為邊框後如右下圖，每個顏色與邊框都會需要一張圖檔來填滿，反而比較不易掌握套用邊框後的效果。



四、使用 Photopea 將照片向量化製作邊框

如果想要使用點陣圖的照片檔案做為邊框遮罩，可以先透過上述的Remove Image Background 免費雲端 AI 服務，取得去背後的 PNG 影像，在 Photopea 中開啟。


1.按下 Ctrl 不放，在「圖層」面板的影像圖層按一下滑鼠左鍵，取得此影像的選取範圍


2.使用黑色填滿選取範圍


3.選按「影像 / 矢量化位圖」，即點陣圖轉向量圖


4.將檔案轉存為 SVG


註：部份點陣圖轉向量後，還需要解散群組，將最外圍的邊框刪除，或是刪除多餘的圖層與白色背景


※ Photopea 教學參考文章：


五、使用 Draw 繪圖製作邊框

Draw 繪圖是免費 LiberOffice 套件中的影像處理軟體，在這裏的操作步驟也可以使用微軟 Word、PowerPoint 來完成！


1.開啟一個空白 Draw 繪圖檔案。


2.匯入 SVG 檔案 (點陣圖需要透過 Photopea 轉成向量檔)



3.在 SVG 圖上按右鍵 / 轉換 / 成曲線


4.在「區塊 / 填入」選擇「點陣圖」並「匯入」一張可以填滿整個圖片範圍的圖檔



5.將檔案儲存為 PDF 格式


六、如果有 Illustrator，用它製作最簡單

如果你的電腦已經有安裝 Illustrator 軟體，使用它真的是最簡單的方式，不需要再透過 Draw 繪圖等軟體來完成。

1.準備好向量圖形(放在上層)與照片檔案(放在下層)


2.將向量圖形與照片檔案同時選取，按右鍵 / 製作剪栽遮色片



3.將檔案另存為 PDF 格式就大功告成囉！


七、在 Canva 上傳 PDF

在 Canva 以「新增項目」方式上傳 PDF 檔案，開啟該專案後，就可以拖曳新的圖檔或影片到自製邊框上，替換掉目前的圖檔，再將此物件複製到其他的 Canva 設計專案中使用囉！





八、教學影片











 

※ 教學資料總整理：


※ 延伸閱讀：

 

留言

張貼留言