看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

今天給大家分享一款很多很洋氣的設計,這款設計很多大廠的釋出會都會用到。

比如vivo釋出會:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

如果你經常瀏覽一些設計網站,會注意到很多設計師都在使用這種漸變來修飾頁面:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

與一般的色彩漸變不同,這種漸變有更多

模糊和彌散效果

,像是頁面區域性的一個發光源:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

像這樣虛實結合的光感漸變,能產生一種朦朧的美感,在這裡我將這種漸變稱為

彌散光

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

那麼話題回到PPT,像這樣的彌散光效果,我們該怎樣在PPT中去實現呢?

插播一條福利:文末送大家一份福利

繪製方式

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

第一個方法是大家可能都會想到的

柔化邊緣

功能:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

準備一個黃色圓形,在柔化邊緣的面板中,調節磅數大小,這樣就有了彌散效果,簡單吧:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

然後把這樣幾個柔化邊緣圓形,擺放在一個橙色背景上,就能快速做出蘋果釋出會上的彌散漸變效果:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

但是

柔化邊緣彌散的區域比較小

,在顏色相差大的背景上,感覺會略顯僵硬:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

這時,我們可以換用第二種方法「

路徑漸變

」:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

怎麼做呢?先給圓設定路徑漸變,只保留兩個光圈。

右側光圈色值設定為背景色,這是為了讓彌散區域與背景更加融合:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

接著將右側光圈的透明度設定為100%

,這樣就有彌散的效果啦:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

將這個漸變圓形放置在產品背後,就能營造出彌散發光的效果:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

這時,我們就用第三種方法「

虛化

」藝術效果來實現:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

將設定好的漸變,

和背景組合一起,另存為一張圖片

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

然後執行圖片虛化藝術效果,

並將虛化半徑調節至最大

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

此時的虛化彌散範圍還比較小,我們只需多執行3到4次虛化,就可以擴大彌散的範圍了:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

將這種多色漸變彌散效果置於背景中,也能很好的豐富背景細節:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

那麼問題又來了,

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

01 豐富背景層次

在頁面中使用這種彌散光,能營造出一種背景發光的氛圍,很好的豐富頁面的空間層次。拿這張鍵盤介紹頁面舉例:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

先來大致最佳化一下版式,此時的頁面還比較單調:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

然後放到介紹頁中,與原稿相比,頁面的層次細節是不是豐富多了:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

此外,我們還可以給背景新增噪點效果,這樣會更有質感:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

再比如這樣一張頁面,資料內容排版好後,背景還是比較單調:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

02 聚焦強調內容

彌散光具有獨特的視覺聚焦效果,藉此我們可以用於強調頁面的資訊內容。

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

利用彌散光效果修飾數字,相信大家的第一視覺都會先注意到數字資訊上:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

03 彌散反光效果

利用彌散效果,我們還可以做出物體邊緣反光,呈現出立體感。

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

實現這種效果的操作步驟也不難,將字型與背景結合轉成圖片,新增虛化效果,就能讓字型邊緣彌散:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

然後再插入大小一樣的字型,擺放稍微錯位,利用布林運算的相交功能裁剪,就有了邊緣反光效果啦:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

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

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

最後封面是這樣的,還不錯吧:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看

好了,以上就是我今天要分享的全部內容,

如果你也覺得不錯,希望得到你的「

點贊

最後,送給大家一份大福利!

我收集整理了一份PPT模板素材,一共有191份,現在免費送給大家!

下載方式看下圖哈:

看了vivo釋出會的海報,原來簡單的漸變背景,也可以這麼好看