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