相信很多朋友都知道，昨天，小米開了場(chǎng)發(fā)布會(huì)，足足有3個(gè)小時(shí)。坦白講，雖然我今年對(duì)任何手機(jī)產(chǎn)品都無感了，但是，看到那款概念手機(jī)的時(shí)候，忽然有了一點(diǎn)點(diǎn)的心動(dòng)：
但是又一看價(jià)格，我忽然覺得 iPhone 11 也挺好，至少價(jià)格挺親民的，才不到10000塊錢。
咦，是什么勇氣，竟然讓我說出了『才』這個(gè)字？好奇怪。
當(dāng)然，這篇文章不是評(píng)價(jià)小米產(chǎn)品的，還是來聊聊這次發(fā)布會(huì)的 PPT，因?yàn)閺淖蛲砭陀凶x者催我寫這篇文章。
這次發(fā)布會(huì)的PPT，在視覺設(shè)計(jì)上，到底有哪些，可以給我們啟發(fā)的地方呢？
可以說的點(diǎn)太多，我挑3個(gè)冷門但實(shí)用的來說。
文字云的設(shè)計(jì)
當(dāng)我們想要呈現(xiàn)出信息量非常豐富時(shí)，使用文字云可以很好地呈現(xiàn)這一點(diǎn)。
在之前的發(fā)布會(huì)PPT中，也經(jīng)常出現(xiàn)這種形式，很多人可能告訴你這是工具生成的，但我可以負(fù)責(zé)任的告訴你，這是純手動(dòng)排版出來的。
那么，這是怎么排版出來的呢？看似好像是隨意擺放，但其實(shí)有一些技巧。我們只需要注意3個(gè)點(diǎn)即可。
哪3個(gè)呢？
-
視覺平衡
-
顏色對(duì)比
-
字號(hào)對(duì)比
什么意思呢？為了讓各位理解的更深刻一點(diǎn)，咱們多看一個(gè)例子。
比如我們要將下面的這些文字排版成文字云，該怎么做呢？
第一步，隨意地對(duì)文字進(jìn)行擺放，我一般會(huì)擺成一個(gè)橢圓形，保持視覺平衡：
第二步，修改文字字號(hào)，進(jìn)行大小之間的對(duì)比：
第三步，調(diào)整文字的顏色深淺，進(jìn)一步調(diào)整對(duì)比，凸顯層次感，完成：
圖表遮罩動(dòng)畫
看完整場(chǎng)發(fā)布會(huì)，我印象最深刻的就是這個(gè)動(dòng)畫設(shè)計(jì)，太贊了。
當(dāng)然，這個(gè)是三維的動(dòng)畫，其實(shí)，在 PPT 設(shè)計(jì)中，我們也可以利用這個(gè)方法，來創(chuàng)建出二維的遮罩動(dòng)畫。
比如像這樣，我們用來呈現(xiàn)用戶滿意度的提升：
?
那這個(gè)是怎么做的呢？我把頁面給各位拆解一下。
這個(gè)頁面一共分為3層，最上層是文字，依次是圖片，波浪形狀：
大家可以看到，圖片的中心部分，被挖出了一個(gè)圓形，是鏤空的：
至于如何被挖出一個(gè)圓形
參見之前寫過的布爾運(yùn)算的文章
它的作用，就是讓底部的波浪形狀穿過，從而造成數(shù)據(jù)在上漲的錯(cuò)覺：
那還有一個(gè)問題，波浪形狀是如何在上漲變化的呢？
其實(shí)很簡(jiǎn)單，我們只需要畫一個(gè)呈上漲趨勢(shì)的形狀，然后為其添加一個(gè)直線路徑動(dòng)畫即可：
明白了嗎？
突出產(chǎn)品細(xì)節(jié)
當(dāng)我們?cè)诼殘?chǎng) PPT 中，展現(xiàn)某個(gè)產(chǎn)品，或者文件的細(xì)節(jié)，這是經(jīng)常會(huì)遇到的場(chǎng)景。
很多人的做法，是在需要突出的部分，畫上一個(gè)紅圈，但不得不說，這種方式太粗糙了。
小米發(fā)布會(huì) PPT 中的做法是什么呢？咱們先來看兩個(gè)案例：
總結(jié)下來有兩個(gè)，分別是：
-
暗場(chǎng)處理
-
局部放大
什么意思呢？簡(jiǎn)單來解釋下。
所謂局部放大，就是把要突出的部分，單獨(dú)切出一塊小圖進(jìn)行放大處理：
而所謂暗場(chǎng)處理呢，就是把非重點(diǎn)部分的圖片色調(diào)壓暗，從而形成對(duì)比。
當(dāng)然，這兩個(gè)技巧，可能會(huì)同時(shí)被使用，什么意思呢？
咱們來看一個(gè)例子，比如像下面這個(gè)電視產(chǎn)品：
如果我們想要凸顯其邊框很窄，那么，我們可以這樣來做。
第一步，把圖片復(fù)制一層，并在電視邊框處，插入一個(gè)圓形：
第二步，先選擇上層圖片，再選擇形狀，點(diǎn)擊形狀格式，選擇相交：
我們可以得到一個(gè)局部的圖片：
第三步，將相交后的圓形圖片，放大處理：
第四步，選中底層圖片，點(diǎn)擊圖片格式 > 調(diào)節(jié)，選擇一個(gè)暗部的顏色：
當(dāng)然，如果我們演示放映的版式較高，也可以使用平滑動(dòng)畫呈現(xiàn)：
很好理解，對(duì)不對(duì)？
當(dāng)然，除了這3個(gè)點(diǎn)之外，還有一些很好的 PPT 處理方式，簡(jiǎn)單說一下。
比如像這一頁的產(chǎn)品回顧，動(dòng)畫設(shè)計(jì)太棒了：
還有這一頁的創(chuàng)意，通過底圖色調(diào)的明暗變化，外加一條時(shí)間刻度尺，來呈現(xiàn)基于時(shí)間進(jìn)行動(dòng)態(tài)變化，太合適了：
以上，就是這場(chǎng)發(fā)布會(huì)PPT，帶給我的一些啟發(fā)，希望對(duì)各位有所啟發(fā)。
最后，再用一句話來總結(jié)下這場(chǎng)發(fā)布會(huì)吧，買不起。
原文標(biāo)題：小米又開發(fā)布會(huì)了,這3個(gè)冷門PPT創(chuàng)意技巧,一定要看看!
]]>
昨天晚上刷朋友圈，看到好友分享了一個(gè)來自B站的視頻，UP主借用《卡路里》的旋律，對(duì)歌詞進(jìn)行了改編。
并且，最厲害的是，愣是用PPT動(dòng)畫，還做了一個(gè)MV，還是跟 PPT 有關(guān)的：
流量充足的朋友，可以看一下，只有7M
除了這個(gè)視頻之外，前段時(shí)間，有位旁門左道的讀者，還給我發(fā)來一個(gè)PPT動(dòng)畫：
借用3D和平滑功能完成，也是超贊的。
當(dāng)然，除了這些大神的作品之外，在工作PPT中，如果你能善用PPT動(dòng)畫，那么，我相信，所到之處，皆為焦點(diǎn)。
所以，這篇文章，就來跟大家分享一些簡(jiǎn)單、實(shí)用的PPT動(dòng)畫。
一共8個(gè)，先列個(gè)目錄，方便大家預(yù)覽：
翻轉(zhuǎn)動(dòng)畫
簡(jiǎn)單來說，就是把一個(gè)元素給倒過來，就像這樣：
在PPT設(shè)計(jì)中，比如當(dāng)我們想要表現(xiàn)一件事情發(fā)生了顛倒性的改變，像銷售轉(zhuǎn)化模型發(fā)生了改變，用這個(gè)動(dòng)畫就會(huì)非常合適：
好了，關(guān)鍵問題來了。
疊加動(dòng)畫
所謂疊加動(dòng)畫，就是說，我們每疊加一層形狀，頁面的元素就發(fā)生一次改變。很抽象對(duì)嗎？看個(gè)圖示：
怕你還不是那么清楚，我也做了一個(gè)案例。比如我們?cè)谡故井a(chǎn)品時(shí)，可以在同一頁上，同時(shí)展示不同系列的產(chǎn)品：
好了，關(guān)鍵問題又來了。
- 元素淡入，出現(xiàn)在頁面上；
- 形狀飛入，遮擋住頁面元素；
- 稍微停頓后，飛出，并且，底部的元素消失，新元素出現(xiàn)。
縮放動(dòng)畫
這簡(jiǎn)直是課件制作中，最好用的一個(gè)動(dòng)畫，可以讓頁面的邏輯呈現(xiàn)的更加清晰。
什么意思呢，同樣來看一個(gè)圖示：
大概就像這樣。那我們可以用它來干什么呢？
比如我們?cè)诜窒碚n件時(shí)，為了能夠清楚地讓觀眾，了解我們課程的邏輯框架，我們可以使用它：
好了，關(guān)鍵問題又來了。
克隆動(dòng)畫
克隆總該清楚吧，就是說從一個(gè)變成了多個(gè)，用圖示表現(xiàn)的話，大概就像這樣：
這個(gè)動(dòng)畫的應(yīng)用場(chǎng)景就非常廣泛了。
比如我們可以來表現(xiàn)公司集團(tuán)業(yè)務(wù)下放到各地域：
再比如，用來表現(xiàn)復(fù)雜事情的拆解步驟：
好了，關(guān)鍵問題又來了。
然后，依次選中大圓，小圓，添加平滑過渡；大圓，小圓，平滑過渡......
數(shù)值變動(dòng)
聽名字也知道，就是數(shù)字發(fā)生了一些變化。比如像這樣：
那它可以用來干啥呢？比如表現(xiàn)公司某產(chǎn)品銷售量，或者是公司營(yíng)業(yè)額等：
好了，關(guān)鍵問題又來了。
延遲動(dòng)畫
當(dāng)頁面中有多個(gè)元素需要同時(shí)出現(xiàn)時(shí)，使用延遲動(dòng)畫，讓他們按照一定的節(jié)奏出現(xiàn)，不至于喪失焦點(diǎn)。
用個(gè)圖示來表現(xiàn)，大概是這樣：
看起來是不是更加自然呢？
那我們可以用它來做什么呢？比如來表現(xiàn)當(dāng)今社會(huì)面臨的幾個(gè)問題：
或者是表現(xiàn)研發(fā)的過程：
好了，關(guān)鍵問題又來了。
遮罩動(dòng)畫
什么叫遮罩動(dòng)畫呢？簡(jiǎn)單點(diǎn)說就是，頁面上有兩層元素，上層是一個(gè)形狀，下層是要出現(xiàn)的動(dòng)畫。
那我們能用它來干什么呢？
比如我們可以在形狀底部，添加一個(gè)視頻，那么，可以讓文字的視覺效果更加動(dòng)感：
當(dāng)然，用它來做人物介紹，或者是產(chǎn)品介紹，也是很好的用法：
好了，關(guān)鍵問題又來了。
2. 在形狀底部，設(shè)置元素動(dòng)畫或者是有一個(gè)視頻自動(dòng)播放即可；
彈幕動(dòng)畫
這個(gè)不用我多說了吧？彈幕總該知道。我們只需要在頁面上胡亂的打一堆字，然后添加飛入動(dòng)畫就好了。
通常來說，彈幕動(dòng)畫可以用來表現(xiàn)頁面元素很多，比如很多人留言，很多人的謾罵等：
好了，關(guān)鍵問題又來了。
當(dāng)然，本文提到的部分動(dòng)畫效果，可能對(duì)powerpoint軟件的版本有一定要求，所以，建議大家能夠升級(jí)一下自己的軟件，畢竟工欲善其事，必先利其器，對(duì)嗎？
好了，以上就是今天要跟各位分享的九種PPT動(dòng)畫效果，希望能夠?qū)δ阌兴鶈l(fā)。
另外，相信有些讀者看完本文后，依舊對(duì)操作不甚了解，所以，在此把源文件放出，在下方留言并刷新本頁，即可領(lǐng)取下載地址。
遮罩的技巧，本也沒什么過多可以講的。寫本文，是出于下面幾個(gè)目的：
- 利用遮罩，可以做出一些什么樣的動(dòng)畫效果
- 給大家介紹下，遮罩的原理及其制作
- 給大家在以后動(dòng)畫制作中，提供一個(gè)思路
在Flash動(dòng)畫、AE中，經(jīng)常使用遮罩。“遮罩”主要有2種用途，一個(gè)作用是用在整個(gè)場(chǎng)景或一個(gè)特定區(qū)域，使場(chǎng)景外的對(duì)象或特定區(qū)域外的對(duì)象不可見，另一個(gè)作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。
其實(shí)在我們PPT動(dòng)畫中，遮罩的作用也是大同小異，只不過看了文字，我想大家肯定還是一頭霧水，下面，跟著期許，走進(jìn)PPT動(dòng)畫中的遮罩！
我第一次接觸遮罩，是在一年前，濤哥的微信公眾號(hào)：濤說PPT上的一篇文章《小米5發(fā)布會(huì)上，幻燈片動(dòng)畫的“黑科技”》，推薦大家可以去看看，當(dāng)時(shí)看完這篇文章后，我除了感觸PPT原來也可以做這么炫的動(dòng)畫，最大的興趣就是這里面的遮罩運(yùn)用，因?yàn)檫@個(gè)技巧拓寬了我以后再PPT動(dòng)畫制作上面的思路。
下面就是那個(gè)讓我印象深刻的小米5發(fā)布會(huì)幻燈片動(dòng)畫的“黑科技”。
注：因?yàn)闆]有找到發(fā)布會(huì)的PPT源文件，上面大家看到的效果，是我高仿的。大家就象征性的當(dāng)發(fā)布會(huì)上效果來看吧。
既然案例本身就是我用PPT高仿的，那我就不賣關(guān)子，問大家能否用PPT去實(shí)現(xiàn)了。
在這個(gè)案例中，原理就是在色塊上面摳出來一部分，然后遮擋某些元素，做出來一些特殊的效果！
這段話是不是很熟悉啊，在前面看到過啊，對(duì)，沒錯(cuò)。在前面介紹遮罩在Flash動(dòng)畫、AE中的主要的兩種用途，提到過。所以許多東西在原理和思路上是相通的。
下面就開始分步驟來講解這個(gè)案例的制作！
第一步：插入三個(gè)矩形，進(jìn)行聯(lián)合布爾運(yùn)算。
注：1、是三個(gè)矩形，不是線條。
2、三個(gè)矩形使用的是布爾運(yùn)算聯(lián)合，不是格式排列工具中的組合。
第二步：選中剛才聯(lián)合運(yùn)算后的形狀，復(fù)制，排列成下圖的樣子。
第三步：新建一個(gè)全屏矩形，填充黑色。（我這里用的是一張漸變的圖片背景。）先選中全屏矩形，然后再選中前面做好的形狀，進(jìn)行布爾元素的剪除，這樣我們的遮罩就完成了！
做出來的這個(gè)鏤空的遮罩，是什么樣子的呢？下面錄制個(gè)GIF給大家先看下，看完后，大家是否就會(huì)想起我們?cè)撊绾翁砑觿?dòng)畫了呢？
下面我們回到添加動(dòng)畫的步驟上。
第四步：插入一個(gè)矩形，填充顏色，為矩形添加一個(gè)路徑向上的動(dòng)畫。如下圖所示。
第五步：將矩形置于最底層，即可。
下面看下效果！
如果想要做出這種循環(huán)的效果，需要在矩形的路徑動(dòng)畫的效果選項(xiàng)中進(jìn)行重復(fù)和自動(dòng)翻轉(zhuǎn)的設(shè)置即可！
這個(gè)案例的效果，我們就制作完成了。
原理：一個(gè)做上下往復(fù)運(yùn)動(dòng)的矩形+一個(gè)鏤空的遮罩；矩形置于最底層。
通過這個(gè)案例的制作，我們要能理解到這種遮罩技巧的使用，從而來實(shí)現(xiàn)一些特殊的動(dòng)畫效果。
下面就和大家分享幾個(gè)使用了遮罩技巧的動(dòng)畫效果，為大家之后的制作，提供一些思路。
案例分享
分享案例一
錄制的視頻有點(diǎn)卡頓，影響大家觀看美女的效果，抱歉！
這個(gè)動(dòng)畫效果的制作，和剛才的類似，也是一個(gè)鏤空的窗口在上面，最底層是一個(gè)美女的向上的路徑動(dòng)畫。
分享案例二
這個(gè)案例要簡(jiǎn)單的說下，這個(gè)案例的效果是屬于遮罩效果的反向運(yùn)用。
啥？反向運(yùn)用？你們PPTer真會(huì)玩。
不急，很簡(jiǎn)單。遮罩，顧名思義，一般來說是用來遮住某些元素的一部分，但是這個(gè)反向的使用，就是用遮罩來顯示元素的部分。
如何實(shí)現(xiàn)的呢？
大家看到了背景色是黑色，然后我們把文字：掌上PPT的顏色也設(shè)置為黑色，文字就看不到了對(duì)吧？這時(shí)插入一個(gè)白色的圓形，并置于最底層，當(dāng)圓形向右運(yùn)動(dòng)時(shí)，就可以顯示出文字的一部分了。
下面，我將文字顏色修改為紅色，大家再看一次，就明白了！
分享案例三
前面介紹的案例都是些比較有意思的動(dòng)畫效果，下面分享的是一個(gè)實(shí)戰(zhàn)的PPT案例。真正把遮罩運(yùn)用到我們PPT制作中。
案例中，大家看到文字的動(dòng)畫效果，是使用了自左側(cè)飛入的動(dòng)畫。但是飛入的動(dòng)畫效果是從PPT頁面的邊緣飛入的。
如何隱藏從邊緣飛入的那一部分的效果呢，對(duì)，就是在底層插入一個(gè)遮罩。
看下面的示意圖！
以上就是本期的全部?jī)?nèi)容了。
和大家分享了PPT動(dòng)畫技巧——遮罩的使用。希望可以給大家以后動(dòng)畫的制作提供一些新的思路！
感謝您的閱讀，本期完！
]]>