Canva 框架(遮罩)元素的用途,輕鬆將照片裁切成圓形!

Last Updated on 2022 年 5 月 14 日 by 小幫手

Canva frames 封面圖片

Canva 的圖片編輯器裡面有相當多設計元素可以使用,其中有一部分的元素比較偏向功能型,可以將原本繁雜的圖片製作程序簡單化!而這篇文章將會針對「框架元素 (Frames)」來做介紹,它是照片的好搭檔,可以快速將照片裁切成各種形狀,是非常實用的元素之一!

Canva 框架元素介紹

Canva 的圖片編輯器裡面有各種功能可以使用,其中「元素」是一個使用頻率非常高的功能之一,像是線條、形狀、圖像、或是動畫,都可以從元素的選單裡來挑選。而這篇文章要介紹的「框架」,也是 Canva 設計元素的類別之一,它擁有遮罩的功能,可以將照片或影片裁切成不同的輪廓。

框架元素在哪裡?

我們打開左側的 元素 選單,往下滑會看到一欄 框架 的元素類別,點擊它右上角的 查看全部,就可以在裡面看到各種不同的框架類型。(目前這類元素已經改稱為「邊框」)

Canva 元素選單裡面有一欄框架/邊框元素


下圖就是框架元素的其中兩張列表,有的是比較規則的幾何框架,有的是不規則的框架;而有的框架則長得像英文字母或是數字,有的框架會有額外的一些裝飾元素,框架種類跟數量真的非常多!

框架元素預覽列表


框架元素的用法

那這個「框架元素」要怎麼使用呢?非常簡單,只要在畫板中插入你需要的框架類型,然後另外放上一張你想要裁切的照片,用滑鼠點住照片並拖曳到框架的範圍內,那 Canva 就會根據框架的輪廓去裁切照片,並合成一張擁有新輪廓的照片。

框架元素的用法


如何調整框架裁切的位置?

照片一開始放到框架裡面的時候,它會自動調整比較適合的圖片大小。但你可以用滑鼠雙擊框架元素,進入圖片裁切的畫面,透過照片旁邊的邊界來調整圖片裁切的位置。

就像下圖這樣,你進入裁切畫面之後,可以放大圖片或是左右移動圖片,直到你滿意為止。

滑鼠連點框架元素,可以重新調整照片的裁切位置





框架元素的使用範例

透過前面的介紹之後,相信你已經知道「框架元素」的用途跟類型了,那接下來就來看看各種框架套用的效果吧!

把照片裁切成圓形

我可以從框架元素的列表裡面找出圓形的框架,有的框架是完整的圓形,有的是甜甜圈的圓,而有的圓形框架則會有一點外圍的裝飾,並且可以調整外圍裝飾的顏色

把同一張照片都套用到這些框架裡面,就能獲得各種不同的照片圓形裁切效果!

把照片裁切成圓形


把照片裁切成三角形

幾何輪廓的框架除了圓形之外,當然還有三角形、六角形這類的框架,我找出三角形的框架,把圖片放進去之後,就可以做出圖片分割的效果出來!

把照片裁切成三角形


把照片裁切成字母或數字形狀

在框架元素的列表裡面,你可以找到像下圖這種英文字母類跟數字類的框架,把照片套用進去,可以讓這些文字或數字呈現不同的樣貌。

把照片裁切成字母或數字形狀


把照片裁切成不規則形狀

框架元素列表裡面其實有非常多「不規則形狀」的框架,把照片套上這類框架,可以讓你的設計延伸更多的創意。

把照片裁切成不規則形狀


做出類似於 Mockup 的效果

前面提到有些框架元素本身會自帶一些裝飾性的外觀,而其中更有一些框架可以做出類似於 Mockup 這種實物模型的效果。以下圖來說,我把照片放進這個筆電框架,那感覺就像我看到筆電螢幕裡的照片一樣。

做出類似於 Mockup 的效果

Canva 裡面也有另外專門製作 Mockup 的功能,效果會更加逼真一點,詳細內容可以參考這篇文章:【Canva】也有 Mockup 功能!自動合成獨特的情境圖片~


結語

Canva 編輯器上方的工具列裡雖然有一個裁切 (Crop) 的功能,但它只能做到矩形 (方形) 的裁切效果,如果想要裁成其它的形狀,目前都得仰賴 Canva 的框架元素才行。

而透過上面的框架範例,你應該知道「框架元素」的用途以及它能呈現的效果是什麼了,只要善用它們,就可以輕鬆改變照片的輪廓!


延伸閱讀

References:
https://www.canva.com/help/article/using-frames/


aifian APP推薦活動


如果你喜歡這篇文章的話
歡迎用下面的按鈕分享出去!

▼ 點此分享 ▼