搜尋

自製影像邊框、中文字邊框 ( 遮罩 )

Canva 的「邊框」功能可以替影像加上「遮罩」,也就是讓影像呈現特定的外型,雖然 Canva 提供了滿多的邊框造型,但卻沒有提供「自製邊框」的功能,這篇教學會介紹如何自製影像邊框,產生特別的邊框造型,甚至製作漂亮中文字邊框。

快速導覽:

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 )

Canva Pro 版 ( 教育版 ) 製作透明背景黑白影像

由於自製影像邊框的需要「純色 + 透明背景」的基本格式,如果使用 Canva Pro 版或教育版,可以按照下列步驟製作透明背景黑白影像

1、上傳圖片並去背

建立專案並上傳要製作邊框的圖片 ( 背景盡可能單純 ),選擇圖片並點擊上方「編輯」,使用魔法工作室的「背景移除工具」將圖片去背。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 使用魔法工作室的「背景移除工具」將圖片去背

2、將圖片轉換成黑白影像

繼續編輯去背的圖片,點擊下方「雙色調」。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 繼續編輯去背的圖片,點擊下方「雙色調」

選擇「自訂」,將亮部與陰影都設定成「全黑」( 色碼為 #000000 ),這時應該就會得到一張黑白影像。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 將前景與背景都設定成「全黑」

3、下載為背景透明 PNG

點擊右上角「分享」,將影像下載為「透明背景」的「PNG」。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 將影像下載為「透明背景」的「PNG」

Canva 免費版製作透明背景黑白影像

如果是使用 Canva 免費版是無法下載透明背景影像,這時就必須使用一些影像處理軟體進行「去背」,如果不想要安裝軟體或註冊任何服務,可使用類似 PhotoShop 的 Photopea 線上修圖工具,按照下列步驟製作透明背景黑白影像

1、使用線上工具將圖片去背

前往 Adobe Remove Background 網站工具 ( 免費,不需註冊,不用安裝 ),點擊「Upload your photo」上傳圖片。

前往:Adobe Remove Background

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 前往 Adobe Remove Background 網站工具

上傳圖片後就會自動去背,去背完成將圖片下載為 PNG。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 去背完成將圖片下載為 PNG

2、前往 Photopea

點擊下方網址開啟 Photopea,這個工具服務 ( 免費,不需註冊,不用安裝 ),開啟網站後點擊「start using Photopea」就可以開始使用。

前往:https://www.photopea.com/

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 前往 Photopea

3、開啟去被圖檔,轉換成黑白圖

點擊「Open From Computer」按鈕,選擇剛剛已經去背的圖片。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 點擊「Open From Computer」按鈕,選擇要去背的圖片

點擊右下角「eff」按鈕,選擇「Color Overlay」進行填色。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 選擇「Color Overlay」進行填色

出現設定選單後直接點擊「OK」,就會產生一張透明背景的黑白圖。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 選擇「Color Overlay」進行填色

4、下載為背景透明 PNG

點擊右上角「File > Export as」,將影像下載為「PNG」( 存檔時直接按 OK 即可 )。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 將影像下載為「PNG」

將 PNG 轉換成 SVG

前往免費工具「PNG to SVG」網站 ( 免費,不需註冊,不用安裝 ),點擊「UPLOAD FILES」上傳剛剛產生的透明背景黑白圖片,上傳後就會自動轉換成 SVG,點擊「DOWNLOAD」下載 SVG。

前往:https://png2svg.com/

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 前往免費工具「PNG to SVG」網站

Photopea 產生 Canva 邊框格式檔案

前往 Photopea 網站點擊「start using Photopea」,接著點擊「Open From Computer」按鈕,選擇剛剛下載的 SVG。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 點擊「Open From Computer」按鈕,選擇要去背的圖片

開啟 SVG 後,注意右下圖層面板中,會顯示這個圖層為「路徑圖層」( 有一個白色小正方形圖示在縮圖右下角 )

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 開啟 SVG 後顯示這個圖層為「路徑圖層」

滑鼠右鍵點擊圖層資料夾,選擇「Merge Layers」,將資料夾與圖層合併成單一圖層

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - Merge Layers

滑鼠右鍵點擊圖層,選擇「Duplicate Layer」複製圖層

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 選擇「Duplicate Layer」複製圖層

點擊右下角「新增圖層」按鈕,新增一個空白圖層在上方。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 新增一個空白圖層在上方

滑鼠右鍵點擊空白新圖層,選擇「Merge Down」合併下方圖層,合併後會注意到白色小正方形圖示消失,表示該圖層已經是點陣化圖層,並非路徑圖層

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 選擇「Merge Down」合併下方圖層

滑鼠右鍵點擊這個圖層,選擇「Clipping Mask」產生遮罩

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 選擇「Clipping Mask」產生遮罩

變成遮罩的圖層會出現一個向下的箭頭,這時點擊左上方「File > Save as PSD」儲存為 PSD 檔案,這就是 Canva 邊框格式需要的檔案。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 儲存為 PSD 檔案

自製影像邊框

回到 Canva,上傳 PSD 檔案,上傳後檔案會出現在「專案」頁籤中,上傳後將 PSD 拖拉放到專案畫面中。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 回到 Canva,上傳 PSD 檔案

滑鼠右鍵點擊圖片,選擇「分離圖片」。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 滑鼠右鍵點擊圖片,選擇「分離圖片」

分離圖片後,去除「黑色部分」,剩下來的就是自製的「影像邊框」。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 去除「黑色部分」

將要套用邊框的圖片拖拉到邊框中,就能出現自製邊框效果。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 出現自製邊框效果

中文字邊框

如果是文字也是同樣的做法,先產生白底黑字的文字 ( 文字越粗越好 ),接著將圖片去被並儲存為 PNG。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 出現自製邊框效果

使用「PNG to SVG」將文字圖片轉換成 SVG。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 將文字圖片轉換成 SVG

按照上述步驟,使用 Photopea 建立 Canva 需要的格式並儲存為 PSD。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 使用 Photopea 建立 Canva 需要的格式並儲存為 PSD

上傳 PSD 到 Canva 裡,使用上述的步驟,就能建立中文字的邊框。

Canva 教學 - 自製影像邊框、中文字邊框 ( 遮罩 ) - 建立中文字的邊框

小結

其實在 Canva 裡製作這種「自製邊框」效果真的挺複雜,但由於 Canva 沒有內建的工具,且有這種功能的應用程式都需要付費,只好透過許多的步驟才能產生適合的自製邊框,如果真的有這種需求,建議可以使用一些影像處理軟體,實作起來會更快速方便。

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

Canva 教學

基本介紹

關於 Canva 註冊、登入、方案 主畫面 專案管理 ( 資料夾、課程 ) 專案管理 ( 設計、影像 ) 專案類型 相關設定

展示&分享&下載

展示簡報的方式 分享簡報 下載檔案 網頁中嵌入簡報

共用設計功能

專案設計介面 使用範本和樣式 添加元素 加入文字 上傳檔案 繪圖工具 加入專案

簡報&設計

基本功能、使用範本 頁面管理、背景圖片 儲存、下載、匯入 使用動畫、動畫順序 自製圖片或文字邊框 文字雲特效

文件&白板

文件 ( 建立、文字樣式 ) 文件 ( 圖片、表格、清單 ) 文件 ( 圖表、嵌入網頁 ) 文件轉換成簡報 使用白板

影像&照片

編輯向量圖 編輯點陣圖 單純編輯照片 使用 Scratch 繪製圖形

影片&聲音

剪輯、調整、播放速度 串連其他影片 分割頁面、轉場 加入文字和圖形 影片靜音、背景音樂 使用雅婷文字轉語音

網頁設計

建置、發佈網站 網域設定管理 常用網頁元素

應用程式

YouTube Google 地圖 圖片快速套用模型 角色製作工具 表情符號和小動畫 可愛&趣味貼圖 產生 QRCode AI 人像表情 AI 手繪影像轉換 AI 清晰&放大照片 AI 換臉、照片上色

AI 魔法功能

AI 魔法媒體工具 AI 魔法工作室 AI 魔法變形工具 AI 魔法文案工具