很多時候呢,各大品牌的發布會PPT如果沒有值得借鑒的創意和玩法,你其實可以去品牌的官網看看!就比如蘋果官網,有一些很不錯的動畫效果!
我看完恨不得立馬用PPT進行複刻!
我在蘋果官網查看最新版的 MacBook 時,看到一個很有意思的動畫效果。
在産品的詳情介紹中,文字和小圖标的顔色會發生變化:
還有,M1 芯片上的文字,像是有光掃過一樣,看起來很有質感:
手癢的我,立馬用 PPT 複刻了一下:
文末可免費領取 PPT 動畫源文件
其實,這個動畫的原理十分簡單,我們隻需要有一個圖形遮罩層和顔色動畫層:
然後讓底部的顔色發生位移即可:
就是這麼簡單~
接下來,我來說一下具體的操作步驟, 分為 3 步:
01、制作镂空遮罩插入一個全屏形狀,導入蘋果的矢量 logo,并輸入文字“M1”:
先選中形狀,再選中 logo 和文字,點擊合并形狀中的剪除:
插入 3 個形狀,分别調整漸變填充,模拟光感:
将形狀無縫拼接在一起,組合後就得到了底部的顔色層。
将顔色層置于遮罩層下方:
再給顔色層加一個向右的路徑動畫:
在播放時,就會有掃光的效果了:
此外,我們還可以把顔色層逆時針旋轉 45°,讓其傾斜位移:
這樣就蘋果官網中的效果一樣了:
看到這裡,這個動畫效果,你學會了嗎?
案例拓展其實這種遮罩的形式,在 PPT 動畫中十分常見。為了拓寬你的思路,我們來看一些案例。
比如,底部的顔色層并不一定要發生位移,把它換成陀螺旋:
也可以讓文字顔色發生變化,并且可以無限循環下去:
不久前,我們為聯想制作的發布會 PPT,就用到了這個方法:
此外,镂空層可以不是文字,換成水滴型:
配合不斷移動的波浪形狀:
就能做出創意的動态圖表:
我們還可以通過增加波浪形狀的數量,從而讓動畫的層次更加豐富,這是兩層波浪:
三層波浪:
還有很多讀者問到的矩形線條循環動畫,同樣是用到的了遮罩效果:
這裡簡單拆解一下,它的遮罩層是镂空的矩形:
而最底層,是一個極坐标漸變形狀,添加了陀螺旋動畫:
将兩者重疊,就會得到矩形線條不斷轉圈的效果:
是不是還挺驚訝的?原來這個效果這麼簡單!
當然,創意無限,我的文章也隻是為你提供一些思路,有關遮罩的玩法兒還有很多很多,你也可以拿起鼠标,動手試一試~
為了方便你拆解學習,我會把我臨摹蘋果官網的動畫,我會直接分享出來~
後台回複關鍵詞 蘋果動畫,就能直接領取啦!
#職場幹貨# #職場達人煉成記# #ppt# #蘋果#
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!