資源描述：
《PHOTOSHOP動(dòng)畫制作-10實(shí)戰(zhàn)圖層樣式動(dòng)畫.docx》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、10實(shí)戰(zhàn)圖層樣式動(dòng)畫注意：若動(dòng)畫無(wú)法正常播放，請(qǐng)檢查瀏覽器的設(shè)置。觀看時(shí)按下瀏覽器的停止按鈕或鍵盤的ESC鍵將導(dǎo)致GIF動(dòng)畫停止播放。刷新頁(yè)面可解決。有些范例動(dòng)畫載入可能較慢，請(qǐng)耐心等待?，F(xiàn)在我們來(lái)講解一下上節(jié)課的作業(yè)。比起以前“石器時(shí)代”的作業(yè)，它的難度有明顯的增加。一個(gè)是動(dòng)畫元素的增多，不再是由少數(shù)的簡(jiǎn)單物體構(gòu)成。再就是要求在制作前要成竹在胸，事先就要計(jì)劃好步驟。新建圖像，約100×100，用橢圓形狀工具的形狀圖層方式繪制一個(gè)矢量正圓，填充為綠色(數(shù)值19631c，可在拾色器下方的#區(qū)域內(nèi)填入，這其實(shí)就是用十六進(jìn)制來(lái)表
2、示十進(jìn)制的0~255，不必深究)或其他顏色。然后復(fù)制該圖層(CTRL+J，復(fù)制出來(lái)的應(yīng)位于原圖層上方)，對(duì)復(fù)制出來(lái)的圖層用自由變換功能，將其參照中心點(diǎn)(ALT+SHIFT)縮小。接著為其定義描邊樣式(大小為1像素，白色)并將填充不透明度設(shè)置為0%，得到一個(gè)線圓。適當(dāng)降低該圖層的不透明度(約15%)已達(dá)到較好的視覺效果。將這個(gè)線圓圖層再次復(fù)制并依照之前再次縮小，得到兩個(gè)同心的線圓。大家也可依次列推制作更多的同心線圓。此時(shí)圖像應(yīng)類似于下左圖所示。然后新建一個(gè)普通圖層，使用直線工具的填充像素方式(粗細(xì)1像素，關(guān)閉消除鋸齒)在圓的
3、中央位置繪制一橫一豎組成十字。繪制的時(shí)候可將圖像放大便于對(duì)齊，繪制后也可使用多圖層對(duì)齊功能調(diào)整。此時(shí)圖像類似于下中圖所示，圖層調(diào)板如下右圖所示。在這個(gè)前期的動(dòng)畫元素準(zhǔn)備過(guò)程中，我們先使用了矢量繪制圓是因?yàn)槠湫枰s小，矢量方式可保證質(zhì)量。后面的十字理論上也可以使用矢量方式繪制，但由于矢量直線在1像素這樣小的單位時(shí)，會(huì)由于自身的抗鋸齒功能而可能導(dǎo)致邊緣模糊，結(jié)果看上去就像是2像素粗細(xì)。大家可以自己動(dòng)手試試看。除了這種極微小單位的情況以外，都應(yīng)盡量使用矢量繪制，這個(gè)前提是不會(huì)變的。雷達(dá)掃描效果的實(shí)現(xiàn)是第一個(gè)難點(diǎn)，這其實(shí)就是漸變疊
4、加樣式，關(guān)鍵是要選擇角度的漸變方式，以及相應(yīng)的漸變?cè)O(shè)定，分別如下左圖和中圖所示。漸變色標(biāo)為96de8a。漸變色標(biāo)也可用白色，再通過(guò)更改混合模式或降低不透明度來(lái)融合圖像。此時(shí)圖像應(yīng)如下右圖所示。如果看不懂這里的內(nèi)容，請(qǐng)復(fù)習(xí)基礎(chǔ)教程的相應(yīng)章節(jié)?，F(xiàn)在我們讓掃描線動(dòng)起來(lái)，其方法就是改變漸變疊加設(shè)定中的角度數(shù)值。這里會(huì)遇到第二個(gè)難點(diǎn)，那就是如何設(shè)置動(dòng)畫參數(shù)。掃描線應(yīng)該從90度開始，旋轉(zhuǎn)360度后應(yīng)回到90度。但在關(guān)鍵幀中兩個(gè)都設(shè)置為90的話就沒(méi)有動(dòng)畫效果了，所以我們先將其設(shè)置到旋轉(zhuǎn)180度的位置。需要注意的是，如果旋轉(zhuǎn)的絕對(duì)角度小于
5、180(181度等同于1度)，將以最小轉(zhuǎn)角作為旋轉(zhuǎn)的方向。將動(dòng)畫的文檔設(shè)置改為持續(xù)01:00，幀速率15fps。在開始時(shí)刻開啟圓圖層的樣式動(dòng)畫記錄。然后將時(shí)間標(biāo)桿移動(dòng)到動(dòng)畫結(jié)束時(shí)刻，將角度設(shè)置為-90度。動(dòng)畫調(diào)板如下左圖所示。觀看范例動(dòng)畫現(xiàn)在我們延長(zhǎng)動(dòng)畫的持續(xù)時(shí)間為02:00，將時(shí)間標(biāo)桿移動(dòng)到新的結(jié)束時(shí)刻并建立關(guān)鍵幀，然后將樣式的第1幀復(fù)制到該時(shí)刻。此時(shí)動(dòng)畫調(diào)板如下左圖所示?？雌饋?lái)像是完成了旋轉(zhuǎn)一周的設(shè)定了，但細(xì)想一下，現(xiàn)在時(shí)刻00:00與02:00的狀態(tài)是相同的，這樣當(dāng)動(dòng)畫循環(huán)播放時(shí)，兩個(gè)完全一樣的幀就會(huì)形成一種停頓的效
6、果，播放動(dòng)畫的時(shí)候仔細(xì)看一下，不難發(fā)現(xiàn)。觀看范例動(dòng)畫這個(gè)問(wèn)題我們以前在幀式動(dòng)畫的時(shí)候遇到過(guò)，當(dāng)時(shí)的方法是刪除最后一幀。但在時(shí)間軸方式下不能單獨(dú)刪除某一幀，只能通過(guò)更改持續(xù)時(shí)間的方式。我們將持續(xù)時(shí)間改為01:14。動(dòng)畫調(diào)板如下左圖所示。注意此時(shí)原先設(shè)定的幀已位于時(shí)間區(qū)域之外了，但仍然在發(fā)揮作用，控制著動(dòng)畫的參數(shù)改變。即使再將持續(xù)時(shí)間改為更短，以至于在動(dòng)畫調(diào)板已看不見時(shí)，也是如此。所以在時(shí)間軸方式下定義的關(guān)鍵幀，是不會(huì)因?yàn)槌掷m(xù)時(shí)間變短而消失的。以后只要增加持續(xù)時(shí)間，它們還會(huì)出現(xiàn)。這是一個(gè)很重要的特性。這里再?gòu)?qiáng)調(diào)一下動(dòng)畫時(shí)刻的表
7、述方式，01:14本身既包含秒時(shí)間也包含幀，含義是經(jīng)過(guò)1秒后的第14幀。按照我們15fps的設(shè)定，這個(gè)絕對(duì)幀數(shù)就應(yīng)該是15＋14＝29幀。而下一幀的時(shí)刻表示應(yīng)為02:00而不是01:15。就好比日常生活中的時(shí)間是60進(jìn)位制，那么就不可能有3點(diǎn)60分這樣的表述，而應(yīng)表述為4點(diǎn)。同樣的，15fps就表示15進(jìn)位制，把一秒鐘平均分為15單位，14單位之后就向秒進(jìn)位。觀看范例動(dòng)畫現(xiàn)在要制作模擬雷達(dá)掃描到的物體，這本應(yīng)在最初就先做好，但為了體現(xiàn)制作過(guò)程中可能發(fā)生的后期添加元素的情況，所以放到現(xiàn)在來(lái)做。新建一個(gè)圖層，用直徑為1的鉛筆工
8、具用白色在其中隨便點(diǎn)幾下(間距不要太大)。如下左圖所示。接著移動(dòng)時(shí)間標(biāo)桿，在掃描線與這幾個(gè)點(diǎn)接觸的時(shí)候(范例中位于00:10)，點(diǎn)擊不透明度的秒表按鈕建立關(guān)鍵幀，然后移動(dòng)時(shí)間標(biāo)桿在掃描線差不多回到原點(diǎn)的時(shí)候(范例位于01:10)再建立一個(gè)，將圖層不透明度設(shè)置為0%，這樣就制作出了小點(diǎn)逐漸淡出的動(dòng)畫。通過(guò)
