自製影像邊框、中文字邊框 ( 遮罩 )
Canva 的「邊框」功能可以替影像加上「遮罩」,也就是讓影像呈現特定的外型,雖然 Canva 提供了滿多的邊框造型,但卻沒有提供「自製邊框」的功能,這篇教學會介紹如何自製影像邊框,產生特別的邊框造型,甚至製作漂亮中文字邊框。
快速導覽:
Canva Pro 版 ( 教育版 ) 製作透明背景黑白影像
由於自製影像邊框的需要「純色 + 透明背景」的基本格式,如果使用 Canva Pro 版或教育版,可以按照下列步驟製作透明背景黑白影像:
1、上傳圖片並去背
建立專案並上傳要製作邊框的圖片 ( 背景盡可能單純 ),選擇圖片並點擊上方「編輯」,使用魔法工作室的「背景移除工具」將圖片去背。
2、將圖片轉換成黑白影像
繼續編輯去背的圖片,點擊下方「雙色調」。
選擇「自訂」,將亮部與陰影都設定成「全黑」( 色碼為 #000000
),這時應該就會得到一張黑白影像。
3、下載為背景透明 PNG
點擊右上角「分享」,將影像下載為「透明背景」的「PNG」。
Canva 免費版製作透明背景黑白影像
如果是使用 Canva 免費版是無法下載透明背景影像,這時就必須使用一些影像處理軟體進行「去背」,如果不想要安裝軟體或註冊任何服務,可使用類似 PhotoShop 的 Photopea 線上修圖工具,按照下列步驟製作透明背景黑白影像:
1、使用線上工具將圖片去背
前往 Adobe Remove Background 網站工具 ( 免費,不需註冊,不用安裝 ),點擊「Upload your photo」上傳圖片。
上傳圖片後就會自動去背,去背完成將圖片下載為 PNG。
2、前往 Photopea
點擊下方網址開啟 Photopea,這個工具服務 ( 免費,不需註冊,不用安裝 ),開啟網站後點擊「start using Photopea」就可以開始使用。
3、開啟去被圖檔,轉換成黑白圖
點擊「Open From Computer」按鈕,選擇剛剛已經去背的圖片。
點擊右下角「eff」按鈕,選擇「Color Overlay」進行填色。
出現設定選單後直接點擊「OK」,就會產生一張透明背景的黑白圖。
4、下載為背景透明 PNG
點擊右上角「File > Export as」,將影像下載為「PNG」( 存檔時直接按 OK 即可 )。
將 PNG 轉換成 SVG
前往免費工具「PNG to SVG」網站 ( 免費,不需註冊,不用安裝 ),點擊「UPLOAD FILES」上傳剛剛產生的透明背景黑白圖片,上傳後就會自動轉換成 SVG,點擊「DOWNLOAD」下載 SVG。
Photopea 產生 Canva 邊框格式檔案
前往 Photopea 網站點擊「start using Photopea」,接著點擊「Open From Computer」按鈕,選擇剛剛下載的 SVG。
開啟 SVG 後,注意右下圖層面板中,會顯示這個圖層為「路徑圖層」( 有一個白色小正方形圖示在縮圖右下角 )
滑鼠右鍵點擊圖層資料夾,選擇「Merge Layers」,將資料夾與圖層合併成單一圖層。
滑鼠右鍵點擊圖層,選擇「Duplicate Layer」複製圖層。
點擊右下角「新增圖層」按鈕,新增一個空白圖層在上方。
滑鼠右鍵點擊空白新圖層,選擇「Merge Down」合併下方圖層,合併後會注意到白色小正方形圖示消失,表示該圖層已經是點陣化圖層,並非路徑圖層。
滑鼠右鍵點擊這個圖層,選擇「Clipping Mask」產生遮罩。
變成遮罩的圖層會出現一個向下的箭頭,這時點擊左上方「File > Save as PSD」儲存為 PSD 檔案,這就是 Canva 邊框格式需要的檔案。
自製影像邊框
回到 Canva,上傳 PSD 檔案,上傳後檔案會出現在「專案」頁籤中,上傳後將 PSD 拖拉放到專案畫面中。
滑鼠右鍵點擊圖片,選擇「分離圖片」。
分離圖片後,去除「黑色部分」,剩下來的就是自製的「影像邊框」。
將要套用邊框的圖片拖拉到邊框中,就能出現自製邊框效果。
中文字邊框
如果是文字也是同樣的做法,先產生白底黑字的文字 ( 文字越粗越好 ),接著將圖片去被並儲存為 PNG。
使用「PNG to SVG」將文字圖片轉換成 SVG。
按照上述步驟,使用 Photopea 建立 Canva 需要的格式並儲存為 PSD。
上傳 PSD 到 Canva 裡,使用上述的步驟,就能建立中文字的邊框。
小結
其實在 Canva 裡製作這種「自製邊框」效果真的挺複雜,但由於 Canva 沒有內建的工具,且有這種功能的應用程式都需要付費,只好透過許多的步驟才能產生適合的自製邊框,如果真的有這種需求,建議可以使用一些影像處理軟體,實作起來會更快速方便。
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~