這個超火的蘋果彌散光漸變風PPT風格，今天專門做一個拆解教程

昨天凌晨，蘋果的開發(fā)者大會如期在線上舉行，回看了一遍視頻，真的啥硬件產品都沒發(fā)布，看了個寂寞：

但它的 PPT 設計還是比較吸引我的，比如這些獨特漸變風格的運用：

如果你經(jīng)常瀏覽一些設計網(wǎng)站，會注意到很多設計師都在使用這種漸變來修飾頁面：

?

與一般的色彩漸變不同，這種漸變有更多模糊和彌散效果，像是頁面局部的一個發(fā)光源：

像這樣虛實結合的光感漸變，能產生一種朦朧的美感，在這里我將這種漸變稱為彌散光：

?

那么話題回到PPT，像這樣的彌散光效果，我們該怎樣在PPT中去實現(xiàn)呢？?

繪制方式

方法大致有三種，我們下面來逐個講解。

第一個方法是大家可能都會想到的柔化邊緣功能：

?

準備一個黃色圓形，在柔化邊緣的面板中，調節(jié)磅數(shù)大小，這樣就有了彌散效果，簡單吧：

?

然后把這樣幾個柔化邊緣圓形，擺放在一個橙色背景上，就能快速做出蘋果發(fā)布會上的彌散漸變效果：

?

但是柔化邊緣彌散的區(qū)域比較小，在顏色相差大的背景上，感覺會略顯僵硬：

這時，我們可以換用第二種方法「路徑漸變」：

怎么做呢？先給圓設置路徑漸變，只保留兩個光圈。右側光圈色值設置為背景色，這是為了讓彌散區(qū)域與背景更加融合：

接著將右側光圈的透明度設置為100%，這樣就有彌散的效果啦：?

將這個漸變圓形放置在產品背后，就能營造出彌散發(fā)光的效果：

?

??

但當我們想把下圖這樣的多色漸變，也做成彌散光感效果時，路徑漸變工具就無法完成了：

這時，我們就用第三種方法「虛化」藝術效果來實現(xiàn)：

將設置好的漸變，和背景組合一起，另存為一張圖片：

然后執(zhí)行圖片虛化藝術效果，并將虛化半徑調節(jié)至最大：

此時的虛化彌散范圍還比較小，我們只需多執(zhí)行3到4次虛化，就可以擴大彌散的范圍了：

將這種多色漸變彌散效果置于背景中，也能很好的豐富背景細節(jié)：

?

那么問題又來了，

在PPT中何如用這種彌散光效果呢？

豐富背景層次

在頁面中使用這種彌散光，能營造出一種背景發(fā)光的氛圍，很好的豐富頁面的空間層次。

拿這張鍵盤介紹頁面舉例：

?

先來大致優(yōu)化一下版式，此時的頁面還比較單調：

我們準備兩個漸變橢圓，通過虛化處理，做成一張彌散光的背景：

然后放到介紹頁中，與原稿相比，頁面的層次細節(jié)是不是豐富多了：

此外，我們還可以給背景添加噪點效果，這樣會更有質感：

再比如這樣一張頁面，數(shù)據(jù)內容排版好后，背景還是比較單調：

我們只需在頁面右上角，加入一個路徑漸變的彌散光，整體效果就立刻好了許多：

聚焦強調內容

彌散光具有獨特的視覺聚焦效果，借此我們可以用于強調頁面的信息內容。

比如這頁目錄頁原稿是這樣的：

利用彌散光效果修飾數(shù)字，相信大家的第一視覺都會先注意到數(shù)字信息上：

又或是用來修飾邏輯圖形，在豐富頁面的同時，也能起到引導視覺的作用：

彌散反光效果

利用彌散效果，我們還可以做出物體邊緣反光，呈現(xiàn)出立體感。

比如之前的一篇推文用到這樣的配圖，其中英文字母看起來會有一定的厚度感：

?

實現(xiàn)這種效果的操作步驟也不難，將字體與背景結合轉成圖片，添加虛化效果，就能讓字體邊緣彌散：

然后再插入大小一樣的字體，擺放稍微錯位，利用布爾運算的相交功能裁剪，就有了邊緣反光效果啦：

我們拓展下思路，再來看一個案例。

之前給招商銀行定制的PPT中，也有給吉祥物用上邊緣反光效果，這樣看起來會有立體感：

最后封面是這樣的，還不錯吧：

怎么樣？你學廢了嗎？

?

很多看似高級的效果，其實，本質上還是基礎功能的混合使用，希望對各位有所啟發(fā)。

原標題：蘋果在鴻蒙之后開發(fā)布會！這個超火的漸變風，用在PPT里太洋氣了！