阿虛教你製作動態二維碼,超詳細教程!

這篇教程很早之前就答應幾個粉絲要寫,拖的有點久了。

內容比較多,先上個目錄

阿虛的教程會遲到,但永遠不會缺席。hahahahhaha...

一、 先說一下今天要教的內容

ʕ•̫͡•ོʔ•̫͡•ཻʕ•̫͡•ʔ•͓͡•ʔ

1.不準備教的

類似這種二維碼,阿虛覺得比較醜 (゚⊿゚),就不教這種了:

另外像下面這種二維碼,一般需要AE(Adobe After Effects)來製作。

AE這個軟件本身就比較複雜了,而且製作這種二維碼也很費時間,所以阿虛也不準備教這個了。

如果想做這種二維碼,可以看看這篇教程:https://www.zcool.com.cn/work/ZMTc2MjU5NDg=.html (教程作者說她斷斷續續做了大概一個月)

2.準備教的有三種

以下3種動態二維碼有些許差別,阿虛個人還是最喜歡最後一種

二、網站

先說用最簡單的辦法,就是直接用網站一鍵生成。

當然,製作動態二維碼,你首先需要一張GIF,找GIF的網站很多,簡單舉幾個例子

(一)靜態彩色背景二維碼

1.草料二維碼美化

網址:https://cli.im/tools

2.聯圖網二維碼美化

網址:http://www.liantu.com/meihua/

這個網站可以生成的彩色二維碼類型挺多的,下面是部分截圖預覽


3.半色調視覺二維碼生成器

網址:http://www.mobanma.com/bsd.html

4.半色調二維碼生成器

網址:https://spacekid.me/halftone-qr-code-generator/

(二)動態二維碼圖片

網址:https://www.toolnb.com/tools-qrcode-featureQrcode.html

  • 可以生成彩色或者黑白的二維碼

  • 可以一鍵生成類似下面這種效果的動態二維碼(上面的類型1)

(三)GIF動態全色調視覺碼

網址:http://www.mobanma.com/visual

可以選擇不同的碼眼類型(就是二維碼的定位點)

可以生成下圖類型的動態二維碼(上面的類型2)

三、軟件

下面講用軟件的辦法來製作動態彩色二維碼。

(一)安卓

Qart能生成彩色或者黑白的二維碼,這個就沒教程了,導入圖片一鍵生成。

文末提供軟件下載方式。

(二)Windows

先說清楚了,Windows看起來教程比較長,但是請別怕

1.MyQR

(1)事前準備

準備你二維碼的掃描結果(網址或者文字),再準備一張GIF圖,最好是正方形尺寸的。

這張圖片尺寸爲200*200 px,也就是寬度和高度相等,幀數爲27。

建議選擇幀數較少、背景比較乾淨的動圖來製作二維碼。

(2)效果的預設

MyQR這個工具不提供設置各參數的圖形化界面,需要設置一個txt文檔來填寫相應的參數, 把GIF放到myqr同一個文件夾,然後設置一下info.txt。

info.txt 內容包含:

v=10
l=L
p=功夫熊貓.gif
c
con=1.0
bri=1.0
words=http://kyon945.ys168.com/

一共是7行信息(基本上你用不改動)

  1. v:指的是二維碼的邊長,可填1~40。建議不要太大,邊長越大,產生越費時,二維碼佔的空間也大。一般選定一個大小(如10)。
  2. l:指的是二維碼容錯水平,從低到高依次爲L、M、Q、H。一般建議填寫L,這樣可以減少二維碼有效部分,提高二維碼顏值。
  3. p:指的是圖片,把你要轉換成二維碼的圖片的完整名稱填上,包括文件後綴.gif。功夫熊貓.gif就是我獲取的功夫熊貓動圖的名稱。
  4. c:這一行是用來區分黑白還是彩色效果的。當保留c這一行時,指的是選擇彩色效果;刪掉這一行,則指的是黑白效果。記住:刪掉c時,記得要整行刪掉,不要留出空白的一行。
  5. con:這指的是圖片的對比度。填寫默認的1.0即可。可以適當增減。
  6. bri:這行用於調節圖片亮度,填寫默認的1.0即可。可以適當增減。
  7. words:可以是網址,也可以是文字。

總結:一般只需要修改:p 和 words 即可。

(3)生成動態二維碼圖

準備好之後雙擊myqr.exe即可開始製作動態二維碼

打開之後會彈出一個命令行界面,意思是讓你等待。

生成的動態二維碼同樣在該文件夾中,最後生成的效果圖。

項目github地址:https://github.com/sylnsfar/qrcode

2.UGA+VisualQRC+ShanaEncoder

類型3的二維碼,需要3個軟件來製作。

(1)事前準備

先找一張很可愛的GIF ꉂ(ˊᗜˋ*)

準備這三個軟件,阿虛給的都是單文件版,無需安裝,下載後直接運行(文末提供下載方式)

(2)UGA處理圖片

打開阿虛提供的單文件版UGA5,導入圖片(修改圖片)導出爲視頻

(3)VisualQRC導入視頻

然後打開阿虛提供單文件版VisualQRC,導入圖片並製作動態二維碼

點擊打開文件後,會彈出下面這樣一個窗口。

  • Version 是二維碼的版本設置,你可以理解爲二維碼的定位標誌數量。(你可以看下圖輕鬆理解)
  • EC Level 是容錯級別,L級可糾正約7%錯誤、M 級別可糾正約15%錯誤、Q 級別可糾正約25%錯誤、H 級別可糾正約30% 錯誤,一般設置爲 Q 即可

(4)VisualQRC製作二維碼

然後就進入軟件主界面了

覺得剛剛的version設置的不合適的話,還是可以修改的

覺得沒問題就點擊軟件主界面左上角的齒輪導出二維碼,這時會有個導出設置,建議設置爲全幀(非壓縮的)

(5)等待結果

然後你需要耐心等待軟件處理

等到提示Done,就表示完成啦。

(6)視頻轉爲GIF

我們用VisualQRC導出的是視頻格式的二維碼,最後用ShanaEncoder把視頻轉GIF就行啦。

另外補充一下,自己記得設置輸出目錄(阿虛求求泥們不要來問我找不到輸出的文件在哪裏這種問題嘞!)

最後成品如下(╭ ̄3 ̄)╭♡

四、軟件下載

今天教程中提到的,請關注微信公衆號:阿虛同學

在聊天框發送:動態二維碼

後臺即會自動回覆軟件下載地址了 (ง ˙o˙)ว

今天的內容可能比較小衆吧

喜歡折騰的小夥伴,下載軟件跟着教程,做一個屬於自己的二維碼試試咯?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章