動(dòng)畫(huà)真好玩（19）：狙擊之眼

動(dòng)畫(huà)2014-06-11

留言 1

導(dǎo)讀

要做出狙擊瞄準(zhǔn)鏡的效果來(lái)，先得找視頻感覺(jué)一下。從找來(lái)的視頻上看，由于視覺(jué)聚焦，瞄準(zhǔn)鏡中心位置清晰，而周邊模糊，這個(gè)該怎么處理呢？其實(shí)，這就是我們今天要主要掌握的一個(gè)知識(shí)點(diǎn)：利用漸變實(shí)現(xiàn)蒙版效果。

臭干前幾天做了一份課件，其中有一個(gè)動(dòng)畫(huà)要求是要表現(xiàn)某種藥物對(duì)于癌細(xì)胞的定向精準(zhǔn)殺傷的效果。

稍微普及一下醫(yī)療方面的知識(shí)。我們常常聽(tīng)說(shuō)治療癌癥目前普遍采用化療和放療。所謂化療和放療，是化學(xué)療法和放射療法的簡(jiǎn)稱(chēng)，即通過(guò)藥物和輻射殺死癌細(xì)胞。但是化療和放療在殺死癌細(xì)胞的同時(shí)，捎帶也會(huì)殺死很多正常的細(xì)胞，導(dǎo)致人體的正常活動(dòng)機(jī)能衰弱。相對(duì)來(lái)說(shuō)，化療對(duì)人體的副作用小一點(diǎn)，因?yàn)槭褂玫乃幬锞拖駥?dǎo)彈一樣，可以識(shí)別癌細(xì)胞和正常細(xì)胞，然后進(jìn)行攻擊。

既然提到了導(dǎo)彈，那么要用動(dòng)畫(huà)來(lái)表現(xiàn)藥物對(duì)于癌細(xì)胞的定向攻擊，就可以用這種效果來(lái)形象地表達(dá)了。于是我找來(lái)了幾個(gè)導(dǎo)彈的第一視角的視頻，發(fā)現(xiàn)尼瑪屏幕上參數(shù)內(nèi)容太多太復(fù)雜了。為一個(gè)2秒的動(dòng)畫(huà)付出2個(gè)小時(shí)實(shí)在不是很劃算。于是決定改用簡(jiǎn)單的狙擊視角來(lái)表現(xiàn)。自我感覺(jué)做的還挺逼真，下面就把制作心得和大家共享一下。

先吐槽一下微信的小氣。上傳微信每張圖片不得超過(guò)300K，對(duì)于正常圖片來(lái)說(shuō)馬馬虎虎壓縮一下還行，反正手機(jī)上看的，分辨率要求不需要太高。但是對(duì)于GIF動(dòng)畫(huà)來(lái)說(shuō)，300K就有點(diǎn)捉襟見(jiàn)肘了。要知道從PPT轉(zhuǎn)成GIF多麻煩么?。?00K ,就500K也好啊。

好了，吐槽完畢下面開(kāi)講。

要做出狙擊瞄準(zhǔn)鏡的效果來(lái)，先得找視頻感覺(jué)一下。從找來(lái)的視頻上看，由于視覺(jué)聚焦，瞄準(zhǔn)鏡中心位置清晰，而周邊模糊，這個(gè)該怎么處理呢？其實(shí)，這就是我們今天要主要掌握的一個(gè)知識(shí)點(diǎn)：利用漸變實(shí)現(xiàn)蒙版效果。

先來(lái)準(zhǔn)備一下所需要的素材。

1、癌細(xì)胞圖一張，當(dāng)然也可以是你討厭的某個(gè)人的大頭照。

2、繪制一個(gè)狙擊鏡頭。這個(gè)很簡(jiǎn)單，大家自己畫(huà)吧。畫(huà)完以后組合一下即可。

3、定位框一個(gè)，這個(gè)也很簡(jiǎn)單。

4、關(guān)鍵素材：中心清晰周?chē)：拿砂妗?/p>

其實(shí)這個(gè)利用漸變?cè)O(shè)置也可以輕松實(shí)現(xiàn)。

首先插入一張和PPT頁(yè)面一樣大小的形狀，設(shè)置為自己喜歡的顏色。

（我這里用的墨綠色是為了和整體幻燈片的風(fēng)格顏色一致，你可以任意選擇自己喜歡的顏色。）

選擇漸變填充。類(lèi)型設(shè)定為射線(xiàn)，方向選擇中心發(fā)散的那種。

然后設(shè)置光圈兩頭的顏色，主要就是透明度的設(shè)置。左邊光圈透明度設(shè)置為100%，即全透明，右邊設(shè)置為20%，然后拖動(dòng)滑塊，調(diào)整好中心透明光圈的大小，比畫(huà)好的狙擊鏡略大即可。

素材準(zhǔn)備好了，下面開(kāi)始設(shè)置動(dòng)畫(huà)。

第一步：將癌細(xì)胞的圖片插入到最底層，按住SHIFT鍵（保證圖像不變形）拖動(dòng)放大，放大到超出PPT頁(yè)面的范圍。要保證待會(huì)添加路徑移動(dòng)時(shí)不會(huì)露出PPT的底褲，啊不，是背景底色。然后依次放上透明蒙版（與PPT頁(yè)面大小一致）、狙擊鏡，定位框。

第二步：為癌細(xì)胞圖片添加自由路徑，表現(xiàn)逐漸定位的效果。

隨便畫(huà)畫(huà)就可以了，但是移動(dòng)范圍不要太大。

第三步：透明蒙版和狙擊鏡組合，添加縮放進(jìn)入的動(dòng)畫(huà)效果。

第四步：為定位框添加三個(gè)動(dòng)畫(huà)效果，依次是：進(jìn)入效果中出現(xiàn)，強(qiáng)調(diào)效果中的閃爍（重復(fù)兩次），進(jìn)入效果中的縮放。

動(dòng)畫(huà)設(shè)置好了，最后設(shè)置各動(dòng)畫(huà)之間的時(shí)間順序。

在動(dòng)畫(huà)窗格中選中所有動(dòng)畫(huà)，除了第一個(gè)瞄準(zhǔn)鏡縮放進(jìn)入不需要改以外，其他的開(kāi)始方式都設(shè)置為上一動(dòng)畫(huà)之后。

看看效果，OK,一槍爆頭！是不是有當(dāng)年玩CS大狙的感覺(jué)！

這個(gè)動(dòng)畫(huà)效果，最最重要的是掌握利用漸變來(lái)實(shí)現(xiàn)flash動(dòng)畫(huà)中的常用的蒙版效果。我在這里采用的是蒙版不動(dòng)，底片移動(dòng)的方式。大家不妨考慮一下，要是我將瞄準(zhǔn)鏡縮小，同樣要實(shí)現(xiàn)這種狙擊鏡瞄準(zhǔn)移動(dòng)的效果，該怎么做？