恰好，我回想起了前不久看到過(guò)的羅馬尼亞設(shè)計(jì)師-Cosmin Capitanu 的作品，他的主頁(yè)：https://dribbble.com/ Radium

于是這兩天重溫了他主頁(yè)的作品。

看完后，只想說(shuō)一句話(huà)：這 TM 才叫設(shè)計(jì)！

懷著對(duì)大神的仰慕

于是我用 PPT 臨摹了兩頁(yè)：

PPT 臨摹作品（壓縮的好嚴(yán)重）

是不是覺(jué)得還不錯(cuò)呢？這兩份作品都是純 PPT（帶平滑切換的版本）制作出來(lái)的

下面我就簡(jiǎn)單介紹下背后的制作方法

場(chǎng)景一

靜態(tài)頁(yè)面設(shè)計(jì)

這個(gè)動(dòng)效主要包括 A、B 兩種頁(yè)面類(lèi)型：

頁(yè)面 A：整體展示

頁(yè)面 B：逐個(gè)突出

首先來(lái)看 A 頁(yè)面，先把圖文排好，注意背景是銀灰色漸變（更具真實(shí)的質(zhì)感）：

接著用幾個(gè)等大的矩形把圖片的位置固定好：

注意小卡片要放在桌子的后面，形成一種空間上的遮擋，可以提升層次感。同時(shí)增大卡片陰影的模糊數(shù)值讓其與背景更融合：

最后只要把圖片填充進(jìn)去即可：

圖片填充方法

場(chǎng)景一：A 面完成稿

是不是很簡(jiǎn)單呢，接著我們來(lái)看 B 頁(yè)面的制作：

B 面是在 A 的基礎(chǔ)上延伸得來(lái)的，即單獨(dú)放大某一張圖，并添加柔滑邊緣效果：

這樣就制作完成了：

場(chǎng)景一：B 面完成稿

添加動(dòng)態(tài)效果

動(dòng)態(tài)效果其實(shí)更為簡(jiǎn)單，只要在 A、B 面之間添加平滑切換即可：

場(chǎng)景二

PPT 臨摹效果展示

靜態(tài)頁(yè)面設(shè)計(jì)

它也是由 A、B 兩種靜態(tài)頁(yè)面組成：

相較于場(chǎng)景一，它所處的環(huán)境更復(fù)雜一點(diǎn)，是一個(gè)立體的空間包括兩塊半透明玻璃墻、天花板及地板：

空間劃分好后，我們將紋理圖片貼進(jìn)去，并添加前景裝飾（茶幾），可以得到如下效果：

注意一個(gè)小細(xì)節(jié)：玻璃墻左側(cè)的圖片要稍微亮一點(diǎn)，更凸顯立體感

至此整體環(huán)境就構(gòu)建完成了，我們可以把正前方的玻璃墻當(dāng)作幕布，后續(xù)的主要內(nèi)容信息可以在這里排版布局。

首先最底層是三張拼接而成的圖片：

然后將人物的 PNG 素材加進(jìn)來(lái)（人物的手橫跨了兩張背景圖，會(huì)更有層次感）：

最后再添加文字即可（文字與人物的穿插）：

場(chǎng)景二：A 面完成稿

至此，A 頁(yè)面就制作完成了，雖然工序多了一點(diǎn)，但都屬于基礎(chǔ)操作。

B 面的操作就更為簡(jiǎn)單了，只需保留大環(huán)境，并把上述添加的元素都替換成如下信息即可：

場(chǎng)景二：B 面完成稿

添加動(dòng)畫(huà)效果

這里的動(dòng)畫(huà)也都使用了平滑切換，唯一值得說(shuō)的是最開(kāi)始右上角小圓圈擴(kuò)散至整面墻的動(dòng)畫(huà)：

它其實(shí)是利用同一張背景圖片從裁剪局部到全局的一個(gè)平滑切換效果，具體你可以下載源文件拆解看看

以上就是這兩份動(dòng)效作品的思路拆解，你學(xué)會(huì)了嗎？最后給大家留個(gè)思考題，下面這個(gè)效果你覺(jué)得用 PPT 可以實(shí)現(xiàn)嗎？（歡迎在留言區(qū)互動(dòng)）

可見(jiàn)，上述制作方法其實(shí)與我們?nèi)粘Ｗ?PPT 設(shè)計(jì)所用到的工具和功能都是一樣的，而最終呈現(xiàn)的視覺(jué)效果為什么會(huì)有如此巨大的差異呢？

其實(shí)限制我們的從來(lái)都不是軟件操作，而是被深深固化的設(shè)計(jì)思維。

我們不妨大膽一點(diǎn)，拋開(kāi)一些固有的設(shè)計(jì)思維，多去學(xué)習(xí)借鑒一些他領(lǐng)域的、前沿的設(shè)計(jì)作品，或許能給 PPT 這個(gè)行業(yè)帶來(lái)一絲新鮮的血液。

本文來(lái)自微信公眾號(hào)：Slidecent （ID：Slidecent），作者：林利蒙