第一次寫教程,獻上糯米滿滿的誠意,希望大家能喜歡ヽ(。◕‿◕。)ノ゚
近段時間動态二維碼火爆了,經過一番研究,終于做出了自己的二維碼,可以微信掃一掃,也可以保存圖片識别二維碼。不說别的,上圖先╭( ̄▽ ̄)╯
個性動态二維碼
下面開始抛教程,首先要感謝素不相識的管井同學的教程,給了我蠻多啟發,好了,下面不啰嗦 (〜 ̄△ ̄)〜
二維碼制作之前,要提前找素材,定基調。糯米選擇的是浪漫的熱氣球場景,一直想去土耳其一睹熱氣球的風采,
可惜沒有機會,讓我在二維碼裡沉浸一下吧╮(๑•́ ₃•̀๑)╭
第一步就是幹貨,打起精神,來看簡版二維碼的生成(..•˘_˘•..)
準備好自己的二維碼
在百度搜索“二維碼提取信息”,衆多轉碼神奇中,糯米推薦草料,真心不是廣告(;¬_¬)……附上網址http://cli.im/deqr/
點擊上面的紅框上傳自己的二維碼圖片,得到下面的掃描結果,複制備用。
點擊左上角的logo打開草料首頁,附上網址http://cli.im/,粘貼剛才複制好的掃描結果,點擊下面的生成二維碼,得到轉碼後的二維碼。
在這裡要說明下,有些教程裡提到了縮短網址,糯米真真的試過,最終沒有成功,在這裡就不推薦了 (눈_눈)
接下來為了制作更加快捷方便,我們繼續在線進行二維碼的調整,點擊右下角的快速美化器,進入後點擊高級美化
如圖将參數設定一下,其中二維碼容錯,也就是容錯率調到最低,讓我們在設計時有盡可能多的發揮空間。容錯是什麼呢?簡單來說,比如這個二維碼中有100個點,遮蓋住其中7個點還可以識别出來,那麼容錯率就是7%。
左下角液态與圓點可以按照自己的喜好随意選擇,糯米選擇了圓點。
點擊右上角的下載二維碼,即可得到我們的設計參考二維碼啦(ノ≧∀≦)ノ
咳咳~不要高興的太早,做到這一步,你已經做好了基本的第(準)一(備)步(工)了(作)!!(“▔□▔)
---------------------------------------休息一下,下一步更關鍵-------------------------------------------------
第二步,素材的繪制
這個是拼軟實力的時候了,創意為大,有了好的思路,是作品成功的關鍵。
糯米貼合了浪漫的主題,選取了燈塔,風車等素材。
偷偷告訴大家幾個小技巧,下圖藍色的區域是二維碼的重點定位區,這個區域盡可能減少誇張的設計,運用較強烈的對比色(糯米嘗試過用熱氣球的粉色來做定位的點點,但因為對比不強烈而失敗)。如果不喜歡方形,也可以和糯米一樣做成圓形的。
創作過程中注意素材大小的把控,糯米試過把素材的每個點都做成和黑色的圓點一樣大,但做好後掃不出,翻閱教程才知道,二維碼其實是打點的,最好的方案就是按照藍點的大小來做,最小别小于上圖紅色的點,最大别大于黃色的點,這樣可以增加識别度 (ง •̀_•́)ง。
素材創意時,糯米把圓點進行分成幾個區域,方便制作。
其他的形狀可以用道路代替,經過漫長的拼湊和實驗,終于做出了完整的二維碼!成就感滿滿:.゚ヽ(。◕‿◕。)ノ゚.:。 ゚
再配上之前做好的環境圖,還是蠻夢幻的~嗯,可以先小小的慶祝一下啦!
---------------------------------------休息一下,下一步更關鍵-------------------------------------------------
做到這一步,基本上可以算是小功告成,最後動态部分用AE(Adobe After Effects)來制作,都是一些簡單的移動和旋轉,在這裡糯米就不多做贅述了,感興趣的朋友可以參考網上的教程。
說了那麼多,糯米口好渴,一套下來斷斷續續做了有一個月(當然是利用午休時間和上班空閑時間做的,咳咳,其實上班真的忙成狗,沒有耽誤工作好不啦(๑•́ ₃•̀๑٥)),技術上并不難,難的是要耐下性子反複試驗,糾正每一個可能出現的小誤差,想做的朋友們加油喽(*•̀ㅂ•́)و
就醬,不早了,小的退下了,拜拜( ゚∀゚)つ
,