PPT設(shè)計(jì)中,我們經(jīng)常用到城市主題的素材,但是一張張靜態(tài)的圖片+普通的動(dòng)畫做出的畫面總會顯得呆滯,沒有一點(diǎn)靈動(dòng)感。我今天為大家?guī)?“城市汽車模擬動(dòng)畫”,讓城市中的汽車動(dòng)起來,讓PPT頁面充滿活力。
首先看下效果圖:
一、前期準(zhǔn)備工作
1.如果你是學(xué)習(xí)/工作需要,需要用自己的圖片素材根據(jù)教程制作自己的演示動(dòng)畫,你需要準(zhǔn)備素材,本次教程用到的圖片都是免摳PNG圖片。如果你的素材需要摳圖,可以用之前我推薦過多次的remove網(wǎng)站進(jìn)行摳圖。
2.如果你是單純練習(xí),或者沒有指定的圖片素材,推薦安裝插件iSlide,內(nèi)設(shè)免費(fèi)可商用的插圖庫.可百度iSlide,下載安裝即可。
二、制作教程
第一部分:制作城市PNG圖片
第一步:
使用插件iSlide的插圖庫,搜索城市,獲取城市圖片。
我們得到城市圖片后,拖動(dòng)圖片會發(fā)現(xiàn)圖片比較難拖動(dòng),不方便操作。這是因?yàn)檫@個(gè)圖片是一個(gè)可編輯的矢量圖形組合。
此時(shí)我們只需要復(fù)制這個(gè)組合,右鍵粘貼為圖片即可把這個(gè)組合變換成一張圖片,把下載的原圖片組合刪除,只保留粘貼的圖片,從而方便拖動(dòng)操作,方法如下:
第二步:
由于城市圖片比較寬,沒法鋪滿整個(gè)幻燈片頁面。此時(shí),我們復(fù)制粘貼一份,把兩份進(jìn)行水平方向的拼接。
第三步:
拼接好后,同時(shí)選中兩個(gè)圖片,按“Ctrl+G”進(jìn)行組合,組合后再復(fù)制這個(gè)組合,右鍵選擇粘貼為圖片。
第四步:
選中圖片,點(diǎn)擊“設(shè)置圖片格式”,在效果中選擇“映像”,給圖片添加“倒影”,“透明度”設(shè)置為80%,“大小”為56%,“模糊”為0.5磅,“距離”為4磅,此時(shí)完成城市背景圖制作。
第二部分:制作藍(lán)天背景
這個(gè)就比較簡單了,我們直接把幻燈片背景設(shè)置為“漸變填充”,“類型”為“線性”,三個(gè)光圈,均為淺藍(lán)色,第一個(gè)光圈“位置”設(shè)置為0%,“透明度”為0%,“亮度”為55%;第二個(gè)光圈“位置”設(shè)置為35%,“透明度”為0%,“亮度”為55%;第三個(gè)光圈“位置”為80%,“透明度”為100%,“亮度”為70%,藍(lán)天背景制作完成。
第三部分:制作汽車
第一步:
首先,使用插件islide插圖庫,搜索汽車,選擇一個(gè)輪子清晰的汽車側(cè)視圖圖片;然后,點(diǎn)擊“插入”/“圖片”,選擇汽車圖片插入PPT中;最后,點(diǎn)擊鼠標(biāo)右鍵選擇“組合”-“取消組合”。目的是把汽車輪子部分單獨(dú)劃分出來。
第二步:
單獨(dú)框選車輪部分,選中后右鍵進(jìn)行“組合”(或者Ctrl+G快捷鍵),把輪子部分的元素進(jìn)行組合,第二個(gè)輪子同理操作。
第三步:
把汽車其他部分(除兩個(gè)輪子組合外的部分)進(jìn)行框選,按“Ctrl+G”進(jìn)行組合。
第四步:
選中兩個(gè)車輪組合,點(diǎn)擊鼠標(biāo)右鍵,選擇“置于頂層”。
之后再調(diào)整車輪和車主體的位置,并進(jìn)行調(diào)整大小。
此時(shí)我們完成所有靜態(tài)元素的制作。
第四部分:添加動(dòng)畫
A:城市圖片動(dòng)畫制作
第一步:
復(fù)制一層城市背景圖片,并添加退出動(dòng)畫中的【飛出】動(dòng)畫,效果選項(xiàng)到右側(cè),與上一動(dòng)畫同時(shí),持續(xù)時(shí)間4秒,無延遲。
第二步:
為另一張城市背景圖添加進(jìn)入動(dòng)畫中的“飛入”,效果選項(xiàng)自左側(cè),與上一動(dòng)畫同時(shí),持續(xù)時(shí)間4秒。
第三步:
點(diǎn)擊“動(dòng)畫”-“動(dòng)畫窗格”,選中動(dòng)畫窗格中兩個(gè)動(dòng)畫,右鍵選擇“計(jì)時(shí)”,在彈出的計(jì)時(shí)窗口中,把重復(fù)改為“直到幻燈片末尾”。
第四步:
選中兩個(gè)城市背景圖,右鍵選擇“置于底層”,再執(zhí)行“格式”-“對齊”-“水平居中”,“格式”- “對齊”-“垂直居中”,并調(diào)整兩個(gè)圖片的位置。此時(shí)城市背景動(dòng)畫添加完成。如下圖:
B:汽車動(dòng)畫制作
第一步:
把汽車主體和兩個(gè)輪子移動(dòng)到幻燈片右側(cè)的外部,為汽車主體(除兩個(gè)輪子外的)組合添加直線動(dòng)畫,與上一動(dòng)畫同時(shí),持續(xù)時(shí)間3秒,無延遲,并將紅色的動(dòng)畫路徑觸控點(diǎn)拖到幻燈片中間位置。如下圖:
第二步:
選中兩個(gè)輪子,添加直線動(dòng)畫,與上一動(dòng)畫同時(shí),持續(xù)時(shí)間3秒,無延遲,并分別將兩個(gè)車輪的動(dòng)畫路徑的紅色觸控點(diǎn)拖動(dòng)到下圖位置:
第三步:
同時(shí)選中兩個(gè)車輪,點(diǎn)擊“動(dòng)畫”-“添加動(dòng)畫”-“強(qiáng)調(diào)”,選擇強(qiáng)調(diào)中的“陀螺轉(zhuǎn)”,開始為與上一動(dòng)畫同時(shí),持續(xù)時(shí)間1.5秒,無延遲。
第四步:
之后在“效果選項(xiàng)”中選擇“逆時(shí)針”。
第五步:
在“動(dòng)畫”-“動(dòng)畫窗格”中,選中兩個(gè)陀螺轉(zhuǎn)動(dòng)畫,右鍵選擇“計(jì)時(shí)”,在計(jì)時(shí)窗口中,把重復(fù)改為“直到幻燈片末尾”。
此時(shí)完成所有頁面設(shè)計(jì)及動(dòng)畫制作。
最終效果如下圖:
本期動(dòng)畫教程就到這里,我們下期再見!