tft每日頭條

 > 生活

 > ppt如何制作觸發器動畫

ppt如何制作觸發器動畫

生活 更新时间:2025-01-12 05:03:13

從前段時間開始,網上開始突然流行一種通透的陰影設計風格,這種陰影被稱作彌散陰影,今天Jesse老師來教大家用PPT來做一個簡單的彌散陰影按鈕動效。

1、首先将頁面底色設置為灰色,RGB:235,235,235 。使用圓角矩形工具繪制出一個基礎的按鈕,去除輪廓線,設置顔色為RGB:114,138,252,按住<Ctrl>和<Shift>鍵向下拖動複制,得到兩個一模一樣的圓角矩形:

ppt如何制作觸發器動畫(簡單動畫觸發器)1

2、再次向下拖動複制上方矩形,與原矩形略微錯開位置,設置40%透明度,至于底層後适度柔化邊緣

ppt如何制作觸發器動畫(簡單動畫觸發器)2

3、将下方按鈕填充為紅色,RGB:252,72,74:

ppt如何制作觸發器動畫(簡單動畫觸發器)3

這樣我們就完成了基礎的彌散陰影按鈕造型了,是不是很簡單呢?OK,下面我們加一點小難度,為按鈕增加一個陰影過渡的動畫效果。

具體的效果是點擊下方按鈕時,陰影下行同時變為紅色;點擊上方按鈕時陰影回到原位置并變回藍色。這一效果可以用觸發器來完成。

4、為陰影添加向下的直線運動動畫,調整好終點位置如圖所示,并設置動畫時長0.75:

ppt如何制作觸發器動畫(簡單動畫觸發器)4

5、再次點擊「添加動畫」,為陰影增加一個強調動畫中的「對象顔色」效果,在「效果選項」中設置顔色為剛剛用過的紅色。最後設置動畫時長0.75,與上一動畫同時:

ppt如何制作觸發器動畫(簡單動畫觸發器)5

設置好之後效果如圖:

ppt如何制作觸發器動畫(簡單動畫觸發器)6

接下來要制作陰影回到上方按鈕的動畫。

6、再重複一遍步驟4,添加直線動畫、調整好動畫時長和終點位置後,在「效果選項」中選擇「反轉路徑方向」:

ppt如何制作觸發器動畫(簡單動畫觸發器)7

7、繼續為陰影添加「對象顔色」動畫,在「效果選項」中将顔色設置為藍色,調整好動畫時長,設置為與上一動畫同時:

ppt如何制作觸發器動畫(簡單動畫觸發器)8

8、最後,選中動畫窗格中的前兩項動畫,将其指定為由點擊藍色矩形(矩形:圓角3)觸發;選中後兩項動畫,将其指定為由點擊紅色矩形(矩形:圓角4)觸發,我們的按鈕動效就做好了:

ppt如何制作觸發器動畫(簡單動畫觸發器)9

來看看最終的效果吧:

ppt如何制作觸發器動畫(簡單動畫觸發器)10

其實一直在堅持寫教程分享,可每次都不記得優先發頭條号……從今天開始準備把頭條号撿起來好好運營。希望大家能多多支持,歡迎轉贊評,有不明白的地方敬請留言,知無不言言無不盡。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved