動態(tài)二維碼教程

三種動態(tài)二維碼教會你制作!

胖友們,歡迎來看第二篇教程:


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

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

②135編輯器(設(shè)計(jì)二維碼)

③Photoshop cc 2017


網(wǎng)上大多教程,講的不夠細(xì)致,這次小三兒全程GIF操作,保證零基礎(chǔ)的胖友也能看懂。ps軟件底部會贈送,GIF圖網(wǎng)站也只推薦這一個,反正推薦多了你們反而還不用。




----- ? -----

教程開始




想快速順利學(xué)習(xí)本篇教程,請先看《漂亮的二維碼都是這么做出來的!這個二維碼工具厲害了!》此文。ps僅使用左側(cè)工具欄第一個“選擇”工具,不涉及其他功能按鈕,建議大家找正方形GIF進(jìn)行制作。并且,時刻用手機(jī)對二維碼進(jìn)行掃描測試。



第一種


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






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






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






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






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







再點(diǎn)擊:文件-置入嵌入的智能對象,置入二維碼并移動至合適位置,點(diǎn)擊上方確定?按鈕。







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






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






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






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






第二種


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





依然先在GIF的最后一幀or圖層最頂層點(diǎn)擊一下,確定GIF置入后的位置。





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





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





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





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





第三種


在135編輯器的設(shè)計(jì)二維碼工具中,調(diào)整二維碼參數(shù),優(yōu)化二維碼界面。主要調(diào)整:二維碼容錯、外邊距和滿值原點(diǎn)。并選擇1000像素對二維碼進(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大小,可通過調(diào)節(jié)右下角像素值調(diào)整大小,然后保存在桌面。





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





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

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

拖拽幀位置,點(diǎn)擊GIF播放按鈕,試看完成的GIF播放效果。





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





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





以上就是常見的三種動態(tài)二維碼模式。當(dāng)然,除了用PS,還有很多軟件都可以做到,小三兒就不再過多介紹。再放幾張樣品圖給大家欣賞。





教程結(jié)束

----- ? -----




以上所出現(xiàn)的二維碼,小三兒的手機(jī)均可以自動識別,但不保證所有胖友們都能識別,這大概就是人品的原因了吧...


以上文章出現(xiàn)的名詞、解釋以及操作流程,均為小三兒個人習(xí)慣,不代表官方,如有錯誤,還請諸位胖友指正包涵,別再搶走我的雞腿啦!



嚴(yán)正聲明:小三兒將在留言處推出 ps cc 2017 軟件正版安裝包,請通過正規(guī)途徑進(jìn)行授權(quán)使用。此文章不代表任何Adobe版權(quán)問題。



文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運(yùn)營——站式營銷管理平臺
推薦文章
用戶運(yùn)營平臺產(chǎn)品設(shè)計(jì)指南
淺談用戶運(yùn)營中的用戶分層
內(nèi)容運(yùn)營:戴上寫作的六頂思考帽
5000字方法論:4個細(xì)節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營導(dǎo)航
運(yùn)營工具
分享到