類似這樣的動態(tài)二維碼,你見過嗎?
【動態(tài)二維碼】,有沒有聽說過這個說法呢?
我想,大家見得最多的是靜態(tài)二維碼吧,大不了就是漂亮一點的藝術二維碼,但是動態(tài)的,恐怕不常見,甚至沒見過吧。
所以,我告訴你,動態(tài)二維碼是可以制作的,你可能會大吃一驚。
究竟是怎樣的動態(tài)呢?是指二維碼周圍的部分會動起來?不是的。那么是指二維碼整體會發(fā)生移動嗎?怎么會那么簡單呢。我強調(diào)的是,二維碼內(nèi)部有動態(tài)變化的效果。
噢,這樣變化的二維碼,還能進行掃碼嗎?答案是可以的。如上圖所示的二維碼,你可以試試。原理你大可不必去深究。
下面我要告訴你如何去制作它。
你可能會想,這是不是需要PS或者一些強大的軟件來幫忙,其實并不是的,制作這樣的效果,只需借助一個小工具,或者它的網(wǎng)頁版來完成。
壹
軟件:myqr
在運行它之前,需要做一些準備工作。
01 網(wǎng)址的準備
準備一個在掃碼后,跳轉(zhuǎn)到的網(wǎng)頁的網(wǎng)址,這也正是我們使用這個二維碼的目的,如我使用公眾號的二維碼對應的網(wǎng)址。
如果,你直接使用的就是網(wǎng)址,那就沒問題;而如果你目前只有二維碼,那就需要進行信息的讀取了。這可以通過【草料二維碼】網(wǎng)站來完成。
打開草料二維碼網(wǎng)站,下拉頁面,找到【工具和服務】中的【二維碼掃描器】,
打開它,點擊位于中部的【上傳二維碼圖片】,這樣很快就能獲取掃描結果,即相應的網(wǎng)址。
02 GIF圖的準備
第二個方面的準備,就是支撐動態(tài)效果的動態(tài)GIF圖的準備了。
網(wǎng)絡上有很多這類資源,如【小豬動圖】、【GIPHY】等。下面以小豬動圖為例。
打開小豬動圖主頁,點擊【GIF動圖】,進入相應的模塊,里面有各種分類的動圖,也可以通過關鍵詞進行搜索。
如,我找到一張功夫熊貓翻身的動圖,點開看到詳細內(nèi)容,頁面往下拉,我還看到了相應的圖片信息。
可見,圖片大小為【200*200 px】,也就是寬度和高度相等,而幀數(shù)為27,不大,還可以。
由于生成動圖的時間與幀數(shù)相關,因為每一幀都要生成對應的圖像,所以,幀數(shù)越大,耗時越多,建議選擇幀數(shù)較少的動圖。
在這里,我要告訴你一件事,想要獲得最好的效果,建議使用正方形的圖片;而我選擇的圖片剛好是正方形的,所以剛剛好。
不過,如果遇上并非等寬高的圖片,是不是就沒辦法了呢?是不是只能湊合著用,或者另尋其他圖片呢?其實沒那個必要,圖片尺寸不合適,我們可以進行裁剪啊,而小豬動圖剛好就有這個功能。
在圖片詳情頁,圖片下方就有【編輯】的按鈕,選擇后,點擊【來裁剪我呀】,就可以進行裁剪了。
進入裁剪功能后,點擊【開始裁剪】,就可以開始通過拖動邊框右下角來調(diào)整圖片的尺寸,在圖片左上方有當前的裁剪尺寸情況,在調(diào)整完成后,點擊右下方的【下載保存】按鈕,就可以保存裁剪后的GIF圖了。
這樣,GIF圖就算準備好了。
建議:不要找背景透明的動圖。
03 效果的預設
目前,這個工具,還不是做得十分友好,暫時不提供設置各參數(shù)的界面,只能是由我們自己通過一個txt文檔來填寫相應的參數(shù)。
聽到這里,會不會有點害怕,或是覺得有點麻煩,不用擔心,都是些很簡單的參數(shù),主要需要修改的只有2~3個。
好,具體有哪些參數(shù)呢,下圖是我舉的一個例子。
一共是7行信息。解讀如下。
1. v:指的是二維碼的邊長,可填1~40。建議不要太大,邊長越大,產(chǎn)生越費時,二維碼占的空間也大。一般選定一個大小(如10),就不必經(jīng)常去修改了。
2. l:指的是二維碼容錯水平,從低到高依次為L、M、Q、H。一般建議填寫L,這樣可以減少二維碼有效部分,提高二維碼顏值。這里與第一行的v一樣,選定好之后,就不怎么需要修改了。
3. p:指的是圖片,也就是GIF圖,這里需要把圖片的完整名稱填上,包括文件后綴(如.gif)。【gfxm.gif】就是我獲取的功夫熊貓動圖的名稱。
4. c:這一行是用來區(qū)分黑白還是彩色效果的。不需要填其他參數(shù)。當保留c這一行時,指的是選擇彩色效果;當把這一行去掉,則指的是黑白效果。很重要的一點,每一行信息之間不允許添加空行,所以刪掉c時,記得要整行刪掉,不要留出空白的一行。
5. con:這指的是圖片的對比度。填寫默認的【1.0】即可,不需要經(jīng)常修改,也可以適當增減。
6. bri:這行用于調(diào)節(jié)圖片亮度,用法與第五行差不多,填寫默認的【1.0】即可,同樣不需要經(jīng)常修改。
7. words:最后一行,填寫的就是一開始獲取的網(wǎng)址,記得直接復制完整網(wǎng)址即可,不要偷工減料啊,【http://】也是必需的。
好了,不知道你有沒有好好地去看呢?我來總結一下,主要需要修改的【p】、【c】和【words】行,其他的填寫后,即可固定不變。【p】的圖片名稱和【words】的網(wǎng)址就是通過前兩步獲取的,【c】的有無色彩可以看你需要。
一些小的要點是,要在英文半角狀態(tài)下輸入,不需要添加空格來間隔。
最后還有一點,那就是,這個文本文檔的名稱要命名為【info】。
04 生成動態(tài)二維碼圖
來到生成動態(tài)二維碼這一步了,先新建【一個文件夾】,把上面獲取的GIF動圖和info文本文檔連同myqr這個二維碼生成器一同放入文件夾里,雙擊【myqr.exe】。
首次打開程序,可能會先下載一點東西,到以后使用的時候,就不需要再下載了。
以后每一次打開的時候,如果準備沒錯的話,就會見到類似下圖的情況。
等待時間,與你選擇的動圖、設置的參數(shù)有關,當然,你的電腦配置也相關著。
當出現(xiàn)類似以下的畫面,就說面完成了。此時,點擊鍵盤任意鍵即可退出。
生成的動態(tài)二維碼同樣在該文件夾中。名稱中多出【_qrcode】部分的即為新生成的二維碼動圖。
最后生成的效果圖。
貳
網(wǎng)站:Amazing QR Code
客戶端,目前還顯得不夠友好,但比較友好的網(wǎng)頁版,倒是有一個,叫做【Amazing QR Code】,它們是一家的。
這里奉上網(wǎng)址:
http://www.amazing-qrcode.com/
打開網(wǎng)頁(部分瀏覽器可能會失敗,目前測試用Chrome和edge瀏覽器可成功),就可以看到,只剩下剛才我重點提及的3個方面的參數(shù),從上往下看分別是,網(wǎng)址鏈接,色彩情況,以及動圖。準備好了之后,點擊【Submit】,即會開始上傳生成。
看到這里,你發(fā)現(xiàn)了嗎?可以使用的圖片,除了GIF圖,還能是jpeg、png等。所以,其實,這個工具或者網(wǎng)站,除了能生成動態(tài)的二維碼,還能夠生成【靜態(tài)二維碼】,只要提供靜態(tài)的圖片即可。
如下圖為由它生成的效果圖,也就是開篇舉的例子。
這是用網(wǎng)站生成的效果。與工具生成的效果相比,少了一些碼眼,適當提高了美觀度。所以可以考慮優(yōu)先使用網(wǎng)站生成。
而經(jīng)測試,有的時候,生成效果并不好,會出現(xiàn)混亂的效果,但參數(shù)什么的,無法設置,這時僅能依靠本地工具來生成。看來,要提高美觀度,還是有點難度的。
雖然美觀度欠佳,但本地小工具還有隱藏的技能,那就是【能根據(jù)文本內(nèi)容生成二維碼】,這當然是英文文本,也就是用英文文本替代了網(wǎng)址,掃碼后則會看到相應的文本信息。例如,我們可以輸入【happy】。
最后,再展示一個動態(tài)二維碼成品。
【總結】
動態(tài)二維碼并非遙不可及,本文介紹一個本地工具myqr和相應的網(wǎng)站amazing qr code,它們均可用于生成動態(tài)二維碼,也可以生成靜態(tài)圖片二維碼,小工具還能根據(jù)文本信息生成相應的動態(tài)二維碼。
◆?◆?◆ ?◆?◆
希望本文對您有所幫助
小斌感謝您的閱讀