“蘋果圖文中的GIF,咋這么高清啊?”
蘋果開完2023全球開發(fā)者大會(huì)后,公眾號(hào)推送了一篇圖文《新發(fā)布的事情說三遍,Mac Mac Mac。》,不少運(yùn)營小伙伴關(guān)注的不是產(chǎn)品,而是它的排版:
蘋果圖文中的 GIF,咋這么高清啊!?
組件:自動(dòng)-序列幀動(dòng)效(永遠(yuǎn))
編號(hào):10873(組件)
為什么Apple圖文中的GIF就那么高清?為什么自己的高清GIF上傳不了公眾號(hào)?為什么GIF一壓縮就糊了?……
其實(shí),很多圖文中你以為的高清GIF并不是GIF,而很可能是序列幀動(dòng)效。比如開頭的這個(gè),就是一個(gè)循環(huán)播放的序列幀動(dòng)效。
序列幀動(dòng)效是指一系列靜態(tài)圖通過代碼排版的方式實(shí)現(xiàn)的一種連貫動(dòng)態(tài)效果。
它很好地避免了 GIF 圖上傳公眾號(hào)后臺(tái)容易壓縮變糊的問題,受到了 Apple 等很多大品牌的青睞。
之前教過大家如何用編輯器制作開頭的序列幀動(dòng)效,同時(shí)還介紹了將 GIF 或視頻轉(zhuǎn)化為序列幀的方法,詳細(xì)教程戳:《教你制作蘋果高級(jí)序列幀動(dòng)效!》
在 iPaiban Pro 黑科技編輯器中有多種不同的序列幀動(dòng)效組件,搜關(guān)鍵詞【序列幀】就能全部看到。
除了開頭自動(dòng)循環(huán)播放的序列幀動(dòng)效,還有自動(dòng)單次播放的、點(diǎn)擊播放的、自動(dòng)播放一次點(diǎn)擊可重播的,以及同樣來自蘋果的自動(dòng)序列幀動(dòng)效后移入單張圖片的。
下面是自動(dòng)循環(huán)播放序列幀動(dòng)效的教程:
詳細(xì)教程:
工具:iPaiban Pro 黑科技編輯器,網(wǎng)址:SVG.iPaiban.com
組件:自動(dòng)-序列幀動(dòng)效(永遠(yuǎn))
編號(hào):10873(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,點(diǎn)擊編輯器右側(cè)「組件」按鈕,在「自動(dòng)」-「序列幀」分類中找到「自動(dòng)-序列幀動(dòng)效(永遠(yuǎn))」組件,或者直接在搜索框中搜索組件編號(hào)10873。
第2步:上傳圖片素材
點(diǎn)擊右側(cè)「+」號(hào)按順序批量上傳序列幀圖片,所有圖片需保持尺寸一致。
像這種圖片較多的情況,使用文件夾上傳更為方便。
第3步:調(diào)整動(dòng)畫參數(shù)
動(dòng)畫參數(shù)只需調(diào)整「每張圖片停留時(shí)間」,數(shù)值越小,圖片切換越快,序列幀動(dòng)效越流暢。
第4步:導(dǎo)入公眾號(hào)后臺(tái)
點(diǎn)擊右側(cè)「預(yù)覽草稿」可預(yù)覽效果,效果滿意后繼續(xù)點(diǎn)擊「同步至微信后臺(tái)」同步到自己的公眾號(hào)就可以了。
使用同步功能可以不用頻繁在編輯器和微信后臺(tái)切換,同步成功后可以立即掃碼預(yù)覽二維碼查看。
如需局部導(dǎo)入可參考:《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器,網(wǎng)址:SVG.iPaiban.com,復(fù)制網(wǎng)址在 PC 端 Chrome(谷歌)瀏覽器打開,即可開始注冊并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán),以及22個(gè)常用必備組件的大禮包(1年)。隨禮包附贈(zèng)千元優(yōu)惠券,每單最高立降500元。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán),侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦,快來評(píng)論一下吧!
全部評(píng)論(0條)