2023 年 5 月 17 日 更新
canva遮罩 |照片邊框 | 照片裁切圓形 | canva照片圓形 | 照片變圓形 | canva框架教學 | 照片遮罩 | 圖片裁切 | 製作圓形照片 | 不規則裁切
Canva 的圖片編輯器裡面有相當多設計元素可以使用，其中有一部分的元素比較偏向功能型，可以將原本繁雜的圖片製作程序簡單化！而這篇文章將會針對「框架元素 (Frames)」來做介紹，它是照片的好搭檔，可以快速將照片裁切成各種形狀，是非常實用的元素之一！
追蹤數位小幫手社群平台：Instagram、Twitter…等等。
Canva 框架元素介紹
在 Canva 的圖片編輯器裡面有各種功能可以使用，其中「元素」是一個使用頻率非常高的功能之一，像是線條、形狀、圖像、或是動畫，都可以從元素的選單裡來挑選。而這篇文章要介紹的「框架」，也是 Canva 設計元素的類別之一，它擁有遮罩的功能，可以將照片或影片裁切成不同的輪廓。
框架元素在哪裡？
我們打開左側的 元素 選單，往下滑會看到一欄 框架 的元素類別，點擊它右上角的 查看全部，就可以在裡面看到各種不同的框架類型。(目前這類元素已經改稱為「邊框」)
下圖就是框架元素的其中兩張列表，有的是比較規則的幾何框架，有的是不規則的框架；而有的框架則長得像英文字母或是數字，有的框架會有額外的一些裝飾元素，框架種類跟數量真的非常多！
框架元素的用法
那這個「框架元素」要怎麼使用呢？非常簡單，只要在畫板中插入你需要的框架類型，然後另外放上一張你想要裁切的照片，用滑鼠點住照片並拖曳到框架的範圍內，那 Canva 就會根據框架的輪廓去裁切照片，並合成一張擁有新輪廓的照片。
如何調整框架裁切的位置？
照片一開始放到框架裡面的時候，它會自動調整比較適合的圖片大小。但你可以用滑鼠雙擊框架元素，進入圖片裁切的畫面，透過照片旁邊的邊界來調整圖片裁切的位置。
就像下圖這樣，你進入裁切畫面之後，可以放大圖片或是左右移動圖片，直到你滿意為止。
框架元素的使用範例
透過前面的介紹之後，相信你已經知道「框架元素」的用途跟類型了，那接下來就來看看各種框架套用的效果吧！
把照片裁切成圓形
我可以從框架元素的列表裡面找出圓形的框架，有的框架是完整的圓形，有的是甜甜圈的圓，而有的圓形框架則會有一點外圍的裝飾，並且可以調整外圍裝飾的顏色。
把同一張照片都套用到這些框架裡面，就能獲得各種不同的照片圓形裁切效果！
把照片裁切成三角形
幾何輪廓的框架除了圓形之外，當然還有三角形、六角形這類的框架，我找出三角形的框架，把圖片放進去之後，就可以做出圖片分割的效果出來！
把照片裁切成字母或數字形狀
在框架元素的列表裡面，你可以找到像下圖這種英文字母類跟數字類的框架，把照片套用進去，可以讓這些文字或數字呈現不同的樣貌。
把照片裁切成不規則形狀
框架元素列表裡面其實有非常多「不規則形狀」的框架，把照片套上這類框架，可以讓你的設計延伸更多的創意。
做出類似於 Mockup 的效果
前面提到有些框架元素本身會自帶一些裝飾性的外觀，而其中更有一些框架可以做出類似於 Mockup 這種實物模型的效果。以下圖來說，我把照片放進這個筆電框架，那感覺就像我看到筆電螢幕裡的照片一樣。
Canva 裡面也有另外專門製作 Mockup 的功能，效果會更加逼真一點，詳細內容可以參考這篇文章：【Canva】也有 Mockup 功能！自動合成獨特的情境圖片~
結語
Canva 編輯器上方的工具列裡雖然有一個裁切 (Crop) 的功能，但它只能做到矩形 (方形) 的裁切效果，如果想要裁成其它的形狀，目前都得仰賴 Canva 的框架元素才行。
而透過上面的框架範例，你應該知道「框架元素」的用途以及它能呈現的效果是什麼了，只要善用它們，就可以輕鬆改變照片的輪廓！
延伸閱讀
- 【Canva】表格元素介紹，輕鬆完成表格繪製！
- 【Canva】漸層/漸變元素介紹，這些漸變關鍵字你可以試看看！
- 【Canva】線條的 3 種做法，看完讓你的線條素材暴增！
- 【Canva】這些快捷鍵都學起來～精進你的設計生產力！
原網站｜數位小幫手digitalyoming.com( 未經許可，禁止轉載 )
原網址｜https://digitalyoming.com/canva-frames-introduction/