本文主要介紹如何將你 設(shè)計(jì)好的動(dòng)效 讓開(kāi)發(fā)小哥完美實(shí)現(xiàn)！

文筆不好，若有不明白之處，大家可以留言指出，謝謝~

末尾有轉(zhuǎn)載高能干貨！

這里我說(shuō)下開(kāi)發(fā)常用的3種格式：

1. 視頻（MP4）

2. PNG-序列

3. GIF

先來(lái)看看它們的優(yōu)劣：

小總結(jié)一下 ：

MP4：用于設(shè)計(jì)比較炫酷的Loading,時(shí)常：3秒或更長(zhǎng)。

PNG：用于設(shè)計(jì)簡(jiǎn)單，時(shí)常：3秒內(nèi).

GIF：暫時(shí)我沒(méi)發(fā)現(xiàn)有哪個(gè)APP用 GIF展示動(dòng)效的。

我想大家已經(jīng)知道如何取決于用哪種 格式來(lái)給開(kāi)發(fā)小哥了。

但是如何做出來(lái)給開(kāi)發(fā)小哥呢？

主講重點(diǎn)：MP4

PNG-序列、GIF大家應(yīng)該比較熟悉，這里就省略不講了。廢話(huà)不多說(shuō)，開(kāi)始！

我做動(dòng)效主要用AE，可以導(dǎo)出多種格式，方便處理，下面將以我的工作項(xiàng)目為例來(lái)進(jìn)行講解。

設(shè)計(jì)稿：

真機(jī)實(shí)現(xiàn)效果：

步驟1：將你的動(dòng)效在AE中設(shè)計(jì)好；

我是以iPhone6的尺寸來(lái)設(shè)計(jì)的，設(shè)計(jì)過(guò)程省略...  設(shè)計(jì)完成

這一步有童鞋問(wèn)我，為什么要用750*1334當(dāng)背景呢？

因?yàn)檫@個(gè)動(dòng)效MP4 是直接疊在最底層的， 上方的tab、標(biāo)簽啥的等等 控件都是 可操作的，

注：你也可以設(shè)置一個(gè) 小尺寸，比如：400*300的，但是要考慮到 MP4背景不透明，如果APP的背景是全白，那么你視頻的背景也得是全白才行~

就好比說(shuō)，你這個(gè) loading動(dòng)效是 整屏而且?guī)П尘暗?，就可以設(shè)置 750*1334的尺寸，直接讓開(kāi)發(fā)小哥放在底層就好了。當(dāng)然，你也可以用1080*1920的，只不過(guò)占用內(nèi)存稍微大一點(diǎn)點(diǎn)，但是750*1334的也足夠清晰，根據(jù)你們自己的要求來(lái)選擇。（僅針對(duì)iOS） 

對(duì)于安卓，直接放大750*1334 成 1080*1920就行了，畢竟安卓機(jī) 不是2K屏幕，就沒(méi)有蘋(píng)果的Retina屏看著清晰。

步驟2：保存好你的 AE工程文件；

步驟3：重點(diǎn)來(lái)啦！！！

用Adobe Media Encoder 打開(kāi)  加載動(dòng)畫(huà).aep

打開(kāi)后，點(diǎn)擊   匹配源-高比特率，  進(jìn)行參數(shù)調(diào)整。

預(yù)設(shè)那里，大家可以根據(jù)實(shí)際情況來(lái)選擇；一定要記得改成自己的設(shè)計(jì)尺寸

調(diào)節(jié) 比特率設(shè)置  是控制大小的關(guān)鍵所在

導(dǎo)出后，就算是有12秒的視頻，也才824KB的 ，是不是 感覺(jué)小的一比??！1M都不到?。?！

然后你就可以把MP4 直接扔給 開(kāi)發(fā)小哥，安心工（mo）作（魚(yú)）去了~

完美解決Loading動(dòng)效的開(kāi)發(fā)，開(kāi)發(fā)小哥開(kāi)心，你也開(kāi)心~

其實(shí)還是 溝通 最重要啦~ 多跟小哥們鬧鬧磕，加深加深感（ji）情（qing）, 工作上也會(huì)配合的更加默契和融洽。

最后在嗶嗶一句，雖然是這里是 loading動(dòng)效，但是，其他用途也可以用這種方法哦~

下邊這個(gè)就厲害了，你只需要用AE做，其他的交給開(kāi)發(fā)小哥哥就行。

請(qǐng)到原作者博客下看吧~ 

Lottie- 讓Android動(dòng)畫(huà)實(shí)現(xiàn)更簡(jiǎn)單

Lottie- 讓Android動(dòng)畫(huà)實(shí)現(xiàn)更簡(jiǎn)單  ←點(diǎn)這里跳轉(zhuǎn)

都看到這里了，你是不是發(fā)現(xiàn)你欠我一個(gè)贊了？ 別看了，趕緊的！