今天的第12個(gè)動(dòng)畫場(chǎng)景——GET FEEDBACK的教程，我拖了很久才完成。以往是按照一周一篇的速度不緊不慢地往前趕，但是這個(gè)場(chǎng)景的動(dòng)畫卻真的真的把我給難住了,加之拖延癥發(fā)作，整整兩周都沒(méi)能整個(gè)子丑寅卯來(lái)。
有多難？還是來(lái)看看視頻截圖吧！
一、動(dòng)畫分解
1、場(chǎng)景12翻轉(zhuǎn)出現(xiàn)。
2、中央人像左右上分別出現(xiàn)三個(gè)帶拖影箭頭。
3、左邊小人像左右上分別出現(xiàn)三個(gè)帶拖影箭頭。
4、右邊小人像左右上分別出現(xiàn)三個(gè)帶拖影箭頭。
5、然后右下角大人像左右上分別出現(xiàn)三個(gè)帶拖影箭頭。
6、然后左上角大人像左右上分別出現(xiàn)三個(gè)帶拖影箭頭。
7、然后右上角小人像左右上分別出現(xiàn)三個(gè)帶拖影箭頭。
8、然后~~~然后我們會(huì)發(fā)現(xiàn)12旁邊還有個(gè)WIFI符號(hào)在一閃一閃，同時(shí)GET FEEDBACK擦除出現(xiàn)。
二、難點(diǎn)解析
看完前面的動(dòng)畫分解，你該知道難在何處了吧。
帶拖影的箭頭效果難么？用三個(gè)箭頭設(shè)定移動(dòng)路徑接搞定了。
一閃一閃的WIFI效果難么？將動(dòng)畫效果設(shè)為重復(fù)就可以了。
真正難的是，帶拖影的箭頭，一個(gè)效果要三個(gè)箭頭設(shè)定路徑和出現(xiàn)的時(shí)間。一個(gè)剪影周圍有左右上三個(gè)箭頭，那么就要設(shè)定9次，這里一共有1、2、3、4、5、6個(gè)剪影，也就是說(shuō)，同樣的活兒要干69五十四遍！除了設(shè)定箭頭的動(dòng)畫外，還要逐個(gè)為箭頭們調(diào)節(jié)動(dòng)畫的計(jì)時(shí)效果，又是54遍！
總的算下來(lái)，我們要被這個(gè)動(dòng)畫效果上一百遍啊一百遍！需要何等的耐心、意志才能完成。所以，我這兩周的時(shí)間，都在研究怎么既能減小工作量，又不影響動(dòng)畫的表現(xiàn)效果了。
經(jīng)過(guò)27一十四天的研究，得出了兩個(gè)結(jié)論，一個(gè)好，一個(gè)壞。壞的是，其他我知道的方式?jīng)]有一個(gè)能達(dá)到現(xiàn)在這個(gè)視頻剪輯的動(dòng)畫效果。好的是，確實(shí)有法子可以減輕一些工作量。所以，你現(xiàn)在知道為什么我將這節(jié)課的標(biāo)題定為“集腋成裘”了吧。
三、制作流程
1、回復(fù)“動(dòng)畫素材12”，下載今天的動(dòng)畫素材。首先為第一個(gè)剪影的拖影箭頭設(shè)置動(dòng)畫。這里有幾個(gè)細(xì)節(jié)需要主意一下。箭頭從初始位置出現(xiàn)到最后，除了移動(dòng)了一段距離外，顏色也是又淡到濃，所以要為箭頭添加一個(gè)【淡出】的出現(xiàn)效果，然后再加上一個(gè)向右移動(dòng)的路徑。
【淡出】動(dòng)畫設(shè)定
【路徑】動(dòng)畫設(shè)定
2、將這個(gè)箭頭在【選擇窗格】中命名為“左A1”，然后復(fù)制一下，粘帖兩次啊，分別命名為“左A2”、“左A3”，然后利用【格式】——【對(duì)齊】中的對(duì)齊功能將三個(gè)箭頭對(duì)齊一致。
3、分別為左A2、左A3設(shè)定動(dòng)畫延時(shí)效果各為0.25秒?，F(xiàn)在第一個(gè)箭頭的動(dòng)畫效果就這樣搞定了。
4、下面就開始重復(fù)的干活吧。分別設(shè)定右邊、左邊的箭頭動(dòng)畫效果。辛辛苦苦搞定第一個(gè)FEEDBACK的效果。然后，好消息來(lái)了，我們可以將A系列連同剪影、箭頭作為一個(gè)整體的素材復(fù)制粘帖5次，按照位置、大小、顏色進(jìn)行調(diào)整。并在動(dòng)畫窗格中設(shè)定延時(shí)效果。 以A\B\C\D\E\F為序。六個(gè)剪影+箭頭的出現(xiàn)順序是這樣的,請(qǐng)按照順序慢慢調(diào)節(jié)，一個(gè)一個(gè)來(lái)吧。
5、千辛萬(wàn)苦，終于將六個(gè)剪影的動(dòng)畫效果都搞定了 ，立即按下保存。接下來(lái)繼續(xù)處理WIFI圖標(biāo)閃爍的效果和"GET FEEDBACK"擦除的效果。
這里其實(shí)還有一個(gè)小小的技巧。我們注意到WIFI符號(hào)是從原點(diǎn)向邊緣發(fā)散的。但是如果用【擦除】動(dòng)畫的話，可沒(méi)有這種45度的擦除角度，如果用【圓形擴(kuò)展】的進(jìn)入效果，卻又沒(méi)法從原點(diǎn)開始擴(kuò)展發(fā)散。這該這么辦呢？
動(dòng)動(dòng)腦筋，既然【圓形擴(kuò)展】是從中心開始向外擴(kuò)展，而這個(gè)WIFI圖標(biāo)只是1/4個(gè)園，那么我們做一個(gè)看不見的整園和看得見的WIFI圖標(biāo)組合起來(lái)不就可以了么。再將【圓形擴(kuò)展】的重復(fù)值設(shè)定為為4次，就出現(xiàn)可閃爍的動(dòng)畫效果了。
四、課程回顧
如果你認(rèn)認(rèn)真真把今天的動(dòng)畫場(chǎng)景做下來(lái)的話，上百個(gè)動(dòng)畫效果的調(diào)整和設(shè)置，恐怕你會(huì)和我是一樣的感覺(jué)——不堪回首。以后再也不會(huì)再愛(ài)了吧。
但是還是要回顧一下。因?yàn)樽钭钭屇阃纯嗟氖虑?，往往也是最最能夠從中收獲經(jīng)驗(yàn)的。我在制作過(guò)程中計(jì)算了一下時(shí)間，其實(shí)真正靜心把所有的動(dòng)畫效果設(shè)定、調(diào)節(jié)，我用了20多分鐘。但是一開始的畏難情緒，導(dǎo)致我一拖再拖，居然拖了近兩周的時(shí)間。相信很多童鞋也遇到過(guò)這樣的情況吧，預(yù)知前面的困難險(xiǎn)阻，心想，等一等吧，說(shuō)不定能想出什么簡(jiǎn)單的法子來(lái)呢。卻不知另一邊已經(jīng)有人默默的埋頭干上了。正如前面摘要所說(shuō)，最笨大法子，往往是最有好的法子，是不是德魯克說(shuō)的我不知道，但是今天的這一課，似乎驗(yàn)證了這一點(diǎn)。
你還猶豫什么呢？動(dòng)手做起來(lái)吧，在你猶豫彷徨的時(shí)候，其他人已經(jīng)開始下載“動(dòng)畫素材12”了。做完了，也請(qǐng)?jiān)谖⒉┥螥秋葉語(yǔ)錄和@油殺臭干 并添加#三分鐘教程#的標(biāo)簽，讓大家一起看到你的努力。
本文來(lái)自秋葉語(yǔ)錄的微信公眾平臺(tái)，版權(quán)歸秋葉語(yǔ)錄所有。若網(wǎng)頁(yè)版不便于你學(xué)習(xí)，你可以用微信添加秋葉語(yǔ)錄關(guān)注，微信號(hào)：ppt100
鄂公網(wǎng)安備 42050602000108號(hào)