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

于是這兩天重溫了他主頁的作品。

看完后，只想說一句話：這 TM 才叫設(shè)計！

懷著對大神的仰慕

于是我用 PPT 臨摹了兩頁：

PPT 臨摹作品（壓縮的好嚴重）

是不是覺得還不錯呢？這兩份作品都是純 PPT（帶平滑切換的版本）制作出來的

下面我就簡單介紹下背后的制作方法

場景一

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

這個動效主要包括 A、B 兩種頁面類型：

頁面 A：整體展示

頁面 B：逐個突出

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

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

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

最后只要把圖片填充進去即可：

圖片填充方法

場景一：A 面完成稿

是不是很簡單呢，接著我們來看 B 頁面的制作：

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

這樣就制作完成了：

場景一：B 面完成稿

添加動態(tài)效果

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

場景二

PPT 臨摹效果展示

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

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

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

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

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

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

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

然后將人物的 PNG 素材加進來（人物的手橫跨了兩張背景圖，會更有層次感）：

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

場景二：A 面完成稿

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

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

場景二：B 面完成稿

添加動畫效果

這里的動畫也都使用了平滑切換，唯一值得說的是最開始右上角小圓圈擴散至整面墻的動畫：

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

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

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

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

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

本文來自微信公眾號：Slidecent （ID：Slidecent），作者：林利蒙