前面說了，由于有了吉祥物，所以做app頁面的loading時，最好就是選取相關(guān)物或者相關(guān)形象來進(jìn)行創(chuàng)作。最后選取了孩子的形象，同時app中有大量的戶外活動，想到小時候最喜歡的蕩秋千，就把角色和蕩秋千結(jié)合起來。

    接下來就是第一步，找素材，這樣子方便我們對于角度，形象還有動作的把控。

    第二步，分析做這個gif需要多少動作，原則上是以最少的幀數(shù)來呈現(xiàn)最完美的效果。創(chuàng)作的手法也是多種多樣的，可以選擇最常用的PS，也可以sketch，flash，AE，或者是多個結(jié)合?；旧纤械膶?dǎo)出gif都會有像素的損失，這是沒法避免的情況，在這種情況下我們只有盡可能的避免損失。

    嘗試過得辦法有PS作圖，然后導(dǎo)出每一幀的圖片到AE中，然后AE進(jìn)行合成動作，調(diào)整節(jié)奏，最后導(dǎo)出mov，拖動mov進(jìn)入PS中，對最后的幀進(jìn)行潤色處理，調(diào)出時間軸，從圖層建立幀，調(diào)整幀速，最后ctrl+alt+shift+s導(dǎo)出gif格式，此時的gif損失算是小的，這種方式也是我最常用的。用AE的好處就在于做旋轉(zhuǎn)，變化等很方便，導(dǎo)出之后的損失也很小，屬于比較主流的做法。

   第二種就是把圖層導(dǎo)入到一個軟件中生成gif，做出的像素?fù)p也很小，不過我一般不用，除非是各種測試到底是PS好還是這個軟件導(dǎo)出的好，軟件的名字不確定，因?yàn)槭呛芫弥跋螺d的了，壓縮后的文件包UGifAnimator，有興趣的可以下載嘗試下，做出的東西和PS進(jìn)行對比才能確定哪個好，基本上半斤八兩。

   第三種就是純PS制作loading，這種方式適合幀數(shù)不多，兩三幀（沒有明確規(guī)定，越少越好）或者對動作連貫性要求不高，這樣子是可以的。

   第四種也是這次項(xiàng)目用到的一種，即flash和PS結(jié)合的方法。我先嘗試用的第三種方法，但是發(fā)現(xiàn)不可行，因?yàn)閹瑪?shù)動作一多，很難把控，會抖個不停，然后這個方法就被pass了，接下去想到了flash，因?yàn)樗鼘τ谛巫儎赢?，補(bǔ)間動畫的把控很好。一切做的都很順利，只是步驟會比較繁瑣，需要一幀一幀的修改制作，把所需要的補(bǔ)間一個一個的做好圖層，一起動的放一層。做好動作之后導(dǎo)出遇到了一些麻煩，剛開始直接導(dǎo)出的gif格式，結(jié)果發(fā)現(xiàn)像素實(shí)在太差了，然后嘗試另外一種方法，導(dǎo)出影片選擇png序列幀（如果事jpg也可以，具體看是否有透明）設(shè)置好尺寸導(dǎo)出，然后把所有的圖片放到ps里面處理就好了。這里需要注意的是，如果當(dāng)初做的時候把東西都放在了庫里面，這時候需要把所有元素全部放到場景中去，不然導(dǎo)出的時候只會導(dǎo)出場景中出現(xiàn)的幀數(shù)。有個小技巧，如何在庫中選中所有的幀數(shù)，在時間軸上選中“編輯多個幀”，然后調(diào)整下時間軸，ctrl+A，

全選中之后復(fù)制或者剪切到場景中的時間軸上，這樣子導(dǎo)出就是所有的幀數(shù)了。到了PS中導(dǎo)出的時候會有個問題，就是ps中看效果和導(dǎo)出的效果是沒有問題的，但是如果網(wǎng)頁打開的話會速度變得很慢，所以PS中要么刪掉一些幀數(shù)，要么把幀速加快~完成以上步驟，基本上一個gif就這樣子完成啦   ~\(≧▽≦)/~

   項(xiàng)目總結(jié)：各種軟件都只是工具，都是為了更好地設(shè)計(jì)而服務(wù)。