你 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 設計專案中使用囉!





八、教學影片











 

※ 教學資料總整理:


※ 延伸閱讀:

 

留言

這個網誌中的熱門文章

免費影片剪輯「威力導演 365 基礎版」,不用輸入序號,只要註冊會員即可下載使用!

全民學 3D 就從 Blender 3D 開始:Blender 3D 中文化設定、認識視窗介面與學習資源

剪映好用的字幕「簡體轉繁體」工具在這裏,別再找錯了!

ZoomIt 螢幕畫筆推出 8.0 版,繼續榮登電腦教學最佳「隱形」助手!

教學百寶箱:Sizer 幫您記住視窗大小與位置,以後不用每次都辛苦慢慢拖拉滑鼠調整!