【呆大的動畫庫】我們來聊聊那些動畫“小思維”

? ? ? 之前的十期欄目,我們大多數是以模板的動畫為主,跟大家分享一些PPT可以實現的效果,用這種舉例的方式,來告訴大家PPT動畫可以怎么實現,后來很多小伙伴留言溝通某些效果的制作技巧,講真,制作的過程很難一兩句話就說清楚,因為有時某些效果在我制作的過程中已經是習以為常了,所以我甚至很難注意到這點,但是有時往往就是小的細節,會讓大家做出來的效果有些差強人意!

? ? ? ?基于這樣的原因,結合大家的提問,這期的內容相對比較“雜”,同樣還是通過案例的形式,我們來聊下設計過程中一些“小思維”!

一.關于動畫中心和補位的技巧

? ? ? ? 動畫中心的應用,多是跟旋轉、縮放這些內容有關的,特別是跟圓類似的圖形的關系比較大,舉個栗子吧,如果有一個扇形,我們想給他加個縮放或者陀螺旋的動畫效果,雖然選中的時候看起來像是個方形,比如下圖

扇形

? ? ? 我在扇形的中心放個圓形比較下,用過之后就知道其實旋轉和縮放的中心跟扇形的角度關系很大,比如下圖

扇形縮放

? ? ?最后一個相對最接近圓形,所以縮放的過程也跟圓形重合越多,所以處理的方法有一種,一種是補位的技巧,比如第一個扇形,我就在他的下面加個能完全覆蓋他的正方形組合一下,然后把正方形的填充和邊框都去掉就可以了,為了方便比較,下圖的效果我保留了邊框

補位后的效果

? ? ?第二種處理的方法,是利用PA里面的動畫中心工具

動畫中心

? ? ? ? 特別是對于比較復雜的圖形,利用這個工具相對補位的過程要更加的簡單,我們來看看個案例,比如下圖咖啡杯的飛入,很明顯旋轉的中心是咖啡杯的內部的中心,但是因為有個把手的原因,幾何中心卻不是杯子的中心,所以需要我們進行調整,常規按照補位的技巧大家可以試下,也可以實現,但是調整的次數比較多

案例

? ?所以這里我們可以用PA的動畫中心工具,選中之后打開工具,就可以發現杯子已經在畫面中了,我們只需要手動點擊杯子的中心就可以了,如果需要微調,那就用右下角的方向鍵接可以了,是不是很方便?

動畫中心工具

二.遮罩的反向應用

? ? ? ? ?之前的一期欄目曾經發過這樣的一張動畫,做的是類似音樂均衡器的效果,用的效果其實就是簡單的伸展動畫就可以,但事實上如果仔細觀察的話,就會發現其實每個色塊在收回的時候,都是完全收縮的,但是事實上,有時這些類似的效果,不一定要完全到底部

案例:

? ? ? ? 很多小伙伴都已經比較熟悉遮罩的原理了,在很多的人的認識中,遮罩是應該這么用的:一個色塊上面摳出來一部分,然后遮擋住某些效果,比如下圖

遮罩效果

? ? ? ?但在實際應用過程中,某些遮罩不必運動,更不用剪切之類的,只要在那個位置就好,比如剛才的音樂均衡器,我們只要在色塊的下面再添加幾個同樣顏色的色塊,就可以實現前面更加真實的均衡器效果,比如下圖:

遮罩應用

? ? ?仔細看下就可以發現區別啦,每個色塊在到達一定位置的時候就停下了,這也是遮罩應用的一種方式

三.同一背景的不同動畫效果

? ? ? ? ?我們在制作背景的時候,經常會用到很多重復元素的情況,特別是對于幾何元素來說,大量的使用是特別正常的情況,比如下面的設計

01


02
02

? ? ? 對于這些原本僅僅作為裝飾用的元素,其實如果加上合適的東西效果,反而會起到不一樣的效果,特別是因為數量多的原因,如果錯開時間軸,往往效果會更加有趣,下面我們就以第一張圖舉例,跟大家聊聊同一背景不同動畫效果的區別!

? ? ? ? 比如第一張效果,就用最簡單的淡入效果,錯開時間軸,效果就變得不一樣了

淡出

? ? ?如果在這個基礎上,淡出之后我們再加個脈沖的效果,就變成了滿屏的閃爍,在某些特殊的場合還是很有趣的

脈沖效果

? ? 在比如我們把淡出換成縮放效果,又是另一種感覺啦

縮放效果

? ? ?亦或者是PPT里面的兩種旋轉,分別是旋轉和回旋,都是最簡單而且常用的效果,感覺卻是完全不同的

回旋
旋轉

? ? ?其實對于這種多數量的同種元素而言,很多時候我們并不需要很多很復雜的動畫效果,就用最基本最常用的效果,然后把出現的時間錯開,就用這種亂序的效果,就可以實現不同的特效。

? ? ?好啦,這周的內容跟大家分享了三點制作過程中的小細節,下周見啦!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容