酷知百科網

位置:首頁 > 遊戲數碼 > 互聯網

利用PS如何輕鬆簡單搞定一個動態二維碼

互聯網3.35W

還在爲不知道怎麼製作動態指紋二維碼而“香菇藍瘦”嗎?今天這波福利就是跟大家一起分享下我製作二維碼的過程,有不正確的地方還望指正~

首先簡單瞭解二維碼的原理

(01)二維碼在上面和左下角都有三個較大的方塊,它們是二維碼的定位標誌(我自己取名叫“眼”..), 二維碼的定位圖形非常重要,必須清晰而明顯的表現出來 。

利用PS如何輕鬆簡單搞定一個動態二維碼

(02)右下角還有一個校正標誌

利用PS如何輕鬆簡單搞定一個動態二維碼 第2張

(03)二維碼有一定的容錯機制,其糾錯範圍可以從 7% 到 30%。要注意的是,關鍵部位(如定位圖形)污損面積只佔了不足5%,也有可能導致內容無法讀取。

構思視覺創意

(01)構思一個創意主題,然後蒐集素材。例如以中秋節爲主題,發散思維,能想到中秋燈會、登高望遠、思念親人…可以先從外部裝飾做起,裝飾周圍空間比破壞二維碼內部資訊圖案安全的多。透過外部裝飾的設計表達場景、營造氛圍。

利用PS如何輕鬆簡單搞定一個動態二維碼 第3張

(02)然後進行內部設計。首先設計二維碼的定位圖形,確保對比明顯。再對二維碼的數據區域進行圖案的覆蓋,圖案可以是多個色相,也可以漸變。例如案例中的二維碼運用了路面、燈籠、建築、樹木、氣泡等圖案。大家也可以發揮想象,設計出貼合主題、更有趣味和創意的二維碼圖形。注意不能使用反色,二維碼背景用淺色覆蓋,圖案用深色覆蓋,並有較強的明度對比。

利用PS如何輕鬆簡單搞定一個動態二維碼 第4張

(03)靜態的二維碼已設計完成?二維碼的核心功能在於識別,這裏用多個掃碼工具測試一下,一般來說,二維碼解析能力最強的是微信。

動態效果的製作

(01)根據主題表達的需要添加動態效果,外圍的動畫可以做的複雜一些,內部動畫儘量不要破壞數據圖案即可。製作動效的軟件有很多,常見的可以用AE、Photoshop。先整理PS檔案,把動態元素和靜態元素整理好。然後用AE製作,這裏用的都是基礎動效,相信你們看看就知道怎麼做,我忘截圖了...

標籤:二維碼