本次教程會用到以下工具：

①GIF圖網(wǎng)站（https://giphy.com）

②135編輯器（設(shè)計二維碼）

③Photoshop

教程開始

想快速順利學(xué)習(xí)本篇教程，請先看《

漂亮的二維碼都是這么做出來的！這個二維碼工具厲害了！

》此文。ps僅使用左側(cè)工具欄第一個“選擇”工具，不涉及其他功能按鈕，建議大家找正方形GIF進(jìn)行制作。并且，時刻用手機(jī)對二維碼進(jìn)行掃描測試。

第一種

在135編輯器的設(shè)計二維碼工具中，調(diào)整二維碼參數(shù)，優(yōu)化二維碼界面。主要調(diào)整：二維碼容錯、外邊距。

選擇1000像素對二維碼進(jìn)行下載，如果自己的GIF圖質(zhì)量不是特別好，則選擇400-600像素下載即可。

在PS中打開準(zhǔn)備好的GIF圖片（將GIF直接拖拽ps圖標(biāo)上即可打開），并點擊：窗口-時間軸，調(diào)出時間軸工具。

點擊：圖像-畫布大小，改變寬度或高度，再確定定位，在其中一側(cè)預(yù)留二維碼位置。

點擊時間軸GIF的最后一幀或者圖層最頂層，以確定等下置入二維碼的位置。

點擊左下角：時間軸界面轉(zhuǎn)換按鈕，移動滑竿，檢查幀數(shù)軸是否一齊，可用鼠標(biāo)拖拽調(diào)整。

拖拽幀位置，點擊GIF播放按鈕，試看完成的GIF播放效果。此時也要檢查置入的二維碼圖片是否是最后一幀或最上一圖層。

點擊：文件-導(dǎo)出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調(diào)節(jié)右下角像素值調(diào)整大小，然后保存在桌面。

成品欣賞。這是較為普通，比較常見的一種GIF二維碼方式，右側(cè)GIF通常為手印識別動圖。

第二種

在135編輯器的設(shè)計二維碼工具中，調(diào)整二維碼參數(shù)，優(yōu)化二維碼界面。主要調(diào)整：二維碼容錯、外邊距并勾選透明。

依然先在GIF的最后一幀or圖層最頂層點擊一下，確定GIF置入后的位置。

點擊：文件-置入嵌入的智能對象，置入二維碼，并移動至合適位置，點擊上方確定?按鈕。（按住shift，鼠標(biāo)可對圖片等比縮放）

點擊左下角：時間軸界面轉(zhuǎn)換按鈕，移動滑竿，檢查幀數(shù)軸是否一齊，可用鼠標(biāo)拖拽調(diào)整。拖拽幀位置，點擊GIF播放按鈕，試看完成的GIF播放效果。

點擊：文件-導(dǎo)出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調(diào)節(jié)右下角像素值調(diào)整大小，然后保存在桌面。

這個是較有特點的GIF。常用模式為底圖GIF為品牌logo或者動態(tài)公眾號頭像。

第三種

在135編輯器的設(shè)計二維碼工具中，調(diào)整二維碼參數(shù)，優(yōu)化二維碼界面。主要調(diào)整：二維碼容錯、外邊距和滿值原點。并選擇1000像素對二維碼進(jìn)行下載。

ps中打開此二維碼，選擇通道，ctrl+左鍵點擊RGB，后 ctrl+shift+i 進(jìn)行反選，再返回圖層，點擊delete進(jìn)行刪除。

ctrl+d 取消選區(qū)，點擊：文件-導(dǎo)出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調(diào)節(jié)右下角像素值調(diào)整大小，然后保存在桌面。

打開GIF，在GIF的最后一幀or圖層最頂層，再點擊：文件-置入嵌入的智能對象，置入二維碼并移動至合適位置，點擊上方確定?按鈕。

調(diào)整二維碼圖層透明度，達(dá)到最佳效果，前兩種也可調(diào)。

點擊左下角：時間軸界面轉(zhuǎn)換按鈕，移動滑竿，檢查幀數(shù)軸是否一齊，可用鼠標(biāo)拖拽調(diào)整。

拖拽幀位置，點擊GIF播放按鈕，試看完成的GIF播放效果。

點擊：文件-導(dǎo)出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調(diào)節(jié)右下角像素值調(diào)整大小，然后保存在桌面。

這是一個優(yōu)化后的動態(tài)二維碼，可以更好的處理和展示細(xì)節(jié)，不過，建議密集恐懼癥者少用。