http://www.dbjr.com.cn/Photoshop/base/ps_base_2008_03_13_4797_2.html
　　現(xiàn)在我們來講解一下上節(jié)課的作業(yè)。比起以前“石器時代”的作業(yè)，它的難度有明顯的增加。一個是動畫元素的增多，不再是由少數(shù)的簡單物體構(gòu)成。再就是要求在制作前要成竹在胸，事先就要計劃好步驟。
　　新建圖像，約100×100，用橢圓形狀工具的形狀圖層方式繪制一個矢量正圓，填充為綠色(數(shù)值19631c，可在拾色器下方的#區(qū)域內(nèi)填入，這其實就是用十六進制來表示十進制的0~255，不必深究)或其他顏色。然后復(fù)制該圖層(CTRL J，復(fù)制出來的應(yīng)位于原圖層上方)，對復(fù)制出來的圖層用自由變換功能，將其參照中心點(ALT SHIFT)縮小。接著為其定義描邊樣式(大小為1像素，白色)并將填充不透明度設(shè)置為0%，得到一個線圓。適當降低該圖層的不透明度(約15%)已達到較好的視覺效果。將這個線圓圖層再次復(fù)制并依照之前再次縮小，得到兩個同心的線圓。大家也可依次列推制作更多的同心線圓。此時圖像應(yīng)類似于下左圖所示。
　　然后新建一個普通圖層，使用直線工具的填充像素方式(粗細1像素，關(guān)閉消除鋸齒)在圓的中央位置繪制一橫一豎組成十字。繪制的時候可將圖像放大便于對齊，繪制后也可使用多圖層對齊功能調(diào)整。此時圖像類似于下中圖所示，圖層調(diào)板如下右圖所示。
　　在這個前期的動畫元素準備過程中，我們先使用了矢量繪制圓是因為其需要縮小，矢量方式可保證質(zhì)量。后面的十字理論上也可以使用矢量方式繪制，但由于矢量直線在1像素這樣小的單位時，會由于自身的抗鋸齒功能而可能導(dǎo)致邊緣模糊，結(jié)果看上去就像是2像素粗細。大家可以自己動手試試看。除了這種極微小單位的情況以外，都應(yīng)盡量使用矢量繪制，這個前提是不會變的。
　　
　　雷達掃描效果的實現(xiàn)是第一個難點，這其實就是漸變疊加樣式，關(guān)鍵是要選擇角度的漸變方式，以及相應(yīng)的漸變設(shè)定，分別如下左圖和中圖所示。漸變色標為96de8a。漸變色標也可用白色，再通過更改混合模式或降低不透明度來融合圖像。此時圖像應(yīng)如下右圖所示。如果看不懂這里的內(nèi)容，請復(fù)習基礎(chǔ)教程的相應(yīng)章節(jié)。
　　
　　
　　現(xiàn)在我們讓掃描線動起來，其方法就是改變漸變疊加設(shè)定中的角度數(shù)值。這里會遇到第二個難點，那就是如何設(shè)置動畫參數(shù)。掃描線應(yīng)該從90度開始，旋轉(zhuǎn)360度后應(yīng)回到90度。但在關(guān)鍵幀中兩個都設(shè)置為90的話就沒有動畫效果了，所以我們先將其設(shè)置到旋轉(zhuǎn)180度的位置。需要注意的是，如果旋轉(zhuǎn)的絕對角度小于180(181度等同于1度)，將以最小轉(zhuǎn)角作為旋轉(zhuǎn)的方向。
　　將動畫的文檔設(shè)置改為持續(xù)01:00，幀速率15fps。在開始時刻開啟圓圖層的樣式動畫記錄。然后將時間標桿移動到動畫結(jié)束時刻，將角度設(shè)置為-90度。動畫調(diào)板如下左圖所示。
　　觀看范例動畫
　　
　　
　　現(xiàn)在我們延長動畫的持續(xù)時間為02:00，將時間標桿移動到新的結(jié)束時刻并建立關(guān)鍵幀，然后將樣式的第1幀復(fù)制到該時刻。此時動畫調(diào)板如下左圖所示。看起來像是完成了旋轉(zhuǎn)一周的設(shè)定了，但細想一下，現(xiàn)在時刻00:00與02:00的狀態(tài)是相同的，這樣當動畫循環(huán)播放時，兩個完全一樣的幀就會形成一種停頓的效果，播放動畫的時候仔細看一下，不難發(fā)現(xiàn)。
　　觀看范例動畫
　　
　　

最新評論