動畫無處不在,只要我們善于發(fā)現(xiàn),……blabla……(此處省略一萬字)
本篇就來探討一下如何從UI動效中學(xué)習(xí)動畫,并應(yīng)用到PPT當中去驯妄。
我們在使用手機時,經(jīng)常會看到各種動效合砂,比如下面這樣(圖片來自網(wǎng)絡(luò))
上圖是一個在通訊錄中搜尋好友的操作青扔,其中每一步都伴隨著相應(yīng)的動畫效果,這就是UI里的動效既穆,也稱UE。
以上圖為例雀鹃,如何把其中的效果“移植”到PPT當中去呢幻工?
先試了一下logo動畫,
模仿一:
模仿二:
然后又試了一下目錄動畫黎茎,
模仿三:
接下來就講一下“模仿一”和“模仿三”在PPT中是如何制作的囊颅。(“模仿二”中的部分效果涉及到PA的使用,這里先不講了傅瞻,留在源文件里踢代,大家先用著)
1. “模仿一”
(1):打造場景——搜索框
首先把PPT的頁面背景設(shè)為藍色(顏色可自行修改),然后插入一個圓角矩形嗅骄,一個文本框(寫上相應(yīng)的網(wǎng)址)胳挎,一個放大鏡圖標,并且把三者按如下的位置擺放溺森。
(2):放置LOGO
把剛才的頁面復(fù)制出一份慕爬,
然后在復(fù)制出的頁面里,把LOGO和對應(yīng)的文本按下圖擺放
接著在放大鏡周圍插入一個圓形輪廓屏积,待會用來模擬點擊的動效医窿。
(3):添加動畫——請看下方視頻。
視頻加載中...
2. “模仿三”
(1):創(chuàng)建目錄炊林。
插入一個矩形和一個文本(目錄)姥卢,然后將二者組合,
(2):創(chuàng)建內(nèi)容渣聚。
將剛才的組合復(fù)制出4份独榴,并且改變文本內(nèi)容,矩形的填充顏色以及二者的大小奕枝,然后對齊擺放括眠。
(3):添加動畫——見上面視頻(為了方便,兩個合到一起了)倍权。
當然掷豺,在模仿UI里的動效時捞烟,不是說一定要一模一樣,有些效果在PPT中難以實現(xiàn)当船,完全可以采取其他的的動畫替代题画,或者干脆省略掉,保證流暢即可德频,關(guān)鍵是學(xué)習(xí)一種思路苍息。
比如下面這個UI動效(圖片來自網(wǎng)絡(luò)),
開頭圓形變成正方形的效果有些頭暈壹置,不如直接從正方形開始竞思,輔以“陀螺旋”和“輪子進入”動畫模仿其進入效果,其他的效果用PPT中相似的動畫替代钞护,可以很快在PPT中實現(xiàn)盖喷。
有趣的UI動效多得是,這里也只是給大家提供一種思路难咕。