首頁 > 藝術
我超愛這個PPT效果,太形象了
由 利兄PPT教學 發表于 藝術2021-06-15
簡介02 手指滑動手機這個動畫效果如下圖所示:這個動畫其實不難,用的就是路徑動畫+遮罩提前準備好素材這裡需要三個素材,分別是手機PNG圖片、長截圖、手指素材
ppt陀螺旋怎麼自定義角度
Hello,大家好,我是利兄~
如果大家經常看各大廠商的釋出會,
經常會看到一個動畫效果
,就是模擬現實手指滑動手機的效果。
給大家找了幾個案例,大家感受一下,是不是還挺酷的。
這就是,我們今天要說的動畫效果,
手指滑動或者點選動畫
。
我們一個一個的來,先從一個簡單的。
01 手指滑動進度條
這個動畫的製作,前期需要準備一個手指的PNG素材。
這裡的手指動畫其實非常簡單,就是
飛入動畫+路徑動畫+飛出動畫。
→飛入動畫
屬於進入動畫
→向右路徑動畫
屬於路徑動畫
→飛出動畫
屬於退出動畫
時間上,這三個動畫正好設定為上一動畫之後。
然後在手指向右滑動的同時,設定一下綠色色塊的向右路徑動畫。可以看一下動畫窗格。
注意一下:
對一個元素設定多個動畫的時候,必須要點選動畫選單下右側的新增動畫中新增,不能在左側預覽區新增。
02 手指滑動手機
這個動畫效果如下圖所示:
這個動畫其實不難,用的就是路徑動畫+遮罩
提前準備好素材
這裡需要三個素材,分別是
手機PNG圖片、長截圖、手指素材。
將截圖放到手機下面一層,變成樣機的效果。
手機外的截圖也出現在版面內,所以這裡還要用遮罩的效果。
畫一個和手機內部介面同樣大小的圓角矩形,然後插入一個和版面同樣大小的矩形。
先選中矩形,然後同時選中圓角矩形,使用布林運算中的減除,把中間這一塊掏空。
然後,把截圖放到最下面一層,就可以遮住超出手機的截圖。
然後,我們來設定動畫,這個動畫和上面的第一個動畫類似。
設定手指為飛入+路徑動畫+飛出;
截圖設定的是向上的路徑動畫。
可以看一下這個動畫窗格,時間上,兩個路徑動畫是同時進行的。
我們來看一下操作動圖。
這個動畫如果你會做了,那麼下面這個動畫,我相信你也自然會了。
也是用了路徑動畫+遮罩的效果。
03 手指點選效果
這個動畫在華為matebook釋出會上使用過,這是效果圖。
我們嘗試做一個類似的效果。
這個動畫和前面的兩個稍微有些不同,它不是滑動,而是點選螢幕。
首先,我們準備好素材,平板,手指,圖片。
手指進入的動畫是
飛入動畫+陀螺旋動畫,這樣邊進入邊旋轉。
第一步,擺放好素材位置設定手指為飛入動畫。
再選中手指設定動畫為陀螺旋動畫
陀螺旋預設的旋轉式360度,但是我們可以選中動畫,雙擊開啟動畫效果視窗,可以設定一下旋轉度數,設定為40度。
設定兩個動畫為同時進行
由於兩個動畫預設的持續時長不一致,我們還需要為相同的時長。
這樣兩個動畫就同時進行了。
我們選中手指圖片,稍微往左旋轉一下,就可以得到這樣的一個效果。
接下來是點選動畫
我們選中手指,設定動畫為強調動畫裡面的放大/縮小。
得到這樣的效果。
當然,這不是我們想要的效果,我們需要設定放大/縮小它的動畫效果。
將尺寸設定為96%,將自動翻轉勾選一下,並且把時長調整為0.5秒。
這樣,我們就可以得到這樣的效果。
它的動畫窗格如下圖所示。
以上就是今天的主要內容,希望大家喜歡。
對了,如果還有不懂的,這份PPT檔案也給你們準備好了,免費領取。
領取方式:
1、轉發這篇文章
2、在後臺私信回覆
“指尖動畫”
即可領取。
學習更多的PPT知識, 可以進入我的專欄哦!