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













