之前華為召開(kāi)了「 HarmonyOS 2 及華為全場(chǎng)景新品發(fā)布會(huì)」。
發(fā)布會(huì)還沒(méi)結(jié)束，就有位讀者問(wèn)我，這個(gè)動(dòng)畫(huà)是怎么做的？
3G、4G、5G，通過(guò)立方體翻轉(zhuǎn)的形式切換，這個(gè)轉(zhuǎn)場(chǎng)很酷！
提問(wèn)者的想法是把文本貼在 3D 立方體上：
然后再添加「平滑」切換：
白色背景
黑色背景
這個(gè)做法完全可以，就是操作起來(lái)有一絲麻煩。
其實(shí)呢，對(duì)于這個(gè)動(dòng)畫(huà)效果，PPT 自帶的切換效果就能快速實(shí)現(xiàn)！而這個(gè)切換效果，就是「立方體」。
一、鴻蒙發(fā)布會(huì)動(dòng)畫(huà)制作方法
首先，選個(gè)好看的英文字體，輸入文本，并分別放置在 3 個(gè)頁(yè)面上：
英文字體：Montserrat
添加發(fā)布會(huì)同款漸變色：
接著，為第二頁(yè)、第三頁(yè)，添加「立方體」切換效果。并在效果選項(xiàng)中，調(diào)整第二頁(yè)方向自右側(cè)，第三頁(yè)方向自頂部：
播放，來(lái)看下效果：
是不是非常的簡(jiǎn)單？
其實(shí)，除了「立方體」，PPT 中還有很多實(shí)用且好玩的切頁(yè)效果。趁著的這篇文章，再跟大家分享 3 個(gè)。
二、其他3個(gè)使用好玩的切換效果
01推入
非常實(shí)用的一個(gè)切頁(yè)效果。
它作用就是讓前后兩頁(yè)連續(xù)播放，進(jìn)一步體現(xiàn)頁(yè)面的關(guān)聯(lián)性。
比如，高通的這兩頁(yè)，有著清晰的視覺(jué)引導(dǎo)線，表明前后的遞進(jìn)關(guān)系：
為了頁(yè)面邏輯更加的通暢，我們就可以為第二頁(yè)，添加方向「自右側(cè)」的「推入」效果：
這兩頁(yè)同理：
對(duì)于擁有多個(gè)節(jié)點(diǎn)的時(shí)間軸頁(yè)，這個(gè)動(dòng)畫(huà)也出奇的好用，我們完全可以內(nèi)容拆分成多頁(yè)：
再通過(guò)添加推入動(dòng)畫(huà)，以此保證內(nèi)容的連續(xù)性：
比如我們?yōu)榻鸬渲谱鞯钠放平榻B PPT，就用到了這個(gè)方法：
當(dāng)然，除了橫向推入，也可以是縱向：
使用這個(gè)方法，唯一要注意的一點(diǎn)就是，前后兩頁(yè)的銜接處，不能有偏差。
02飛過(guò)
這應(yīng)該是切換動(dòng)畫(huà)中， 少有的，酷炫但不浮夸的切頁(yè)效果。
就像文章開(kāi)頭的 3G、4G 再到 5G，采用「飛過(guò)」的形式，也很不錯(cuò)。
或者將效果選項(xiàng)改為「彈跳切出」：
還能做出一個(gè)酷炫的倒計(jì)時(shí)：
使用這個(gè)切換效果，有一點(diǎn)要注意，就是如果頁(yè)面加了背景圖，在播放時(shí)背景也會(huì)同步放大，頁(yè)面會(huì)出現(xiàn)閃白的情況。這看起來(lái)就有些丑了：
為了解決這個(gè)問(wèn)題，我們可以剪切背景圖片，并在設(shè)置背景格式中，選擇「圖片或紋理填充」，再點(diǎn)擊剪切板即可：
通過(guò)這個(gè)方法，背景圖會(huì)被固定，切換時(shí)，也就不會(huì)出現(xiàn)閃白了：
03棋盤(pán)
這個(gè)效果很有意思。
它會(huì)將頁(yè)面拆分成 35 塊（5×7），并通過(guò)翻轉(zhuǎn)的形式，進(jìn)行切頁(yè)。
如果只是隨便的將其應(yīng)用到某一頁(yè) PPT 上，翻頁(yè)效果算不上美觀：
而我們順應(yīng)動(dòng)畫(huà)的思路，分別在 35 個(gè)板塊中，填入圖片，做成圖片墻的樣子：
那么，這時(shí)再加入「棋盤(pán)」切換，視覺(jué)效果就會(huì)好上許多：
又或者，我們?cè)?35 個(gè)板塊中填入企業(yè) logo：
使用「棋盤(pán)切換」：
是不是很有意思呢？
好了，以上呢，就要跟各位分享的 4 個(gè)，非常實(shí)用的 PPT 切頁(yè)效果。
大家也別老抓著「平滑」切換不放手，其實(shí)偶爾用用這幾個(gè)切頁(yè)效果，也還挺不錯(cuò)的。
原標(biāo)題：給我30秒，輕松搞定華為發(fā)布會(huì)上這個(gè)超酷PPT動(dòng)畫(huà)！
]]>
一、繪制步驟
二、立體質(zhì)感
三、應(yīng)用場(chǎng)景
