公眾號排版文章如何制作動態二維碼教程
在135編輯器的設計二維碼工具中，調整二維碼參數，優化二維碼界面。主要調整：二維碼容錯、外邊距。
如何制作精美動態二維碼
本次教程會用到以下工具：
①GIF圖網站（https://giphy.com）
②135編輯器（設計二維碼）
③Photoshop
教程開始
想快速順利學習本篇教程，請先看《
》此文。ps僅使用左側工具欄第一個“選擇”工具，不涉及其他功能按鈕，建議大家找正方形GIF進行制作。并且，時刻用手機對二維碼進行掃描測試。
第一種
在135編輯器的設計二維碼工具中，調整二維碼參數，優化二維碼界面。主要調整：二維碼容錯、外邊距。
選擇1000像素對二維碼進行下載，如果自己的GIF圖質量不是特別好，則選擇400-600像素下載即可。
在PS中打開準備好的GIF圖片（將GIF直接拖拽ps圖標上即可打開），并點擊：窗口-時間軸，調出時間軸工具。
點擊：圖像-畫布大小，改變寬度或高度，再確定定位，在其中一側預留二維碼位置。
點擊時間軸GIF的最后一幀或者圖層最頂層，以確定等下置入二維碼的位置。
再點擊：文件-置入嵌入的智能對象，置入二維碼并移動至合適位置，點擊上方確定?按鈕。
點擊左下角：時間軸界面轉換按鈕，移動滑竿，檢查幀數軸是否一齊，可用鼠標拖拽調整。
拖拽幀位置，點擊GIF播放按鈕，試看完成的GIF播放效果。此時也要檢查置入的二維碼圖片是否是最后一幀或最上一圖層。
點擊：文件-導出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調節右下角像素值調整大小，然后保存在桌面。
成品欣賞。這是較為普通，比較常見的一種GIF二維碼方式，右側GIF通常為手印識別動圖。
第二種
在135編輯器的設計二維碼工具中，調整二維碼參數，優化二維碼界面。主要調整：二維碼容錯、外邊距并勾選透明。
依然先在GIF的最后一幀or圖層最頂層點擊一下，確定GIF置入后的位置。
點擊：文件-置入嵌入的智能對象，置入二維碼，并移動至合適位置，點擊上方確定?按鈕。（按住shift，鼠標可對圖片等比縮放）
點擊左下角：時間軸界面轉換按鈕，移動滑竿，檢查幀數軸是否一齊，可用鼠標拖拽調整。拖拽幀位置，點擊GIF播放按鈕，試看完成的GIF播放效果。
點擊：文件-導出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調節右下角像素值調整大小，然后保存在桌面。
這個是較有特點的GIF。常用模式為底圖GIF為品牌logo或者動態公眾號頭像。
第三種
在135編輯器的設計二維碼工具中，調整二維碼參數，優化二維碼界面。主要調整：二維碼容錯、外邊距和滿值原點。并選擇1000像素對二維碼進行下載。
ps中打開此二維碼，選擇通道，ctrl+左鍵點擊RGB，后 ctrl+shift+i 進行反選，再返回圖層，點擊delete進行刪除。
ctrl+d 取消選區，點擊：文件-導出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調節右下角像素值調整大小，然后保存在桌面。
打開GIF，在GIF的最后一幀or圖層最頂層，再點擊：文件-置入嵌入的智能對象，置入二維碼并移動至合適位置，點擊上方確定?按鈕。
調整二維碼圖層透明度，達到最佳效果，前兩種也可調。
點擊左下角：時間軸界面轉換按鈕，移動滑竿，檢查幀數軸是否一齊，可用鼠標拖拽調整。
拖拽幀位置，點擊GIF播放按鈕，試看完成的GIF播放效果。
點擊：文件-導出-存為web格式，在右上角選擇GIF格式，檢查左下角GIF大小，可通過調節右下角像素值調整大小，然后保存在桌面。
這是一個優化后的動態二維碼，可以更好的處理和展示細節，不過，建議密集恐懼癥者少用。
立即登錄
