圖文開頭的動(dòng)圖，為什么蘋果和大疆的總是那么高清又流暢？
如何讓一張GIF在圖文中高清又流暢是一個(gè)困擾廣大運(yùn)營(yíng)人的世紀(jì)難題。
為什么本來好好的GIF，上傳到公眾號(hào)后就變糊了？
為什么GIF在圖文中顏色都變了？
為什么在本地播放流暢的GIF在圖文中打開就卡頓了？
……
這是因?yàn)?strong>公眾號(hào)后臺(tái)對(duì)上傳的圖片尤其是GIF會(huì)進(jìn)行壓縮處理，還有這些限制：
1.所有圖片大小不能超過10m；
2.所有圖片寬高像素乘積不超過600w；
3.GIF總幀數(shù)不能超過300，幀率最好不超過20。
如果你一直想著如何優(yōu)化GIF，可能一直都達(dá)不到自己想要的效果。
你看到的蘋果、大疆這些品牌圖文中高清又流暢的「GIF」其實(shí)大部分都不是GIF，而是序列幀動(dòng)效。
序列幀動(dòng)效是指一系列靜態(tài)圖通過排版實(shí)現(xiàn)的一種連貫動(dòng)態(tài)效果。
在《為啥蘋果公眾號(hào)的GIF這么高清？》中為大家介紹了幾種獨(dú)立的序列幀效果，今天再向大家推薦幾種序列幀+展開的效果。
這里拿大疆一篇圖文的素材簡(jiǎn)單制作了一個(gè)點(diǎn)擊播放序列幀后展開的效果，點(diǎn)擊試試：
就是這么絲滑。這是開頭動(dòng)效的部分排版素材，連貫的動(dòng)效就是這上百張靜態(tài)圖片實(shí)現(xiàn)的：
*圖文素材按文件夾上傳和選擇更方便，詳細(xì)介紹：《圖片多了怕亂？直接按文件夾上傳！》
大家在 iPaiban Pro 編輯器「組合」中搜索關(guān)鍵詞「序列幀」，可以看到所有序列幀+展開的組合，它們?cè)谛蛄袔牟シ欧绞胶驼归_形式上稍有不同。
這些效果的制作方法差不多，以本文點(diǎn)擊播放序列幀后展開的效果為例，一起看下視頻教程吧：
詳細(xì)教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com
組合：點(diǎn)擊-切換序列幀+展開
編號(hào)：11485（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器右側(cè)「組合」按鈕，在「花樣展開」-「切換圖片+展開」分類中找到「點(diǎn)擊-切換序列幀+展開」組件，或者直接在搜索框中搜索組合編號(hào)11485，點(diǎn)擊選擇。
第2步：進(jìn)入組合編輯模式
點(diǎn)擊「點(diǎn)擊此處配置」，進(jìn)入組合編輯模式。
在組合編輯模式中，分為展開前和展開后兩塊設(shè)置區(qū)域。展開前設(shè)置序列幀動(dòng)效，展開后可以任意嵌套各種效果。
第3步：設(shè)置「展開前」內(nèi)容
點(diǎn)擊「展開前」區(qū)域，在右側(cè)點(diǎn)擊「+」號(hào)按順序上傳準(zhǔn)備好的序列幀圖片。所有圖片尺寸應(yīng)保持一致。
接著滑動(dòng)滑桿調(diào)整每秒幀數(shù)，也就是每秒切換的圖片張數(shù)。每秒幀數(shù)越大，圖片切換越快，整體動(dòng)效播放也就越快。
第4步：設(shè)置「展開后」內(nèi)容
「展開后」的內(nèi)容支持嵌套各種組件，需要什么效果就在左側(cè)「組件」分類中找到相應(yīng)的組件拖動(dòng)到組件位中，然后上傳需要的素材即可。
添加組件位-拖動(dòng)組件到組件位中-上傳圖片，每需要一個(gè)樣式就按照這3步操作：
第5步：設(shè)置展開參數(shù)
點(diǎn)擊右側(cè)紅色小三角，可以設(shè)置展開時(shí)長(zhǎng)。如果預(yù)覽效果發(fā)現(xiàn)內(nèi)容沒有完全展開或者展開過長(zhǎng)，可以通過「加減展開高度（px）」進(jìn)行調(diào)整，輸入負(fù)數(shù)減小展開高度。
第6步：導(dǎo)入公眾號(hào)后臺(tái)
內(nèi)容編輯完畢后，點(diǎn)擊左上角「保存并退出」逐步退出組合編輯模式回到編輯器主頁面。
繼續(xù)點(diǎn)擊最右側(cè)「預(yù)覽草稿」，效果滿意后接著點(diǎn)擊「同步至微信后臺(tái)」同步到自己的公眾號(hào)就可以了。
使用同步功能無需頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼查看。
如需局部導(dǎo)入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊(cè)并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)，以及22個(gè)常用必備組件的大禮包（1年）。隨禮包附贈(zèng)千元優(yōu)惠券，每單最高立降500元。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦，快來評(píng)論一下吧！
全部評(píng)論（0條）