上篇文章發(fā)布后,有不少小伙伴對 PPT 頁面中的動(dòng)畫很感興趣,,表示想學(xué),。 既然大家的學(xué)習(xí)熱情這么強(qiáng)烈,今天這篇文章,,就跟各位分享一下這些動(dòng)畫的制作方法,。 操作不難,,包你看完就會(huì)!話不多說,,咱們直接開講,。 緩和飛入 這頁只用了「飛入」效果。 如果你添加過動(dòng)畫就知道,,在加上這個(gè)效果后,,元素的進(jìn)入動(dòng)畫會(huì)很生硬,就像這樣: 那如何讓動(dòng)畫變得更加緩和呢,? 秘訣就在于,,設(shè)置動(dòng)畫效果,讓其平滑結(jié)束,,比如把時(shí)間拖到最大,。 這時(shí),動(dòng)畫就會(huì)變得非常輕柔: 明白了這一點(diǎn),。 接下來,,我們可以先給頁面中的每一個(gè)元素,都加上「飛入」動(dòng)畫: 然后,,按順序去調(diào)整各元素動(dòng)畫的開始時(shí)間,,比如每個(gè)動(dòng)畫間隔 0.1s。 頁面的中的元素就會(huì)依次緩和飛入: 這個(gè)效果雖然簡單,,但是我們可以通過改變元素的進(jìn)入方向,,讓頁面的演示效果更加飽滿。 比如元素從頁面左,、右兩側(cè),,雙向進(jìn)入: 又或者傾斜進(jìn)入: 這第一個(gè)動(dòng)畫,你學(xué)會(huì)了嗎,? 按鈕彈動(dòng) 這個(gè)動(dòng)畫主要模擬了交互效果,,通過鼠標(biāo)和按鈕的縮小、回彈,,讓人感知到這個(gè)按鈕被點(diǎn)擊了,。 原理很簡單,就是用到了「放大/縮小」的動(dòng)畫效果,。 在效果選項(xiàng)中,,設(shè)置尺寸小于 100%,元素就會(huì)縮小,。勾選自動(dòng)翻轉(zhuǎn),,元素縮小后,就會(huì)回彈: 看下效果: 有些生硬,我們調(diào)整平滑開始,、平滑結(jié)束,,讓兩者時(shí)間大致相同: 動(dòng)畫就會(huì)變得輕柔緩和: 是不是很簡單? 關(guān)于這個(gè)動(dòng)畫效果,,之前有講過進(jìn)階版的,,感興趣的朋友可以點(diǎn)擊下方動(dòng)圖查看。 放射進(jìn)入 這頁的動(dòng)畫,,是被大家提問最多的,。立方體,由內(nèi)向外發(fā)散出現(xiàn),,使得整個(gè)頁面的視覺沖擊感很強(qiáng),。 那立方體向外飛出的效果,該怎么做呢,? 有兩個(gè)方法,。 ▍手動(dòng)設(shè)置 分析一下這個(gè)動(dòng)畫的原理。最容易判斷出來的就是,,立體方體由頁面中移動(dòng)至邊緣,,肯定是用了路徑動(dòng)畫: 同時(shí),需要讓立方體由小變大的,,讓人覺得立方體是由遠(yuǎn)處飛過來的: 搞清楚這兩點(diǎn),,接下來,實(shí)際動(dòng)手操作一下,。 我們先給立方體加上路徑「直線」動(dòng)畫: 并調(diào)整好起始位置,。 這里一定要選擇「反轉(zhuǎn)路徑方向」,這樣元素的運(yùn)動(dòng)方向才會(huì)是會(huì)由內(nèi)向外,。 接著,,在添加動(dòng)畫中,,選擇「縮放」,讓元素由小變大,。 小提示:要在添加動(dòng)畫中點(diǎn)擊「縮放」動(dòng)畫,,這樣不會(huì)覆蓋前面設(shè)置好的路徑動(dòng)畫,。 讓「縮放」和「直線」同時(shí)播放,元素向外發(fā)散的效果就做好了,! 再來看第二個(gè)方法,。 ▍插件自動(dòng)生成 這就需要借助 iSlide 插件中的平滑過渡了。 先在頁面中放置一大一小兩個(gè)立方體: 選中小立方體,,再按 Shift 鍵選中大的,,點(diǎn)擊平滑過渡中的應(yīng)用: 插件會(huì)自動(dòng)幫我們生成,立方體由小變大的位移動(dòng)畫: 把小立方體刪除,,就能得到元素向外發(fā)散的效果: 相比手動(dòng)設(shè)置,,用插件,,效果更好,速度還快,!我在做定制設(shè)計(jì)時(shí),,就很喜歡用到這個(gè)動(dòng)畫效果,因?yàn)樗苋菀鬃屇愕捻撁娓咭曈X張力,! 比如,,用在封面中,讓元素由內(nèi)向外迸發(fā): 或者是內(nèi)容頁,,模擬賽道馳騁的效果: 好了,,以上呢,就是本篇文章的全部內(nèi)容了,,主要跟各位分享了三個(gè)簡易好用的動(dòng)畫效果,。PPT 動(dòng)畫可以不追求酷炫,但給人的感覺一定要連貫柔和,,畢竟輔助演講才是它的主要職責(zé),。 最后,為了方便大家拆解學(xué)習(xí),,我把這份 PPT 的源文件免費(fèi)分享給各位,。
|
|