通過前面3課的學(xué)習(xí)，們已經(jīng)掌握了制作動畫的方法，盡管做出來的動畫還十分簡陋。還記得學(xué)習(xí)基礎(chǔ)部分的時候，
曾在很長一段時間內(nèi)接觸的都是單一的色塊嗎？那并未影響大家現(xiàn)在的水平發(fā)揮。同樣的，很快們就要開始制作較
為精細的動畫了。但是在這一切到來之前，大家還必須學(xué)習(xí)一些必備的設(shè)計思維。所謂設(shè)計思維就是指在制作動畫前
的規(guī)劃考慮，這規(guī)劃包括很多方面。
首先講一下圖層的組織，最終的成品動畫是不包含圖層信息的。這里所說的圖層僅指制作中。對于利用圖層位置變化
來制作的動畫而言，有一個顯而易見的問題就是必須合理安排圖層，因為移動的最小單位是圖層，因此如果需要制作
多個運動軌跡各異的物體時，它們就必須分布在不同的圖層中。也需要事先考慮好移動的距離，圖像的尺寸以及擺放
的位置需要為移動留下足夠的空間，這是其一。
其二就是考慮好是否會與其他圖層相交，以及相交時候的處理，誰遮蓋誰，也就是圖層的層次安排，如下圖中就列出
了3種相交的方式，最左邊的是兩個圖層均為100%時候，綠色覆蓋紅色。另外兩個則顯示了在50%的不透明度下，不
同層次造成的不同覆蓋效果。如綠色遮蓋紅色，那么相交部位就偏綠，反而反之。這都是在正?；旌夏Ｊ较?，如果選
擇了其他的混合模式如疊加等，就要更加注意層次。
以上說的都是技術(shù)問題，現(xiàn)在來說一下情節(jié)方面的問題。一般來說，如果一個物體始終都在圖像中運動，則無需對其
進行交代。但如果物體原本不在畫面中，是后來進入畫面的，或原本在畫面中后來移出了畫面，則需要對物體的出現(xiàn)
和消失做一個交代，這個交代就是過渡，讓觀看者有一個比較自然的心理轉(zhuǎn)變。常見的手法就是讓物體逐漸顯現(xiàn)(也
稱淡入)或逐漸消失(也稱淡出)。如下圖所示，演示了在同樣的一個文字移動中，是否采取淡入和淡出處理的效果對比。
動畫效果1
動畫效果2
除此之外，循環(huán)設(shè)定也是屬于情節(jié)方面的問題，這個們其實在之前有提到過，就是有些場合下可以使用無限循環(huán)
的動畫，而有些場合則不適合。比如一個欄目標題文字淡入的動畫，如果不斷地重復(fù)，就會使得網(wǎng)頁整體看上去顯
得很亂，會令觀看者感到不舒服。此時最適合的做法就是播放一次，這樣既可以展現(xiàn)效果，又不會影響網(wǎng)頁整體。
設(shè)定為2到3次的循環(huán)一般也可接受，再多就不好了。
不過只播放一次的動畫最好是放在網(wǎng)頁的上部，這樣一進入網(wǎng)頁就可以看到。如果放在網(wǎng)頁底部，可能觀看者閱讀
到該處時動畫已經(jīng)播放完了。那樣的話就制作動畫就沒有意義了，還不如就用靜態(tài)的圖片代替。
動畫效果3
動畫效果4
需要注意的是，GIF動畫圖片每調(diào)用一次就會重新播放。如果有些人已經(jīng)具備了網(wǎng)頁制作的知識，可以利用這個性
質(zhì)在網(wǎng)頁制作軟件中設(shè)定相應(yīng)的動作。比如大家在這里移動鼠標觀看范例的動畫就是如此。每雌入后動畫總是從
頭開始播放。這樣即便是只播放一次的動畫，也可以令它在網(wǎng)頁中多次播放。沒有網(wǎng)頁制作知識也不用擔心，這并
不影響們后面的動畫學(xué)習(xí)。如果想要了解一下，可觀看GoLive的視頻教程。
對于看上去很不錯的淡入淡出效果而言，有一個重要的問題需要考慮，那就是瀏覽器可以被設(shè)置為禁止播放動畫。
此時動畫只會顯示其第1幀時候的畫面。那么類似上面的“悄然來去”的動畫在網(wǎng)頁中將是一片空白，因為其第1幀
本來就是空白的。這就容易引起觀看者的誤會。
也許大家會覺得沒有人會刻意關(guān)閉動畫顯示，但既然不能排除這個因素，們就需要從最廣泛的層面去考慮訪問者
的情況。在網(wǎng)頁的整體布局中，應(yīng)避免在重要的文字或指示部位使用淡入淡出動畫。在將動畫放入網(wǎng)頁中后，最好
自己手動關(guān)閉動畫播放檢查是否存在問題。除了關(guān)閉動畫播放以外，在頁面顯示時如果訪問者按下ESC鍵也會中斷
動畫播放，畫面將停留在中斷的那一刻。
如要同時照顧到禁止和允許播放動畫的訪問者，在兩者之間取得平衡點，那么在動畫的制作上就應(yīng)該遵循一個原則，
那就是主體部分不動，修飾部分作動畫。如下圖所示，文字本身不做動畫，只是在文字的邊緣制作了動畫效果。這
樣即使靜止動畫播放或播放時中斷，也不會影響觀看者對內(nèi)容的理解。
不過，只要保證能在任何時候準確地反映內(nèi)容，避免文字的消失或過于劇烈的變形，主體文字也是可以動的。
動畫效果5
慮動畫的制作及表現(xiàn)方法。單純學(xué)習(xí)這些內(nèi)容有些枯燥，大家留下印象就好，在以后的制作中會有應(yīng)用到的時候。
這次的作業(yè)是將“悄然來去”那個動畫制作出來。另外將下面兩個派生的動畫也制作出來。
動畫效果6
動畫效果7
推薦閱讀-Photoshop分類教程
