GIF太長太大，微信傳不上去，壓縮了又太模糊，怎么辦？
閑話少說，先看GIF：
▲素材來自「BOE招聘」公眾號
在《為啥蘋果公眾號的GIF這么高清？》一文中，老沙說之所以蘋果一些大品牌的GIF看起來很高清，很可能是因為使用了序列幀動效，通過一系列連貫的靜態(tài)圖制作出來的。
但有小伙伴提出了反對意見：
「不對啊！有的不是序列幀，就是真的GIF，我下載原文素材看了！」
那今天咱們就講講有的看著很長的GIF是怎么做到清晰有流暢的吧。
開頭的GIF的看了吧？整體時長10秒左右，而且顏色比較豐富，算得上清晰又流暢。它就不是序列幀動效，但它也不是一張GIF，而是多張GIF串聯(lián)起來的，這是拆分后的素材：
沒錯，原理就這么簡單。GIF太長，壓縮到能上傳公眾號大小就會變得模糊，那咱就把長GIF拆分長多個短GIF，然后通過 iPaiban Pro 編輯器相關(guān)組件串聯(lián)起來就可以啦。
「自動-串聯(lián)播放GIF動圖」組件（編號：10466）最多可以串聯(lián)10張GIF，原GIF再長也不怕。但它也有個限制，只適合用在圖文開頭，因為只能串聯(lián)播放一次。
另外，本身GIF時長短也可能用得到。比如NIKE圖文《領(lǐng)悟你的“快”》開頭的動圖，它的動效是文字一個一個出現(xiàn)，最后剩下光標不停閃爍。大家點進NIKE原文或在這里刷新下本圖文就能看到了。
▲素材來自「NIKE」公眾號
這個動效的特殊之處在于只有最后一段是循環(huán)播放的，用一張GIF肯定實現(xiàn)不了，那把最后一段拆分出來再用編輯器串聯(lián)就很合適了。
像這種只串聯(lián)2、3張GIF的效果用「自動-切換GIF動圖」組件（編號：10464）就能實現(xiàn)。
另外編輯器中還有串聯(lián)GIF與展開結(jié)合的效果組合，大家可以在「組合」中搜索關(guān)鍵詞或組合編號體驗使用：
組合：點擊串聯(lián)GIF動圖+展開(設(shè)置觸發(fā)區(qū))
編號：10860（組合）
組合：自動串聯(lián)GIF動圖+展開
編號：11164（組合）
前面提到的兩個組件的制作方法都是一樣的，以開頭的效果為例，我們看下「自動-串聯(lián)播放GIF動圖」組件的詳細教程吧。
工具：iPaiban Pro黑科技編輯器，網(wǎng)址：x.iPaiban.com組件：自動-串聯(lián)播放GIF動圖編號：10466（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，在「組件」-「自動」分類中找到「自動-串聯(lián)播放GIF動圖」組件，或者直接搜索組件編號10466，點擊選擇。
第2步：上傳圖片素材
在頁面右側(cè)點擊「換圖」可依次上傳需要串聯(lián)的圖片，最多可以上傳10張，不夠10張剩下的空著即可。
第3步：調(diào)整GIF時長
除最后1張外，每張GIF下都需要調(diào)整下GIF時長，這里的GIF是指GIF本身的播放時長。
我們使用Ps打開一張GIF，然后點擊菜單欄「窗口」-「時間軸」-「轉(zhuǎn)換為視頻時間軸」，按空格鍵完整播放GIF后，在左下角就能看到該GIF的時長。編輯器中上傳的第一張圖片下顯示的為「延遲播放時間」，如果圖片是靜態(tài)圖的話，大家可根據(jù)自己的需要任意設(shè)置，一般設(shè)為0即可。
第4步：導(dǎo)入公眾號后臺
點擊最右側(cè)「預(yù)覽草稿」可掃碼預(yù)覽效果，效果滿意后繼續(xù)點擊「導(dǎo)入微信后臺」就能開始導(dǎo)到公眾號了。
導(dǎo)入時使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材，非常方便，安裝教程戳：《iPaiban Pro小助手v2.0來啦！》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標準版會員體驗權(quán)，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優(yōu)惠券，每單最高立降500元。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）