首頁 > 藝術

我超愛這個PPT效果,太形象了

由 利兄PPT教學 發表于 藝術2021-06-15

簡介02 手指滑動手機這個動畫效果如下圖所示:這個動畫其實不難,用的就是路徑動畫+遮罩提前準備好素材這裡需要三個素材,分別是手機PNG圖片、長截圖、手指素材

ppt陀螺旋怎麼自定義角度

我超愛這個PPT效果,太形象了

我超愛這個PPT效果,太形象了

Hello,大家好,我是利兄~

如果大家經常看各大廠商的釋出會,

經常會看到一個動畫效果

,就是模擬現實手指滑動手機的效果。

給大家找了幾個案例,大家感受一下,是不是還挺酷的。

我超愛這個PPT效果,太形象了

我超愛這個PPT效果,太形象了

我超愛這個PPT效果,太形象了

我超愛這個PPT效果,太形象了

這就是,我們今天要說的動畫效果,

手指滑動或者點選動畫

我們一個一個的來,先從一個簡單的。

01 手指滑動進度條

我超愛這個PPT效果,太形象了

這個動畫的製作,前期需要準備一個手指的PNG素材。

這裡的手指動畫其實非常簡單,就是

飛入動畫+路徑動畫+飛出動畫。

→飛入動畫

屬於進入動畫

我超愛這個PPT效果,太形象了

→向右路徑動畫

屬於路徑動畫

我超愛這個PPT效果,太形象了

→飛出動畫

屬於退出動畫

我超愛這個PPT效果,太形象了

時間上,這三個動畫正好設定為上一動畫之後。

然後在手指向右滑動的同時,設定一下綠色色塊的向右路徑動畫。可以看一下動畫窗格。

我超愛這個PPT效果,太形象了

注意一下:

對一個元素設定多個動畫的時候,必須要點選動畫選單下右側的新增動畫中新增,不能在左側預覽區新增。

我超愛這個PPT效果,太形象了

02 手指滑動手機

這個動畫效果如下圖所示:

我超愛這個PPT效果,太形象了

這個動畫其實不難,用的就是路徑動畫+遮罩

提前準備好素材

這裡需要三個素材,分別是

手機PNG圖片、長截圖、手指素材。

我超愛這個PPT效果,太形象了

將截圖放到手機下面一層,變成樣機的效果。

我超愛這個PPT效果,太形象了

手機外的截圖也出現在版面內,所以這裡還要用遮罩的效果。

畫一個和手機內部介面同樣大小的圓角矩形,然後插入一個和版面同樣大小的矩形。

我超愛這個PPT效果,太形象了

先選中矩形,然後同時選中圓角矩形,使用布林運算中的減除,把中間這一塊掏空。

然後,把截圖放到最下面一層,就可以遮住超出手機的截圖。

我超愛這個PPT效果,太形象了

然後,我們來設定動畫,這個動畫和上面的第一個動畫類似。

設定手指為飛入+路徑動畫+飛出;

截圖設定的是向上的路徑動畫。

可以看一下這個動畫窗格,時間上,兩個路徑動畫是同時進行的。

我超愛這個PPT效果,太形象了

我們來看一下操作動圖。

我超愛這個PPT效果,太形象了

這個動畫如果你會做了,那麼下面這個動畫,我相信你也自然會了。

也是用了路徑動畫+遮罩的效果。

我超愛這個PPT效果,太形象了

03 手指點選效果

這個動畫在華為matebook釋出會上使用過,這是效果圖。

我超愛這個PPT效果,太形象了

我們嘗試做一個類似的效果。

我超愛這個PPT效果,太形象了

這個動畫和前面的兩個稍微有些不同,它不是滑動,而是點選螢幕。

首先,我們準備好素材,平板,手指,圖片。

手指進入的動畫是

飛入動畫+陀螺旋動畫,這樣邊進入邊旋轉。

第一步,擺放好素材位置設定手指為飛入動畫。

我超愛這個PPT效果,太形象了

再選中手指設定動畫為陀螺旋動畫

我超愛這個PPT效果,太形象了

陀螺旋預設的旋轉式360度,但是我們可以選中動畫,雙擊開啟動畫效果視窗,可以設定一下旋轉度數,設定為40度。

我超愛這個PPT效果,太形象了

設定兩個動畫為同時進行

由於兩個動畫預設的持續時長不一致,我們還需要為相同的時長。

這樣兩個動畫就同時進行了。

我超愛這個PPT效果,太形象了

我們選中手指圖片,稍微往左旋轉一下,就可以得到這樣的一個效果。

我超愛這個PPT效果,太形象了

接下來是點選動畫

我們選中手指,設定動畫為強調動畫裡面的放大/縮小。

我超愛這個PPT效果,太形象了

得到這樣的效果。

我超愛這個PPT效果,太形象了

當然,這不是我們想要的效果,我們需要設定放大/縮小它的動畫效果。

將尺寸設定為96%,將自動翻轉勾選一下,並且把時長調整為0.5秒。

我超愛這個PPT效果,太形象了

這樣,我們就可以得到這樣的效果。

我超愛這個PPT效果,太形象了

它的動畫窗格如下圖所示。

我超愛這個PPT效果,太形象了

以上就是今天的主要內容,希望大家喜歡。

對了,如果還有不懂的,這份PPT檔案也給你們準備好了,免費領取。

領取方式:

1、轉發這篇文章

2、在後臺私信回覆

“指尖動畫”

即可領取。

學習更多的PPT知識, 可以進入我的專欄哦!

我超愛這個PPT效果,太形象了

Tags:動畫手指效果設定路徑