Canva【QR Code產生器】輕鬆做出二維碼!顏色也能隨意換~

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

How to make a QR code in Canva 封面圖片

平常在使用Canva的時候,除了一般的圖片設計功能之外,有沒有注意過Canva還有其他的功能呢?像是「製作QR Code」就是Canva的特殊功能之一,而且製作過程非常簡單,甚至還可以自己變換顏色,詳細教學都在這篇文章啦!

如何用Canva製作QR Code?

平常沒特別注意的話,其實比較難知道Canva有內建 QR Code產生器,因為它平時都是隱藏的狀態,要翻一下編輯器的側邊欄才能找到它。

步驟一:打開圖片編輯器

首先我們要先進入Canva的圖片編輯器裡面。

Canva的圖片編輯器


步驟二:尋找QR Code產生器

接著我們打開左邊的側邊欄,在側邊欄裡面打開 顯示更多 的選單,在這個選單裡面找到一個 QR 代碼 的應用程式,點擊它之後,就可以打開Canva的 QR Code 製作介面了。

點擊左邊功能選單的顯示更多,在裡面找到QR代碼的應用程式
Canva的QR Code產生器製作介面


步驟三:製作QR Code

這個QR Code產生器的用法非常簡單,你只要:

  1. 先輸入網址(URL)
  2. 再點擊 產生QR代碼 的按鈕

就可以在右邊的頁面裡面生成一組QR代碼了!(如下圖所示)

輸入網址,然後點擊「產生QR代碼」,就可以生成QR Code



QR Code的背景顏色

利用Canva的QR Cdoe產生器製作的「二維碼」,一般都是生成黑白相間的顏色,它算是圖片編輯器裡面的一種元素,你選取畫布中的二維碼之後,可以點擊上面工具列的顏色功能,透過「文件顏色」或「預設顏色」等各種顏色功能,來改變QR Code的背景顏色(白色的部分)。

但這個方法只能改變QR Code的「淺色區塊」,「深色區塊」的部分沒辦法利用這種方式換色。如果想要改變二維碼深色區塊的顏色,就繼續往下看吧!

QR Code的背景顏色可以更換


如何改變QR Code的深色區塊?

步驟一:把QR Code換成一張照片

首先,我們先將剛剛製作好的 QR Code 利用「下載」或「截圖」的方式,把它變成一個 圖片檔案


步驟二:把QR Code圖檔上傳至Canva

把QR Code的圖檔再上傳到Canva的畫布裡面。


步驟三:編輯影像

接著就是改變顏色的環節啦!把QR Code換成照片之後,可以做的事情就很多了,因為Canva的圖片編輯器對「照片」有很多效果可以調整。改變QR Code顏色的方法如下:

  1. 先選取QR Code照片
  2. 點擊上方工具列的 編輯影像
  3. 在左側邊欄找到 雙色調(Duotone) 的類別
  4. 點擊雙色調右上角的 查看全部
把QR Code下載為照片,再次上傳到Canva裡面,點擊「編輯影像」裡的Duotone


步驟四:套用新的顏色

在這個 雙色調(Duotone) 的類別裡面,可以看到各種 QR Code 已經套用顏色的「預覽縮圖」,找一個你覺得配色不錯的類型,就可以直接點擊套用到頁面中的 QR Code 照片了!

套用Drotone的顏色到QR Code上



自訂QR Code的顏色

如果這邊的顏色你都不喜歡的話,那也沒關係,因為QR Code的顏色可以自己設定,我也比較喜歡自己設定顏色,所以會比較推薦這個做法:

我們在上一步套用雙色調的顏色之後,可以看到這個已經套用顏色的選項上有一個 控制項 的符號浮現,點擊可以查看這個控制項。

查看Drotone的控制項


改變QR Code深色區塊

進入控制項的介面之後,它會分成亮部、陰影跟強度這幾種功能設定。

點擊改變 陰影 旁邊的顏色設定,可以改變QR Code的深色區塊。

陰影顏色可以改變QR Code的深色區塊


改變QR Code淺色區塊

淺色區塊的顏色也是差不多的操作,改變 亮部 旁邊的顏色設定,就可以對QR Code的背景顏色進行改變。你也可以使用「HEX色碼」來做更細節的顏色調整。

亮部顏色可以改變QR Code的淺色區塊


成功改變QR Code的顏色

把照片的「陰影」跟「亮部」顏色都調整完了之後,就可以看到下面這張變色版的「QR Code」了!

完成QR Code製作


手機掃描QR Code的結果

製作好的QR Code也別忘了用手機掃描一下,看看能不能成功跳轉到你指定的網址喔!我用手機掃描上面製作好的QR Code,就顯示出下面這個「掃描結果」,確實是可以使用的。

用手機掃描QR Code的結果


結語

Canva的QR Code產生器的功能非常簡單易懂,只要輸入網址就可以快速生成二維碼。雖然比不上其他專業製作QR Code的網站工具,但如果設計需求不多的話,我覺得Canva的功能就算是足夠了,至少Canva也能換顏色。



延伸閱讀


aifian APP推薦活動


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

→ 歡迎 留言分享 喔!

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

贊助我一杯咖啡


發表迴響