本期要點:5種方法改變動畫中心
技巧概要:補位法 形狀覆蓋法 陰影法 漸變隐藏法 插件
圖文編輯:幻雲PPT設計 大雄董軍
還有類似鐘擺/指針/大轉盤等等都會用到
再比如一些實際動畫設計案例
案例1:發展簡史時間軸
這裡使用的雖然不是動畫,是平滑切換,但是指針也是需要更改動畫中心,才能産生這樣的效果
案例2:科技感雷達掃描動畫
這裡使用的是陀螺旋動畫,但是扇形的動畫中心不在圓點,所以需要改變動畫中心,然後設置漸變
還有很多小動畫,都需要使用到改變動畫中心
比如手抖 狗搖尾巴 抖腿 身體前傾
如果你想成為PPT動畫高手,那麼如何改變動畫中心,是你一定要掌握的動畫手法之一
下面詳細介紹PPT動畫中心-包你徹底掌握
在PPT中的任何元素,比如形狀,圖片,文字,線條等等,都有一個中心點,而所有的PPT動畫效果,都是以這個中心點作為動畫中心進行的動态演繹
改變動畫中心的過程其實就是改變元素中心點的過程
既然所有動畫都是以元素的中心點為動畫中心進行動态演繹,那麼我們通過改變元素的中心點,也就是動畫中心,就可以實現不同的動畫效果
比如下圖汽車的圖片
左側是原始動畫中心的陀螺旋動畫效果
右側是改變動畫中心後陀螺旋動畫效果
再比如下圖鋼鐵俠的圖片
左側是原始動畫中心的縮放動畫效果
右側是改變動畫中心後縮放動畫效果
所以有些時候
同一個元素,同一個動畫,僅僅改變動畫中心
就能讓我們有限的的PPT動畫效果得到極大的豐富!
選中元素,點擊插入-形狀-直線,連接任意兩個對稱點,同樣的方法再插入另一條直線,兩條直線相交的點,就是動畫中心
給元素任意添加一個路徑動畫,默認的起點位置,就是該元素的動畫中心
選中元素,點擊工具欄口袋動畫-動畫中心,即可顯示當前的動畫中心位置
以上三種查看當前元素動畫中心的方法,大家可根據自己的使用習慣自行選擇一種
本文重點來了,下面一一介紹5個方法改變動畫中心位置
适用場景:對改變的動畫中心位置要求不苛刻可使用補位優點:便捷
補位缺點:動畫中心位置不夠精細,組合後,該組合會自動置頂,改變原來的圖層位置
具體操作方法如下
1.點擊插入-形狀-矩形,在畫布中畫出一個跟目标元素差不多尺寸的矩形
2.選中目标元素,按住Ctrl再選中插入的矩形,按Ctrl G快捷鍵,對兩者進行組合
注:組合後,該組合的動畫中心就移動到了汽車和矩形兩者中心點連線之間的中點位置,所以組合前可以根據想要的動畫中心位置,适當移動矩形,之後再進行組合即可,下圖為組合前後,動畫中心位置的變化演示圖
3.組合後,單獨選中矩形,将矩形設置為無填充,無線條,設置完成
注:此步的目的在于隐藏掉不需要展示出來的矩形,但是又不影響我們改變動畫中心
之後再給這個組合添加動畫時,動畫中心就不是原來的初始位置,而是改變後的動畫中心位置了
比如我之前的科技風動态模闆裡的一個動态元素“科技感雷達掃描”就是使用的補位法
适用場景:适用于所有場景
覆蓋優點:便捷,且動畫中心位置精準
覆蓋缺點:形成的組合較大,不利于後期點選操作,組合後,該組合會自動置頂,改變原來的圖層位置
具體操作方法如下
1.點擊插入-形狀-圓形,然後确定我們想要的動畫中心在哪裡,就在哪裡同時按住Ctrl Shift,畫出一個大圓,直到這個圓能把目标元素(這裡的劍)完全覆蓋,比如這裡我們把動畫中心定在劍尖上
2.選中畫出的大圓(注意不要再移動位置),然後将大圓設置為無填充,無線條。此時大圓雖然看不見了,但還在選中狀态,接着按住Ctrl,再選中目标元素(劍),按Ctrl G快捷鍵,将兩者組合(可以看到,形成的組合輪廓比較大)
最後給這個組合添加任意動畫,動畫中心就是劍尖了
形狀覆蓋法适用于任何場景,想要動畫中心在什麼位置,就在什麼位置按住Ctrl Shift畫圓,直到覆蓋目标元素,然後設置大圓無線條,無填充,組合後添加動畫即可
适用場景:适用于需要改變的動畫中心在初始元素邊界線上
陰影優點:無需組合,占據範圍小,定位準确,改變動畫中心,但不改變圖層順序
陰影缺點:靈活性較差,操作稍複雜
陰影法使用場景較窄,不過它也不是一無是處,但某些特定的場景下,陰影法反而是最佳選擇
另外為了拓寬思路,一并分享給大家
具體使用方法如下
A.什麼樣的場景适合使用“陰影法”?
我們上邊說的陰影法,在某些特定場景是最佳選擇,這裡所說的特定場景是指
a1.要改變的動畫中心,在該元素的邊框上,具體動畫中心位置如下圖黃圈位置
a2.頁面元素很多,圖層順序已經排好,需要改變某個元素的動畫中心,但不改變圖層順序
我們知道:
如果在一頁有很多元素的頁面,元素的圖層順序是固定好的,但是如果我們把其中一個元素與新增的元素進行組合,那麼這個生成的組合,會自動置于頂層,為了方便理解這段話,我特意錄了個動态圖
所以如果我們使用補位法/形狀覆蓋法,包括後邊的口袋動畫改變動畫中心(以上幾個方法本質上都是組合法)都會使得新生成的組合自動置于頂層,從而改變了它本來的圖層順序,新生成組合後,我們還需要再次調整它到原來的圖層位置,如果這頁元素特别多的話,其實調整這個圖層順序還是比較頭大的
做PPT教會了我們,即使頭大,也要微笑面對
如果這個場景同時滿足a1 a2,那麼陰影法,就是我們的最佳選擇
B.如何使用陰影法改變動畫中心?
陰影的外部預設中,有以下9個陰影偏移方向
如果我們要改變的動畫中心在該元素的邊框上,我們就可以通過陰影的方向和參數來進行調整整個元素的中心位置,也就是動畫中心的位置
陰影法規律
我們要改變的動畫中心,在該元素的哪個方向,陰影就設置為哪個方向,比如下圖我們要把動畫中心從原始中心位置,改變到該元素的右下角位置,那麼我們就把這個元素的陰影預設選擇為“右下”,然後設置參數,參數如下(重點為透明度100%,大小200%,距離0磅)
這樣我們就把該元素,在不組合,不改變該元素圖層順序的前提下,把動畫中心進行了更改
陰影法規律圖示
動畫中心要改到該元素的哪個位置,陰影的預設就選擇哪個方向,然後參數參考上方,這裡的青色矩形代表原始元素,黑色矩形代表陰影,黃圈代表要改變的動畫中心位置
适用場景:适用于可收縮/伸展的矢量元素(如形狀/線條)
漸變優點:無需組合,占據範圍小,定位準确,改變動畫中心,但不改變圖層順序
漸變缺點:靈活性較差,操作稍複雜
本文介紹的5種方法,其他四種(補位法/形狀覆蓋法/陰影法/口袋動畫法)本質上都是在原來的基礎上增加元素(形狀/陰影),從而達到改變動畫中心的目的
唯獨漸變隐藏法不同
比如下圖的幾個形狀,我們把中心點定在黃圈位置,如果我們使用補位/形狀覆蓋,都需要畫形狀-組合,還會改變圖層順序
如果我們采用陰影法,方向-下,參數設置好,也可以達到在不改變圖層順序的前提下,更改動畫中心,但是對于某些特定的形狀,比如半圓,操作起來就會稍微麻煩一些,因為PPT自帶的形狀有限,需要我們單獨調整,有的還需要布爾運算
這裡我們以半圓為例,展示下漸變隐藏法改變視覺上的動畫中心的操作方法
1.首先插入一個正圓,在設置形狀格式裡,我們設置角度為90度,漸變光圈2個
2.将兩個色塊的位置均改為50%,這時候就把這個正圓分割成了兩個不同顔色的半圓
3.将其中後一個色塊的透明度改為100%,我們這裡以黑色為例,這樣我們就把下半部分隐藏掉了,此時就得到了半圓,而動畫中心還是在初始位置,隻不過我們隐藏了下半部分,所以添加動畫後,視覺上的動畫效果是半圓圍繞中心旋轉了。
我們上邊的案例中,其實也是使用了漸變隐藏法,隻不過下邊的灰色部分,我們使用了漸變隐藏,視覺上看不到了而已
漸變隐藏法本質上是沒有改變動畫中心的,隻是視覺上元素的一部分被隐藏了,所以看起來是改變了動畫中心
當然,我們以上示範是用的90度的角度漸變,如果我們改變漸變的角度,相同的形狀還能衍生出不同的形狀效果
适用場景:适用于任何場景
插件優點:便捷,快速,靈活
插件缺點:需要安裝插件,生成輪廓較大,另外使用後會改變原來的圖層位置
使用口袋動畫的“動畫中心”功能,可以很快速,便捷地更改動畫中心,唯一的缺點是更改動畫中心後,該元素生成的組合的圖層順序又會被置于頂層。
使用口袋動畫改變動畫中心需要注意以下幾點:
(1)如果口袋動畫是盒子版,需要切換到專業版
(2)在更改動畫中心時,不要使用點擊法,建議使用拖動法,也就是說,我們要把動畫中心從初始位置,移動到A點,不要直接在彈窗中去點選A點,要用鼠标把中心标記點,拖動到A點,這樣更精确,我在使用中親測點選法有位置偏差,而拖動則不會
(3)智能類型用于特定位置的一鍵移動;智能中心用于XY坐标的微調,外部擴展用于生成的組合的邊框大小調整;這幾個參數可以熟悉下,不過還是手動用的多一些,這幾個參數可以作為輔助
以上就是今天大雄董軍跟大家分享的5種方法改變動畫中心,我将這5種方法的特點總結如下,希望大家在針對具體場景時,能較迅速的選擇出最适合的方法
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!