Canva如何做出【文字描邊or邊框】的效果?絕對實用!

Last Updated on 2021 年 10 月 18 日 by 小幫手

How to make text stroke effect in Canva 封面圖片

我們在很多圖片或是影片當中,經常都需要穿插文字在裡面,但是如果文字跟背景的顏色如果太過接近,會很難看清楚文字內容,因此「文字描邊(邊框)」的功能就非常的重要,而在Canva裡面究竟要怎麼做出這種效果?讓這篇文章來告訴你!

什麼是文字描邊?

文字描邊 的英文叫做 Text Stroke,它就是在文字旁邊加上一個外框,通常會跟文字本體顏色有鮮明的對比。有時候想在圖片中插入文字,但文字顏色可能會融入背景之中,這時候讓文字產生描邊的效果,就可以有效跟背景隔開。

只是目前在Canva的文字效果裡面,並沒有專門選項可以直接做出文字描邊(邊框)的效果,但可以透過調整其它文字風格的參數設定,來達到「文字描邊」的效果。



如何做出文字描邊效果?

首先在Canva的圖片編輯器裡面,把左邊的功能選單切換到 文字 選單那邊。

步驟一:插入文字

在文字的選單裡,隨意插入任何一個文字框,看是你要用上面的「新增標題/內文」或是下面的「文字模板」都可以,點擊就可以直接插入右邊的畫布裡面了。

插入文字或文字範本


步驟二:點擊文字效果

在右邊的畫布裡選取剛剛插入的文字框,這時候你會看到上面的工具列變成文字類的工具列。在工具列裡面點擊 效果,這時候左邊的側邊欄就會切換到文字效果的功能設定介面。

點擊文字工具列的效果


步驟三:選擇出竅風格

在左邊文字效果介面裡面,把文字風格切換到 出竅 的選項,這時候你會看到右邊畫布裡面的文字,會轉變成文字出竅的效果,但它其實已經有文字描邊的雛形了。

把文字風格切換到出竅風格


步驟四:設定偏移值

而當文字風格切換到「出竅」的時候,下面的設定功能也會跟著切換。

在這些設定參數裡面,把 偏移 的參數調整到 0,就可以讓畫布裡的文字轉變成「文字描邊」的樣式啦!

把文字出竅風格的偏移值調整為0,就可以做出文字描邊的效果




文字描邊及細節調整

接下來講一些比較相關的調整,畢竟也不是把出竅效果變成文字描邊就沒事了,還是可以做點外觀改變。

調整文字內部的顏色

首先就是跟文字描邊的顏色有關,讓畫布中的文字描邊之後,它就會分成「文字內部」的顏色跟「描邊」的顏色。

文字內部的顏色,可以到文字「出竅風格」的設定裡,找到 顏色 的設定,透過這邊的設定,可以改變文字描邊內部的顏色。(具體操作可以參考下圖)

調整文字描邊的文字內部顏色


調整文字邊框的顏色

如果想調整的是文字描邊的「邊框」顏色,則是要回到原本文字的工具列上調整。

看一下下面這張圖的操作,我是點擊畫布中的文字之後,直接點擊上方工具列的 文字顏色,左邊側邊欄就會直接切換到文字顏色的設定介面,其實在「文字描邊」的狀態之下,調整這邊的設定會改變文字的外框顏色喔。

調整文字描邊的邊框顏色


調整文字邊框粗細

再來,文字描邊的「邊框粗細(厚度)」也是可以調整的,這邊就是要回到 出竅 的文字設定介面,裡面會有粗細的參數可以調整,從 0~100 數字越大邊框會越粗。

調整文字描邊的邊框粗細


調整字體

另外我覺得文字的 字體(Font) 也需要修改一下,因為有些字體的文字描邊效果並不是很好,甚至有些字體會造成「文字描邊」的反效果。

所以除了調整文字描邊的顏色及邊框粗細之外,也要記得在文字工具列那邊調整好文字的字體

調整文字描邊的字體字型



搜尋關鍵字:Splice

關於「出竅」這個文字效果,其實在功能選單裡面有一些些文字範本可以用,但通常都會跟其他的範本混在一起,這時候可以透過側邊欄上面的搜尋框,搜尋 Splice 這個關鍵字,這樣就可以直接找到跟「出竅風格」相關的文字模板囉!

搜尋關鍵字Splice


結語

我一開始以為Canva的預設會有這種「文字描邊」的功能,結果居然找不到!所以我就直接用它的文字風格摸索看看,除了中空的效果比較像之外,後來就摸索出上面的方法。

雖然這只是文字裡面一個小小的功能設定,但對我來說這是非常實用的文字效果,而且不管是中文字體或英文字體都適用,同時我也不需要再另外疊加一層元素上去。所以想要在Canva裡面做出文字描邊的效果的話,上述介紹的方法就是其中一種方式。

另外,如果使用的是去除背景的文字或圖像的話,也可以利用圖像的效果來添加邊框喔,算是另一種文字描邊的方式,具體的操作設定可以參考這篇文章:Canva【人物外框/邊框】怎麼做?圖像效果這樣設定就好!



Reference:

https://fallontravels.com/blog/canva-outline-text


延伸閱讀


aifian APP推薦活動


最後
§ 很感謝你的閱讀 §
如果你喜歡這篇文章的話

→ 歡迎 留言分享 喔!

→ 歡迎點下面這張圖來【贊助】支持我!讓我繼續為你創作更多內容!

贊助我一杯咖啡


發表迴響