這篇教程很早之前就答應幾個粉絲要寫,拖的有點久了。
內容比較多,先上個目錄
阿虛的教程會遲到,但永遠不會缺席。hahahahhaha...
一、 先說一下今天要教的內容
ʕ•̫͡•ོʔ•̫͡•ཻʕ•̫͡•ʔ•͓͡•ʔ
1.不準備教的
類似這種二維碼,阿虛覺得比較醜 (゚⊿゚),就不教這種了:
另外像下面這種二維碼,一般需要AE(Adobe After Effects)來製作。
AE這個軟件本身就比較複雜了,而且製作這種二維碼也很費時間,所以阿虛也不準備教這個了。
如果想做這種二維碼,可以看看這篇教程:https://www.zcool.com.cn/work/ZMTc2MjU5NDg=.html
(教程作者說她斷斷續續做了大概一個月)
2.準備教的有三種
以下3種動態二維碼有些許差別,阿虛個人還是最喜歡最後一種
二、網站
先說用最簡單的辦法,就是直接用網站一鍵生成。
當然,製作動態二維碼,你首先需要一張GIF,找GIF的網站很多,簡單舉幾個例子
- GIPHY:https://giphy.com/
- SOOGIF:https://www.soogif.com/
(一)靜態彩色背景二維碼
1.草料二維碼美化
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行信息(基本上你用不改動)
- v:指的是二維碼的邊長,可填1~40。建議不要太大,邊長越大,產生越費時,二維碼佔的空間也大。一般選定一個大小(如10)。
- l:指的是二維碼容錯水平,從低到高依次爲L、M、Q、H。一般建議填寫L,這樣可以減少二維碼有效部分,提高二維碼顏值。
- p:指的是圖片,把你要轉換成二維碼的圖片的完整名稱填上,包括文件後綴.gif。功夫熊貓.gif就是我獲取的功夫熊貓動圖的名稱。
- c:這一行是用來區分黑白還是彩色效果的。當保留c這一行時,指的是選擇彩色效果;刪掉這一行,則指的是黑白效果。記住:刪掉c時,記得要整行刪掉,不要留出空白的一行。
- con:這指的是圖片的對比度。填寫默認的1.0即可。可以適當增減。
- bri:這行用於調節圖片亮度,填寫默認的1.0即可。可以適當增減。
- 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˙)ว
今天的內容可能比較小衆吧
喜歡折騰的小夥伴,下載軟件跟着教程,做一個屬於自己的二維碼試試咯?