閃電,是大自然向人類展示的最偉而神奇力量之一。想當(dāng)年(數(shù)十億年前),第一代有機物就是在地球原始大氣中,由閃電催化而成。圣經(jīng)上說,上帝看周圍都是黑的,說,要有光,于是就有了光。這開天辟地的一道光,除了閃電,還能有什么?
今天的動畫教程,我們就來做一次上帝,用PPT在我們的電腦中創(chuàng)造一個新的宇宙。
不要太緊張,其實做電腦中的上帝很簡單,今天的動畫只涉及到很少的幾種效果。
首先得準(zhǔn)備素材。我們從網(wǎng)上可以很輕松地找到一些閃電的圖片。下載下來,盡量選擇黑底的,準(zhǔn)備個7、8張,再找一張彩色的。點擊最下方的【閱讀原文】,可以下載到我們準(zhǔn)備的素材。
打開PPT,先將底色設(shè)置為黑色。
地 是 空 虛 混 沌 。 淵 面 黑 暗 。 神 的 靈 運 行 在 水 面 上 。
把剛才找到的黑色底色的10來張張閃電的圖片放到PPT中。隨意拖放,改變圖片的大小。素材不夠的話,可以把圖片水平翻轉(zhuǎn)后多次利用。
神 說 , 要 有 光 , 就 有 了 光 。
然后用我提供的“閃爍一次”的動畫效果,用動畫刷在圖片上一一點過去。
稍微調(diào)整一下各個閃電出現(xiàn)的延時效果,再把所有的圖片都集中到頁面上重疊起來。這時候,簡單的閃電效果其實已經(jīng)做好了。
不過光這個樣子也太不過癮了。于是我們可以再加點料。
其實自然界的閃電除了那種一閃而過的閃電外,還有球狀閃電,還有一閃以后慢慢熄滅的閃電。球狀閃電不好搞,慢慢熄滅的閃電還是很容易做出來的。
下面將那個彩色的閃電圖片貼到PPT中,為它添加幾次淡入淡出的效果,中間可以夾雜一兩次閃爍的效果。
測試一下效果,當(dāng)上帝的感覺是不是很爽?
回顧:
今天的動畫其實很簡單,但是比較麻煩的是【閃爍一次】的動畫效果在2010和2013版本中是找不到滴!好在臭干老師一直保存著這珍貴的動畫素材,需要了就拿出來刷一下,反正怎么刷他也不少錢不是。
素材和做好的效果都在【閱讀原文】中下載。還有雷聲的音頻文件哦,加進去的時候問自己一下,是先閃電還是先打雷?
今天教程就到這里,OVER,下課。別忘了今天還有推送的下一篇,交作業(yè)送模板!
期待你的創(chuàng)意效果轉(zhuǎn)化成GIF動態(tài)圖或者視頻發(fā)微博,記得在微博@油殺臭干 和@秋葉 ,請加上#三分鐘教程作業(yè)#便于檢索,好作品我們必轉(zhuǎn)!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>今天的動態(tài)LOGO的設(shè)計,靈感來源于手游“節(jié)奏大師”的開場片頭。然后,俺就飛快地動手仿制了一個。接著,就順手寫了這個3分鐘的教程。
設(shè)計動態(tài)LOGO,其實最難的是動畫的設(shè)計規(guī)劃,好在我們有現(xiàn)成的模板,可以直接跳過這一步,進行到技術(shù)層面,來討論怎么完成這樣一個兩秒的動畫了。
這個動畫里有兩個關(guān)鍵點。
一個是小球的運行軌跡動作。關(guān)鍵是要做出符合物理規(guī)律的運動感。
二是幾個文字的跳動出現(xiàn)的效果。關(guān)鍵是模仿彈簧壓扁后又恢復(fù)的感覺。
下面就一步一步來實現(xiàn)這些效果吧。
首先搭建好框架,然后再慢慢琢磨細(xì)節(jié)。
第一步,畫一個小圓,分別輸入輕松學(xué)動畫幾個字,每個字一個單獨的文本框。放置好LOGO和英文字母的位置。因為這里L(fēng)OGO上的火焰部分我要單獨動畫,所以單獨拆分為一個部分。
第二步,添加小球的運動軌跡。
選中小球以后,為小球添加從高處拋物線下落以及在每個字上面的彈跳軌跡。以及最后弧線繞到LOGO火焰部分的軌跡。
為了控制小球彈跳以及文字出現(xiàn)的時間關(guān)聯(lián)效果,每次彈跳的弧形軌跡要分別添加。方法在動畫菜單下【添加動畫】-【動作路徑】-【自定義路徑】,分別繪制一條大拋物線,四條弧形軌跡以及最后一個上升的弧形軌跡。
運動軌跡有了,下面就是關(guān)鍵步驟一,為小球的設(shè)定符合物理效果運動效果。
第一個拋物線,回想一下中學(xué)物理,應(yīng)該是從速度為零開始逐漸加速。所以,選中該軌跡,先將持續(xù)時間修改為0.25秒,打開效果設(shè)定,將平滑開始設(shè)置為0,平滑結(jié)束設(shè)置為0.25秒,這個意味著在這0.25秒內(nèi)小球處于先慢后快的加速狀態(tài)。
到了后面幾個弧形的軌跡效果又不一樣了。繼續(xù)回憶中學(xué)物理。一個物體彈跳拋物線速度是一開始速度最大,隨著高度增加,垂直速度逐漸減少為零,然后開始下降,到達地面時速度又恢復(fù)到初始速度。所以拋物線的運行速度是快—慢—快這樣一個過程。所以我們先將第一個軌跡運行時間設(shè)置為0.2秒,平滑開始和平滑結(jié)束應(yīng)該是這樣的:
通過平滑開始和平滑結(jié)束的時間設(shè)置,我們就實現(xiàn)了符合重力學(xué)的運動效果。余下的3個弧形彈跳軌跡也同樣設(shè)置。最后,再為小球向上的運動軌跡的同時添加一個漸變消失的效果。這時候動畫窗格中的效果應(yīng)該是這樣的。
搞定了小球的彈跳運動,下面就是文字出現(xiàn)的彈簧效果了。以第一個字為例。首先添加【出現(xiàn)】的動畫效果。然后添加彈簧形變效果。
一個固體如果壓扁的話,會產(chǎn)生兩個方向的變形。
一個是垂直方向的壓縮,一個是水平方向的擴張。
而在動畫效果的【強調(diào)】—【放大/縮小】中恰好可以在這兩個維度上進行單獨設(shè)置。
所以我們先為“輕”字添加水平方向的擴張和垂直方向的壓縮,比例分別為120%和80%
在壓縮以后,字體會彈回原來的樣子。這樣就反過來,再為“輕”字添加垂直方向的擴張和水平方向的收縮。因為這個放大縮小的比例是在第一次壓縮以后的大小基礎(chǔ)上,所以要恢復(fù)原樣,水平的收縮設(shè)定為75%,垂直方向設(shè)定為125%。這兩個動畫效果是同時的,因為變形時間很短,可以設(shè)定持續(xù)時間為0.1秒。這兩個個恢復(fù)的效果作為一個同時的整體,緊隨上一個壓縮的后面。
現(xiàn)在把文字彈簧壓縮的變形效果播放一下,已經(jīng)出來了。然后用動畫刷功能,在剩下的文字上面一個一個刷過去吧。
第三步,基礎(chǔ)的動畫設(shè)置完成了。下面要開始調(diào)節(jié)動畫的順序了。建議在動畫窗格中選中所有的動畫,將【開始】全部修改為“與上一動畫同時”。
為何要這樣設(shè)置呢?因為修改為與上一動畫同時,我們可以通過延時設(shè)置來控制動畫的開始時點而不受前后動畫的影響。
其實動畫的流程分兩個部分。一個部分是小球依次從5個字“輕松學(xué)圖表”上彈跳過去。另一個部分是“輕松學(xué)圖表”5個字依次按小球彈跳的時點一彈簧變形的方式出現(xiàn)。兩部分動畫的時間軸是獨立設(shè)置的。
所以第一文字“輕”與第一個弧形軌跡的關(guān)系式這樣的:
換成文字描述,就是小球落到“輕”的位置時,“輕”字彈簧變形出現(xiàn)。這時候
要注意的是,小球第二個彈跳軌跡的是緊接在第二個彈跳軌跡之后,而不是在文字出現(xiàn)以后,所以,在“輕”字動畫效果出現(xiàn)的時候,小球依然毫不停頓繼續(xù)向下一個“松”字跳過去。第二個彈跳軌跡的延時時間應(yīng)該是0.25秒。以此類推,將各個動畫的時間點設(shè)置好。
最后為火焰添加縮放出現(xiàn)的效果即可。
如果感覺動畫邏輯太復(fù)雜的話,可以點擊最下方的【閱讀原文】查看源文件。
回顧一下:
今天的動畫雖然只有2秒,但是值得注意的問題不少。
首先要注意的是小球的彈跳要符合重力特征。
其次是幾個文字彈簧出現(xiàn)的效果也要符合物理變形的特點。當(dāng)然,如果還要進一步摳細(xì)節(jié)的話,我們還可以為小球添加彈跳時的壓縮變形的效果。
但是越細(xì)致的動畫就越容易出問題,特別是像這種有多不同時間軸的動畫,一開始理清動畫邏輯,然后利用【從上一項開始】和【延時】的組合,就可以輕松搞定。
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>我們在各種片頭中常??吹竭@樣的元素——一個旋轉(zhuǎn)不息的地球。
但是在PPT的動畫中,3D功能是非常孱弱的,如何用PPT來做出這樣旋轉(zhuǎn)地球的效果額?
首先,我們要準(zhǔn)備好幾樣素材。點擊最后【閱讀原文】下載。
然后把相關(guān)的菜單準(zhǔn)備好,打開PPT中的文件—選項—自定義功能區(qū)—不在功能區(qū)中的命令,把這幾個命令添加到菜單:
下面就可以開始制作這個旋轉(zhuǎn)的地球了。
第一步:畫一個黑色背景,然后在上面摳一個洞。
具體步驟:畫一個黑色的矩形,再畫一個園,放到矩形的中央。
按住"shift",先選中矩形,然后選中圓形(注意,順序不要搞錯),點擊菜單上的【剪除】,就可以在黑色矩形上摳出一個洞來。
第二步:將世界地圖設(shè)置成合適的顏色,調(diào)節(jié)大小,讓寬度和摳好的洞洞差不多大。并復(fù)制兩份,前后排好,組合成一張圖。
第三步:添加向右的路徑動畫。然后點擊動畫路徑,拖動小紅點,將后面一個世界地圖的虛影和原來位置的地圖重合。
第四步:在動畫窗格中將動畫設(shè)置為“從上一項開始”,在【效果選項】中,將【平滑開始】和【平滑結(jié)束】都設(shè)置為“0”,在【計時】中將重復(fù)設(shè)置為“直到下一次單擊”。
第四步:將中間有洞洞的黑色矩形設(shè)置為“頂層”,并將剛才準(zhǔn)備好的半透明的圓形覆蓋在洞洞上面,這樣讓地球更具有立體感。添加文字,OK,旋轉(zhuǎn)的地球就做好了!
回顧:
這個動畫主要用到了兩個技巧:
第一個就是利用剪除功能制作蒙版。這可是在AI和PS中才有的專業(yè)功能哈,我們在PPT中也可以部分實現(xiàn)了。
第二個技巧就是如何實現(xiàn)循環(huán)。用兩張圖片循環(huán)往復(fù)即可實現(xiàn)。
還有,通過覆蓋半透明的陰影,也可以模仿出逼真的3d效果哦!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>不需要專業(yè)工具,不需要復(fù)雜操作,你只要用三分鐘的時間看完本教程,馬上就能學(xué)會讓PPT變身GIF微動畫的方法!
你也許經(jīng)常在微博上看到GIF微動畫,它們尺寸不大,查看方便,節(jié)省流量,電腦端和手機端通吃。你只需要PowerPoint 2010/2013和一款叫LICEcap的輕量級錄屏軟件,就能輕而易舉地將PPT轉(zhuǎn)換成GIF微動畫。四步操作就足夠了!
第一步。啟動PowerPoint,打開一個PPT,點擊窗口右下角的“閱讀視圖”按鈕,會在窗口模式下放映這個PPT,如圖1所示,然后適當(dāng)調(diào)節(jié)窗口的大小。
注:窗口越小,做出來的GIF越小,越節(jié)省流量,而且在手機上觀看越容易,但是不能過小,否則就會看不清文字。
第二步。啟動LICEcap,調(diào)節(jié)LICEcap窗口的大小和位置,讓LICE窗口中間的大洞與PowerPoint窗口里的幻燈片頁面恰好吻合。
第三步。點擊“錄制”,LICEcap會彈出一個對話框提示保存文件,如圖3所示。在這里選擇文件保存的文件夾和文件名(注意:文件夾路徑和文件名里都不能包含中文),然后勾選“按下鼠標(biāo)按鈕”,點擊“保存”按鈕。
注:如果選中“按下鼠標(biāo)按鈕”,那么LICEcap會在你用鼠標(biāo)點擊的位置作個標(biāo)記,這對錄制交互式PPT很有幫助。
第四步。此時LICEcap的標(biāo)題欄里會顯示倒計時,時長為3秒鐘,在這段時間里抓緊將鼠標(biāo)移動到PowerPoint窗口里并點擊一下,為錄制做好準(zhǔn)備。等倒計時結(jié)束后,LICEcap的標(biāo)題欄里會顯示“正在錄制”,此時在PowerPoint窗口中進行放映幻燈片的操作,直到幻燈片放映完畢之后點擊LICEcap窗口里的“停止”。
注:放映時間越短,錄制得到的GIF文件就越小,越節(jié)省流量,而且在手機上觀看越容易,但是不能過短,否則觀眾跟不上進度。
OK,GIF微動畫錄制完畢,只需要雙擊生成的GIF文件就可以觀看了,也可以分享到網(wǎng)上。微博、微信、QQ、人人網(wǎng)、QQ空間、BBS論壇、個人博客等網(wǎng)站或軟件都是無縫支持GIF動畫的。你如果還嫌GIF動畫體積太大,可以用Photoshop或Fireworks編輯并進一步優(yōu)化。
下載鏈接:LICEcap 1.24漢化版。
另外,PPTfans小編還發(fā)現(xiàn)一個比LICEcap還要強大的gif錄制工具GifCam,比LICEcap強大在于可以編輯刪除多余錄制的幀,詳細(xì)教程自己百度哈!
下載鏈接:GifCam
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>? ? 前段時間微博上流行翻牌子,點擊任意一張牌子就能查看牌子背面的圖。PPT不但能模擬這個效果,而且能給牌子加上動畫,讓牌子翻轉(zhuǎn)的效果更加逼真,如下圖所示。
本期動畫真好玩教程,我們就一起來動手制作一個翻牌子的PPT。
1、將背景調(diào)成藍色(RGB:0,106,193)。
2、插入9張圖片,裁剪成1:1比例,長度和寬度都設(shè)成4.9厘米。
3、將圖片大致排列成3行×3列的九宮格。要求每一行和每一列都要形成階梯狀,即每張圖片都要相對于它左邊的圖片向下偏移,并且相對于它上邊的圖片向右偏移,如圖2所示,便于后續(xù)步驟的對齊操作。
4、搭建九宮格的對齊框架。(1)選中第1行的三張圖片,頂端對齊,然后橫向分布。(2)選中第1列的三張圖片,左對齊,然后縱向分布
5、頂端對齊每一行的圖片。(1)選中第2行的三張圖片,頂端對齊。(2)選中第3行的三張圖片,頂端對齊。
6、左對齊每一列的圖片。(1)選中第2列的三張圖片,左對齊。(2)選中第3列的三張圖片,左對齊。注:在PowerPoint2010/2013版本中,可以借助智能參考線,用鼠標(biāo)拖動圖片的方式對齊第5步和第6步中涉及的圖片。
7、讓九宮格處于頁面中央。(1)選中全部9張圖片,組合。(2)選中組合,左右居中,然后上下居中。(3)取消組合。
8、在選擇窗格中為每張圖片改名并編號。要求圖片的位置與編號一一對應(yīng),如圖3所示。例如,右上角的圖片改名為“Picture 3”,右下角的圖片改名為“Picture 9”。注:每張圖片上的數(shù)字是教程中用作展示的,你不需要輸入。
9、繪制9個一模一樣的矩形。(1)繪制一個矩形。(2)將它的長度和寬度都設(shè)置為4.9厘米,使之成為正方形(但是下文依然把它稱為“矩形”)。(3)取消其輪廓色。(4)在這個矩形中輸入數(shù)字“1”,字號設(shè)為72。(5)將這個矩形復(fù)制8份,總共得到9個矩形。
10、將矩形排列成九宮格。(1)選中任一矩形,將它拖到一張圖片上,讓矩形恰好覆蓋圖片。(2)修改這個矩形的填充色。(3)修改這個矩形里面的數(shù)字,并且在選擇窗格中給這個矩形改名并編號,要求矩形里的數(shù)字、矩形的編號和圖片的編號一一對應(yīng)。(4)參照步驟(1)~(3),讓另外8個矩形分別覆蓋另外8張圖片,并為矩形編好號。注意:9個矩形的填充色必須彼此不同。最終效果如圖4所示。
11、為9個矩形設(shè)置退出動畫。(1)選中9個矩形,為它們添加“收縮”退出動畫。(2)將動畫的持續(xù)時間都設(shè)為0.25秒。(3)開始方式都設(shè)為“單擊時”。 最終效果如圖5所示。
12、為9個矩形的動畫設(shè)置觸發(fā)器。(1)將“矩形1”的收縮動畫設(shè)為由它本身觸發(fā):在動畫窗格中選中“矩形1”的退出動畫,點擊“動畫”選項卡→“高級動畫”組→“觸發(fā)”→“單擊”→“矩形1”。(2)參照步驟(1),把每個矩形的收縮動畫都分別設(shè)為由它本身觸發(fā)。最終效果如圖6所示。
14、為9張圖片設(shè)置進入動畫。(1)在選擇窗格中隱藏所有矩形。(2)選中9張圖片,為它們添加“展開”進入動畫。(3)將持續(xù)時間都設(shè)為0.25秒。(4)開始方式都設(shè)為“上一動畫之后”
15、為9張圖片的動畫設(shè)置觸發(fā)器。(1)將“Picture?1”的收縮動畫設(shè)為由“矩形1”:在動畫窗格中選中“Picture 1”的進入動畫,點擊“動畫”選項卡→“高級動畫”組→“觸發(fā)”→“單擊”→“矩形1”。(2)參照步驟(1),每張圖片的展開動畫都分別設(shè)為由對應(yīng)的矩形觸發(fā)。(3)在選擇窗格中點擊“全部顯示”。最終效果如圖7所示。
16、設(shè)置Replay按鈕。(1)插入一個含Replay字樣的圖片,在選擇窗格將它中命名為“Replay”。(2)借助選擇窗格,選中9張圖片,為它們添加“消失”動畫(使用“添加動畫”按鈕,不要從“動畫”組中選擇,否則會改變原來的動畫),持續(xù)時間和開始方式保持默認(rèn)。(3)選中9個矩形,為它們添加“展開”動畫,持續(xù)時間設(shè)為0.25秒,開始方式設(shè)為“與上一動畫同時”。(4)在動畫窗格中選中剛剛增添的18條動畫,參照第12步之(1),將這些動畫均設(shè)置為由“Replay”觸發(fā)。最終效果如圖8所示。
16、取消鼠標(biāo)點擊換頁。在“切換”選項卡的“計時”組中,取消勾選“單擊鼠標(biāo)時”,如圖9所示。這樣可以避免觀眾誤點矩形和Replay按鈕以外的區(qū)域?qū)е聯(lián)Q頁。
17、在頁面上輸入文案,大功告成!最終效果如圖10所示。
按Shift+F5放映當(dāng)前幻燈片,屏幕上會出現(xiàn)9張牌子,點擊任意一張,牌子就會翻過來露出背面的圖片。點擊Replay,全部牌子就會恢復(fù)原狀。按Esc鍵,結(jié)束放映。
其實這個交互的PPT,不光可以讓大叔每天翻牌子玩,還有其他更多的應(yīng)用可以拓展。
期待你的創(chuàng)意效果發(fā)微博,記得在微博中@谷月博士 和@秋葉?,請加上#三分鐘教程作業(yè)#便于檢索,好作品我們必轉(zhuǎn)!
小貼士:可以將PPT的放映過程用Camtasia、GIFCam、LICECap、Wink等工具錄屏成GIF動畫發(fā)微博,或?qū)PT另存為視頻上傳到視頻網(wǎng)站發(fā)微博,或?qū)PT上傳至OneDrive并生成共享鏈接發(fā)微博。
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>今天的課程,我們在上次@其實婕喵是個胡蘿卜所做的星空的基礎(chǔ)上加以發(fā)揮,來嘗試打造一個 夢幻背景的動態(tài)PPT模板。
上一周我們的教程:讓燈籠在閃閃的星空飛一會,形式很出彩,但是模仿教作業(yè)的人不多。為什么?其實我知道,下載原文件,下打開動畫窗格,想看一看原動畫是如何設(shè)置的,但是看到那密密麻麻的動畫條,
怎么樣,暈了吧!
怪誰呢?動畫太復(fù)雜,還是微軟在PPT動畫設(shè)計界面上如此不夠人性化么?
其實臭干老師很想畫個圈圈詛咒一下設(shè)計PPT動畫界面的那家伙一輩子吃方便面沒有調(diào)料包!如此糟糕的人機交互界面,無論是操作還是查看都極度的不方便。
難道就沒有辦法了么?
今天,我就教大家一個一勞永逸的法子,讓你既能用上絢爛復(fù)雜的動態(tài)背景,又能保持干凈清爽的動畫窗口。
大家可以點擊下面“閱讀原文”下載本課的范例文件。打開動畫窗格看看。
奇怪吧,背景中那些閃爍的六邊形的動畫設(shè)置上哪里去了?
其實秘密就在母板里。
打開【視圖】-【幻燈片母板】,然后再打開【動畫窗格】,你就會發(fā)現(xiàn)所有背景的動畫設(shè)置就在這里呢!
我們就以上一節(jié)課的閃爍的星空為例,看看怎么做出一個閃爍星空的母板來。
請直接回復(fù)“好玩07”查看上一節(jié)的教程。
我們只要看到完成星空的設(shè)置這里就可以了。
按住Ctrl+A,選中頁面上所有的元素。再按Ctrl+c復(fù)制。
下一步,打開【視圖】-【幻燈片母板】,在左邊的母板縮略圖欄中點擊左鍵,插入一個版式
下面就和處理正常PPT頁面一樣,先將這個版式的頁面底色設(shè)置為黑色。將剛才復(fù)制的內(nèi)容全部黏貼上去即可。
退出母板,在新建幻燈片的主題下面,我們就可以找到剛才添加的版式了。
這樣,一個動態(tài)的背景就打造完畢,再也不用擔(dān)心在這樣的背景上添加動畫時被太多的動畫元素所影響了。
其實看過上一期的教程的話,你就會發(fā)現(xiàn)今天的范例其實也挺簡單的。無非就是設(shè)置一個漸變的背景,然后隨意放一堆大大小小透明度不一的六邊形。然后利用不同的延時和重復(fù)就可以打造出這樣一個動態(tài)的背景出來。
關(guān)鍵是,我們今天學(xué)會了怎么做動態(tài)母板這樣一個高大尚的技能。保存好,下次只要在這個母板上添點什么,就可以輕松搞定一個炫目驚艷的PPT了。
歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@油殺臭干 @其實婕喵是個胡蘿卜?和@秋葉,好作品我們必轉(zhuǎn)!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>古有嫦娥奔月,今有都教授飛天,仰望星空,一直都是所有人類的夢想。今天,就有請偽裝成喵星人的@其實婕喵是個胡蘿卜 告訴我們,怎么用PPT來制作一個迷人的星空,然后讓你想飛的東西飛起來。
怎樣讓燈籠在閃閃星空飛起來呢?
這個場景中一共有兩個動畫部分:閃閃的星星和飛向月亮的燈籠。
需要用到的素材有:一個圓圓的大月亮、N顆閃閃的星星、一個燈籠。
月亮完全可以手繪一個出來,但是為了更逼真一點,我們就求助下度娘,而為了搭配燈籠發(fā)出的黃色光,所挑選的月亮顏色要偏黃一些。我們還得找一張比較模糊的月亮圖片,或者用美圖工具把圖片的清晰度降低,這樣月亮看起來距離我們比較遙遠。
月亮可以靠度娘,blingbling的星星可就不能偷懶,得自己畫了。這可是今天的主角。
手繪閃閃的星星并不難,只需要用兩個簡單的圖形:三角形和圓形進行組合。
其中,覆蓋在星星主體上的大圓要用到柔化邊緣的效果,在【開始】—【形狀效果】-【柔化邊緣】中將柔化邊緣大小設(shè)置為13磅。整顆星星的顏色可以參考下面的設(shè)置
這樣我們就畫好了一顆星星,復(fù)制一份待用。
可是畫出來的星星還不會閃呢,怎么讓星星blingbling起來呢?
其實只要四個簡單的動畫效果讓星星blingbling起來。
出現(xiàn)——放大——旋轉(zhuǎn)——消失,我們就可以做出一個閃啊閃的小星星。
在【開始】—【選擇】—【選擇窗格】菜單里把畫出來的星星改名為“星星1”,把復(fù)制的星星改名為“星星2”。
【效果一】:打開動畫菜單,選中“星星1”,添加【進入】—【淡出】的動畫,這樣,我們的星星就開始blingbling起來了。
接下來再點擊【效果選項】右下角的小箭頭,進入詳細(xì)設(shè)置界面。
在計時的界面下,將延遲設(shè)置為1.25秒、期間設(shè)為0.5秒、開始選擇“與上一動畫同時”、重復(fù)選擇“直到幻燈片結(jié)尾”。
【效果二】再選中“星星1”,添加【進入】—【基本縮放】的動畫,再點擊【效果選項】右下角的小箭頭,進入詳細(xì)設(shè)置界面。
在效果的界面下,將縮放設(shè)為“放大”。
在計時的界面下,將延遲設(shè)置為3.75秒、期間設(shè)為2秒、開始選擇“與上一動畫同時”、重復(fù)選擇“直到幻燈片結(jié)尾”。
【效果三】還是選中“星星1”,添加【強調(diào)】—【陀螺旋】的動畫,再點擊【效果選項】右下角的小箭頭,進入詳細(xì)設(shè)置界面。
在效果的界面下,將數(shù)量設(shè)為“36度順時針”。
在計時的界面下,將延遲設(shè)置為3.75秒、期間設(shè)為2.75秒、開始選擇“與上一動畫同時”、重復(fù)選擇“直到幻燈片結(jié)尾”。
【效果四】最后再選中“星星1”,添加【退出】—【淡出】的動畫。再點擊【效果選項】右下角的小箭頭,進入詳細(xì)設(shè)置界面。
在計時的界面下,將延遲設(shè)置為5.75秒、期間設(shè)為0.75秒、開始選擇“與上一動畫同時”、重復(fù)選擇“直到幻燈片結(jié)尾”。
這樣我們的“星星1”就blingbling得很完美了。
“星星1”blingbling了,“星星2”也要blingbling才行呀。
讓“星星2”blingbling起來的方法基本與“星星1”相同,不同之處只在于具體的設(shè)置參數(shù)。
“星星2”的第一次淡出動畫,計時界面將延遲設(shè)置為2.75秒、期間設(shè)為2秒。
基本縮放動畫,計時界面將延遲設(shè)置為2.75秒、期間設(shè)為2秒。
陀螺旋動畫,效果界面將數(shù)量設(shè)置為“36度逆時針”, 計時界面將延遲設(shè)置為2.75秒、期間設(shè)為2.75秒。
第二次淡出動畫,計時界面將延遲設(shè)置為3.75秒、期間設(shè)為2秒。
然后我們復(fù)制若干份“星星1”和“星星2”,調(diào)整它們的大小,合理放置,就能得到一個星光閃閃的夜空了,blingbling的是不是特別漂亮呢。
搞定了星星,我們就只缺個燈籠了。
動畫中的燈籠是手繪出來的,雖然色塊不少,但其實只要有點耐心,并不難畫。
燈籠畫完之后,選中燈籠罩,設(shè)置發(fā)光效果。在【開始】—【形狀效果】—【發(fā)光】菜單中,把發(fā)光顏色設(shè)為“黃色”、大小設(shè)為“18磅”、透明度設(shè)為“60%”。
再選中兩個流蘇,同樣設(shè)置發(fā)光效果,除了大小設(shè)為 “8磅”,其它參數(shù)與燈籠罩的相同。
這樣我們就有一個發(fā)光的燈籠了。
再給燈籠添加一個路徑動畫,我們的燈籠就可以飛起來了。
將畫好的燈籠移動到月亮下方合適的位置。
選中燈籠,添加【進入】—【飛入】的動畫。再點擊【效果選項】右下角的小箭頭,進入詳細(xì)設(shè)置界面。
在效果的界面下,將方向設(shè)置為“自左下部”。
在計時的界面下,將期間設(shè)為20秒、開始選擇“與上一動畫同時”、重復(fù)選擇“直到幻燈片結(jié)尾”。
瞧,我們的燈籠是不是飛起來了呀。
大功告成,讓燈籠飛去吧。
婕喵讓燈籠在閃閃星空飛一會兒,你想讓什么東西在閃閃星空中飛呢?
歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@油殺臭干 @其實婕喵是個胡蘿卜?和@秋葉,好作品我們必轉(zhuǎn)!
點擊下方【閱讀原文】下載原文件
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>今天的教程來自一頁紙PPT大賽——我的2013一等獎作品,246號@Kenneth__Choi同學(xué)的2013回顧。清新靈動的動畫設(shè)計,簡潔大方的排版配色,加上鋼鐵俠的友情出鏡贊助,讓@Kenneth__Choi在數(shù)百份作品中脫穎而出,
大家一定被鋼鐵俠給萌到了吧。如此可愛動感的鋼鐵俠,是怎么做出來的呢?
這個場景中一共有三個動畫部分。
鋼鐵俠一飛沖天的效果是通過云朵的移動完成的,其實鋼鐵俠自身是在原地沒動,利用相對移動的原理,形成了鋼鐵俠向上飛的效果。
另外兩個動畫細(xì)節(jié)部分也是必不可少的,一個是鋼鐵俠的方舟反應(yīng)堆脈沖的動態(tài)效果,一個是鋼鐵俠腳下的火焰噴射的效果。這兩個亮點,恐怕是大多數(shù)人頭疼不知怎么做出來的。
下面就讓我們的教程來一一揭秘吧。
首先當(dāng)然是準(zhǔn)備素材。
這個超萌的鋼鐵俠可是@Kenneth__Choi自己畫的。很難么?其實回顧前面@小萬管家愛學(xué)習(xí) 童鞋的多PPT手繪課程,頓時天邊飄來5個字,那都不是事兒!
畫好鋼鐵俠的主體以后,點擊右鍵,組合成一個整體。在【開始】-【選擇】-【選擇窗口】菜單里把組合名稱改成“鋼鐵俠”。
下面我們先來搞定鋼鐵俠的方舟反應(yīng)堆的脈沖閃爍的效果。
在畫鋼鐵俠身體的時候,已經(jīng)用漸變效果在方舟反應(yīng)堆的部位做出了這種閃光的效果。
現(xiàn)在再單獨在方舟反應(yīng)堆部位上添加一個園,用漸變效果做成下面的效果。
漸變效果可以參考下面的設(shè)置,并在選擇窗口中改名為方舟。
下一步打開動畫菜單,選中素材“方舟”,添加【強調(diào)】-【放大縮小】的動畫,并在效果選項中將放大效果設(shè)為“較大”,這樣,我們就有了一次不錯的反應(yīng)堆的脈沖效果。
接下來在點擊【效果選項】右下角的小箭頭,進入詳細(xì)設(shè)置界面。
在計時的界面下,將期間設(shè)為1秒,重復(fù)選擇“直到幻燈片末尾”
這樣,鋼鐵俠的方舟反應(yīng)堆就會一直閃啊閃啊閃啊閃啊,直到宇宙的終結(jié)。
搞定了反應(yīng)堆的動畫效果,下面就是火箭噴射的效果了。
大家可能已經(jīng)有了這樣的感覺,做好一個逼真的動畫,素材的準(zhǔn)備工作非常重要。
所以,第一步,還是畫素材。
其實噴射火焰的素材繪制非常簡單,如果我們學(xué)會靈活運用形狀組合的功能的話。
用一個橢圓加上幾個大小不等的三角形即可組合出噴射火焰的形狀。復(fù)制兩份待用。
這個噴射動畫其實就是不斷的抻長然后縮短的狀態(tài)。還是剛剛的【放大縮小】動畫搞定,只是設(shè)置上要稍加改動。
首先在效果選項中,將放大方向設(shè)為垂直,大小設(shè)為較大。
然后進到詳細(xì)設(shè)置菜單,首先在效果中勾選自動翻轉(zhuǎn),這樣抻長的火焰會自動恢復(fù)原狀。
接下來將期間設(shè)為非??欤?.5秒),重復(fù)直到幻燈片末尾,非??岬匿撹F俠腳下的等離子噴射火焰的效果就出來了。
然后云朵移動的動畫應(yīng)該非常簡單了,用路徑動畫輕松搞定,別忘了加上重復(fù)設(shè)置。
最后將所有的動畫開始方式統(tǒng)一修改為“與上一動畫同時”。
又萌又酷的鋼鐵俠一飛沖天,直到宇宙終結(jié)的動畫就此誕生。
怎么樣,雖然我們不是斯塔克家族的高帥富,但是我們一樣能實現(xiàn)鋼鐵俠的飛天夢想!
關(guān)于@Kenneth__Choi童鞋的這個動畫短片中,還有哪些動畫小技巧你還沒有參透,可以在微博上直接向@Kenneth__Choi請教哦。
歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@油殺臭干 @Kenneth__Choi 和@秋葉,好作品我們必轉(zhuǎn)!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并joanna_李吳 和@秋葉,好作品我們必轉(zhuǎn)!
點擊下面“閱讀原文”,看一看這兩個女漢子的2013吧。
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>今天這節(jié)課其實很簡單,透露一下如何實現(xiàn)在手機上播放PPT的秘密。
上一節(jié)課利用視差效果我們做了一個很酷的網(wǎng)站片頭效果,然后臭干老師賣了個關(guān)子,說能讓PPT動畫毫無壓力地在手機上播放,甚至還能插入網(wǎng)站,代替BANNER什么的。
然后發(fā)現(xiàn),尼瑪我牛吹大了。
PPT動畫確實是可以在手機上看了,但是烏鴉變成烏鴉風(fēng)箏,翅膀不會動了。插入博客也是可以滴,但是在新浪博客上測試失敗。最后一個插入網(wǎng)站,代替banner,臭干老師由于沒有自己的網(wǎng)站,只能告訴你,這個在理論上是完全可行滴。要是誰測試成功了,別忘了告訴我一聲。
好,下面就正式開始介紹這個似乎還很不成熟的方案了。
以前要想完成PPT的在線播放是個很復(fù)雜的事情,如果你還在用2003或者07或者10版,我記得有個遠程播放的功能。要不,就要用ISPING將PPT轉(zhuǎn)成flash,然后再上傳到網(wǎng)站上播放,轉(zhuǎn)換效果,那也就是個馬馬虎虎。
現(xiàn)在簡單多了。因為來到了云時代,goolge推出了并不存在的google doc,蘋果也早已有了ICLOUD,并且將iworks全部免費了,并且提供多平臺協(xié)作修改的功能。作為一統(tǒng)辦公軟件江山的微軟怎么能放棄這塊市場。微軟的skydrive,你注冊了帳號了么?
在微軟的www.skydrive.com?注冊以后,我們就會獲得7個G的云空間,同時奉送的,還有一套OFFICE 的web app,也就是說,即便我們的電腦上沒有安裝office,我們也可以登錄skydrive,用office的Web app來編輯文檔,處理EXCEL和制作PPT!當(dāng)然功能上沒有離線版的齊全,不過應(yīng)一下急還是沒問題的。
既然是云空間,多平臺協(xié)作,即時同步這些功能那是必不可少了。這些大家可以慢慢研究。我這里只介紹一下在手機、平板上播放PPT的方式。
最簡單的方法,那就是登錄自己的skydrive,然后點開PPT就可以在線播放了。但是要是像我這樣,要把做好的PPT分享給其他的人一起看怎么辦呢?
skydrive提供了兩種分享的方式,一種是分享鏈接,一種是嵌入代碼。
在skydrive中選中一個PPT文件,點擊“分享”或者“嵌入”,我們就可以進入相關(guān)的界面了。
點擊創(chuàng)建鏈接,就可以生成一個網(wǎng)址,你可以將這個網(wǎng)址發(fā)給別人,別人就可以在電腦上點開網(wǎng)址觀看你的PPT了,此外,還可以生成可供編輯、可供查找的兩種共享方式。但是,這幾種網(wǎng)址都只能在電腦上打開,手機上看不了。因為這僅僅是一個文件的地址,沒有打包web app。
要想在手機上看怎么辦呢?
除了共享,還有一個“嵌入”,進入“嵌入”編輯菜單,點擊生成,就可得到一段代碼。
像這個倒霉的烏鴉的PPT,嵌入網(wǎng)頁的代碼就是<iframe src="https://skydrive.live.com/embed?cid=A4A1DDDC6BE93D23&resid=A4A1DDDC6BE93D23%214794&authkey=AHlvnA6rlSAKLCg&em=2" width="402" height="327" frameborder="0" scrolling="no"></iframe>
我們只要把這段代碼復(fù)制到網(wǎng)頁或者我們的博客中,就會自動調(diào)用PPT進行播放。但是,這只是理論上,因為我在wordpress的博客上實驗成功,但是新浪博客似乎屏蔽了iframe的標(biāo)簽,自定義組件功能同樣也不認(rèn)。所有,有自己wordpress網(wǎng)站的童鞋可以試試,可以實現(xiàn)我上節(jié)課提到的代替banner以及直接在博客中播放PPT。
但是,這段代碼還是無法實現(xiàn)在手機上播放PPT的夢想,腫么辦?
我們注意到代碼中間有一段網(wǎng)址,把他拷貝出來:https://skydrive.live.com/embed?cid=A4A1DDDC6BE93D23&resid=A4A1DDDC6BE93D23%214794&authkey=AHlvnA6rlSAKLCg&em=2,?轉(zhuǎn)成二維碼,用微信來掃描試試,看,成了!
至于烏鴉的翅膀為什么不能撲動,那是因為WRB APP的功能比較弱,支持不了所有的動畫效果,但是一般的進入、退出、強調(diào)什么的,還是毫無壓力的。
一旦解決了PPT在移動端播放的問題,下面可以展開的太多了,就留給大家慢慢開發(fā)吧。
至少大家在微博上發(fā)送給臭干老師的動畫作業(yè),就不需要搞那么復(fù)雜,直接發(fā)鏈接好了。
點擊下面的閱讀原文,也可以看到這只可憐的烏鴉是如何鍥而不舍地飛向無限宇宙的。
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>? ? ? ? 視差滾動是最近出現(xiàn)的一個比較火的站點視覺效果,適用于做整站(mini-site)也可以做小動畫。通常來說,要使用JavaScript和CSS手工編代碼來實現(xiàn)視差滾動效果。不過在強大的PPT面前,只要十分鐘,我們也可以毫無壓力地實現(xiàn)這種效果,并且,可以把它展示到自己的網(wǎng)站上去哦!
? ? ? ??實現(xiàn)動畫如下。
或者你掃描一下下面的二維碼,也可以流暢地在你的手機或者平板上播放,(技術(shù)原因,暫時無法實現(xiàn)烏鴉翅膀撲動的效果,不過你可以腦補成飛機好了)試一試吧。(長按圖片即可保存到相冊)
上述動畫用到的圖片資源是臭干老濕厚顏無恥的“借”自一個視差滾動效果JS庫:spritely.net 。非常感謝。
好下面先教你怎么做出這個效果,下一節(jié)課臭干老師再透露如何在手機上順利播放PPT動畫的秘密!
【準(zhǔn)備工作】
1、下載素材包。
請點擊最下方的【閱讀原文】下載本節(jié)素材包。
2、建立模板。
因為這個小動畫是個長條幅狀,所以我們要自定義一下PPT頁面的大小。打開PPT,進入菜單【設(shè)計】—【幻燈片大小】—【自定義幻燈片大小】,寬度我們選擇16:9的默認(rèn)長度33.867厘米,高度只要一小半8厘米就夠了。
3、添加PPT頁面的背景顏色。
背景的顏色素材包中已經(jīng)準(zhǔn)備好了,我們進入菜單【設(shè)計】—【設(shè)置背景格式】,填充方式【圖片或紋理填充】,點選圖片來自【文件】,選擇我們素材包中的sky1.png圖片,記得勾選【將圖片平鋪為紋理】,天空的背景顏色就搞定了!
做好的背景應(yīng)該是這個樣子。
有童鞋說,下面怎么還有一塊沒有覆蓋到?沒關(guān)系,呆會就會擋掉的。
3、制作飛行的烏鴉的動畫。
學(xué)過臭干老師《PPT動畫大師》第18課的童鞋應(yīng)該知道這個烏鴉怎么做了吧,難者不會,會者不難,想知道的話回復(fù)”動畫18“現(xiàn)學(xué)現(xiàn)賣一下。只是我們提供的素材中的幀圖片是在一張圖片上,需要大家自己裁剪一下,記得必須一樣大小。做好的這只烏鴉我們先讓它飛一會。
下面正式開始動畫的制作。
仔細(xì)觀察原動畫就可以發(fā)現(xiàn),其實這里用到的動畫很簡單,就是幾個路徑動畫。云朵、遠山還有近處的磨坊樹林分別以不同的速度移動,形成了視差效果。
但是問題來了,這么些個永遠也移不完的山啊樹啊,是怎么實現(xiàn)的呢,難道要做一個長得沒邊的圖片慢慢移動么?就是有這個長條圖片,移動的路徑到什么時候才是個頭呢?
顯然這是錯誤的思路。
要解決其實也很簡單。就兩個字——”重復(fù)“。圖片移動出了頁面以后,再回過頭來重來一遍就行了。只要加一個小小的技巧就行了。
制作流程:
1、首先復(fù)制黏貼最前面的帶磨坊小樹的圖片(hill-with-windmill.png)到頁面上。按住”shift"鍵將圖片的長度拖放到和頁面的寬度一致。下面是關(guān)鍵——復(fù)制一份,把復(fù)制出來的這份圖片接到頁面的右邊,我們就會發(fā)現(xiàn),兩張圖片天衣無縫地接到了一起。不點擊的話,誰能看出這是兩張圖片呢。
2、添加動畫路徑。
我們在選擇窗格中分別將兩張圖片命名為前1和前2,然后為前1添加向左的路徑動畫。讓前1向左移動剛好一個頁面的距離,也就是我們設(shè)定33.867厘米。不過PPT的路徑設(shè)置功能實在太爛,只能拖動紅色點的時候目測移動的虛影的右邊剛剛和頁面的最左邊齊平即可。
3、設(shè)置動畫。
動畫開始與上一動畫同時,時長為10秒,重復(fù)設(shè)定為直到幻燈片末尾。當(dāng)然別忘了在詳細(xì)設(shè)定中將平滑開始和平滑結(jié)束設(shè)為0。
4、下面就簡單了,用動畫刷在“前2”上刷一下。然后播放測試一下,是不是已經(jīng)出現(xiàn)連綿不斷的移動效果了?至于邏輯關(guān)系么,大家做了一遍,也明白是咋回事了吧。其實將前1和前2組合起來,然后添加動畫路徑也是一樣的效果,只是動畫路徑要長一倍了。
5、前排移動的效果出來以后,中層的山和最后層的云的效果大家都會做了吧。這里就不多說了,可以用前1的動畫刷直接刷一下,然后修改動畫時長即可,中層的山丘移動可以修改為15秒,云的移動速度可以修改為20秒。
6,最后請出這只倒霉的烏鴉吧,為它添加從左向右的路徑,時間設(shè)為8秒,重復(fù)直到幻燈片結(jié)束。
最后還有一個小細(xì)節(jié)需要注意。就是各圖層的關(guān)系。因為我們要靠視差效果體現(xiàn)出遠近的立體感來,所以各圖層的相互遮擋的細(xì)節(jié)非常重要。云是最遠的,所以應(yīng)該是在最下層,中層是中間的山脈,烏鴉在中層山脈和最前層的磨坊樹林之間。這樣烏鴉飛過時,就能體現(xiàn)出擋住云,同時又會被樹木遮住的立體效果來。
好了,今天的動畫真好玩就到這里。至于怎么把你做好的PPT動畫放到網(wǎng)上,甚至嵌入網(wǎng)站代替banner,且聽下回分解。
歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@油殺臭干 和@秋葉,好作品我們必轉(zhuǎn)!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>早咖啡傳送門
——利用圖層制造幻覺
秋葉大叔曾經(jīng)說過“動畫不是技巧,而是思維”。今天我們繼續(xù)來探討一個新的思維方式。
一般我們?nèi)绻胍?/span>PPT中呈現(xiàn)出空間感,可能會選擇為元素加上陰影、凹凸、三維旋轉(zhuǎn)等等效果。這次讓我們暫時拋開這些手段,看看在一個扁平化風(fēng)格的PPT中,如何通過圖層來制造出空間感的幻覺。
首先放一個成品。據(jù)說某巴克把小杯、中杯、大杯分別叫做中杯、大杯、特大杯,大家能看出來下面這杯的SIZE嗎?
制作大致分為以下幾個步驟。
1、創(chuàng)建主角。用三個【橢圓】、一個【梯形】組成一個杯子的輪廓,去掉這些形狀的【線條】和【陰影】,然后選中這些形狀,右擊,用【分組】中的【并集】來生成一個完整的形狀。在此基礎(chǔ)之上,用【線條和連接符】中的【曲線】或【任意形狀】工具為杯子加上一些陰影修飾,并為杯子“貼”上綠色商標(biāo)。把咖啡杯的所有元件【組合】。
(廣告時間:不會畫?去網(wǎng)易云課堂搜索“秋葉”,三天讓你學(xué)會一手驚艷的PPT!)
2、搭建場景。這是這個動畫的關(guān)鍵部分。杯子像是穿過一個洞(暫且叫它傳送門)從圖層的背后到了圖層的前面,我們知道PPT中并不存在這樣的空間,這需要用一組圖層模擬出來,那就一起來拆解一下。①傳送門,它是一個單獨的【圓】,放在圖層的最底部,稍后當(dāng)我們?yōu)樗砑印具M入效果】【縮放】和【退出效果】【縮放】的時候,就會有開合的效果;②米灰色圖層,實際上是兩個部分,右側(cè)部分放在所有圖層的最頂部,負(fù)責(zé)遮蓋咖啡杯運動的前半部分路徑,左側(cè)部分放在咖啡杯圖層的背后。這樣當(dāng)咖啡杯從右向左運動的時候,看上去就像是“穿過”了這個圖層。這里還需要把PPT的背景色也設(shè)置成前文提到的米灰色。全部圖層的前后關(guān)系如圖:
3、設(shè)置動畫。用【路徑】中的【繪制線條】,為咖啡杯添加先后兩個運動:從右側(cè)至左側(cè),再從左側(cè)至中央;用【進入效果】【縮放】和【退出效果】【縮放】兩個動畫讓圓形傳送門先開后合。調(diào)整這些動畫的時長和順序,全部工作基本完成。建議:傳送門打開用0.5秒;咖啡杯的第一段路徑與傳送門打開同時開始,時長1秒;咖啡杯的第二段路徑1秒;傳送門閉合與咖啡杯第二段路徑同時開始。
此外,細(xì)節(jié)控的童鞋還可以嘗試為咖啡杯加一個【強調(diào)效果】【蹺蹺板】,這個動作與咖啡杯的第一段路徑同步,這樣會使咖啡杯到達第一段路徑結(jié)尾的時候,有一個微妙的剎車動作,個人非常喜歡。
最后想說,同一個效果,實現(xiàn)的方式有很多,大家可以多多嘗試。
新技能get√了沒?
? ? ? ?歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@賊啦好玩和@秋葉,好作品我們必轉(zhuǎn)!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>PPT動畫中的Timing(時間點)和Spacing(空間幅度)
本次介紹的案例極其簡單,但是理解了其中的思考方式可以讓PPT動畫變得易于掌握。理想的情況是不用學(xué)習(xí)很多的案例,但是在你眼里,一個動畫效果能夠被分解,并可以用多種途徑實現(xiàn)。好,開噴。
真人+動畫電影《誰陷害了兔子羅杰》作者的《原動畫基礎(chǔ)教程》一書開篇即提到動畫的“一切都在于Timing和Spacing”,用一些色塊和線條,再疊加一個時間的維度,就可以在平面上模擬出很多感覺逼真的物理特性,比如彈性、重力、加速度等等。舉例來看,一個揮手的動作,手從靜止到加速,再經(jīng)過減速到達靜止。如果動畫沒有還原出這樣的過程,就會有“違和感”,即使你說不出其中的原因,也會覺得“不對勁”。
如果你做的PPT動畫看起來硬邦邦的,不夠流暢,那一定是時間和空間的節(jié)奏沒搭配好。細(xì)微地調(diào)整每項動畫的起止點、發(fā)生的時間和先后順序,就會讓精彩瞬間恰到好處地出現(xiàn),而不是僅憑巧合。
以下進入案例部分,讓我們給最近大熱的電影《地心引力》做一張動態(tài)海報。PS.片子值得去IMAX的。先放個成品。
制作大致分為以下幾個步驟。
1、創(chuàng)建人物剪影。從豆瓣找一張電影海報,貼到PPT里之后,用【任意形狀】工具逐點描出輪廓,體力活啊……
2、搭建場景。畫一個大大的【圓】,假裝它是地球,實際上我們只用得上它一側(cè)的輪廓。如果想用【曲線】工具畫也可以,不過用【圓】畫嚴(yán)謹(jǐn)一些。依次打出G,R,A,V,I,T,Y幾個字母,斜成一條直線排列好。
3、設(shè)置動畫。
①斯通博士會從畫面左上方運動到左下方,同時由于失重,她會不停地打轉(zhuǎn)。這當(dāng)中用到一個直線【路徑】,同時疊加一個【旋轉(zhuǎn)】的【強調(diào)效果】;
②關(guān)鍵部分!G,R,A,V,I,T,Y幾個字母從上方向地球墜落,同時不停地旋轉(zhuǎn),但是在畫面中央位置,字母恰好同時處在同一水平線,并恢復(fù)0°原始位置。這里假設(shè)畫面中間有條參考線,這是字母旋轉(zhuǎn)過程中需要恢復(fù)0°原始狀態(tài)的位置。用直線【路徑】讓每個字母都從參考線一側(cè)運動到另一側(cè)的對稱位置,同時疊加【強調(diào)效果】【旋轉(zhuǎn)】,并設(shè)置為【旋轉(zhuǎn)兩周】。這樣一來,字母都會在運動路徑的正中央會恰好恢復(fù)0°原始位置。剩下的工作是,把所有動畫設(shè)置成同樣【時長】,建議5秒,并且【與上一動畫同時】。
4、取景。假裝你是攝像師,拉個矩形【框架】當(dāng)攝像機,只留想要的部分,把該遮的東西這一下。搞定!播放試一下吧!
好了,本期教程就是這樣,NO 素材下載,NO 源文件參考,甚至連截圖界面都是MAC版本的,你有勇氣挑戰(zhàn)一下么?感受一下時空交錯后由PPT展現(xiàn)出來的動畫的魅力。歡迎在原動畫的基礎(chǔ)上加上你自己的想法和設(shè)計,做好的動畫作品請轉(zhuǎn)為GIF后在微博上添加#三分鐘教程#標(biāo)簽并@賊啦好玩和@秋葉,好作品我們必轉(zhuǎn)!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>