看看彌散光設計,刷屏級的新設計風!
發(fā)布時間:2021-12-23 10:22 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2724

第一節(jié):風格特點


首先我們就以下圖為例,來分析總結一下彌散光這類風格的特點。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

1. 虛實結合

我們對于漸變風的常規(guī)認知,主要還是顏色與顏色之間比較自然的漸進變化,它們的整體氣質更為柔和。但彌散光在此基礎上又產(chǎn)生了新的特質,也就是一些虛實變化。

簡單來講就如下圖所示。

顏色邊緣保留了一些較為清晰的輪廓,整體從觀感上多了一些動感與變化層次。也因為它的這一特點,不管作為版面的主視覺,還是作為輔助部分都能有不錯的效果。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

2. 噪點質感

從嚴格意義上講,這其實是彌散光結合了酸性風格的一種延展用法。不僅在原有基礎上多了一些復古氣質,而且細節(jié) Max。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

3. 聚焦 or 層次

從用法上來講,就是視覺聚焦和作為背景增加整體層次。

要點一:視覺聚焦,也是目前比較常見的用法,一般會與重要信息結伴出現(xiàn),也就是通過顏色對比來吸引人的目光,從而聚焦在想要凸顯的重要信息上。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

要點二:就是作為背景來增加整個版面的層次與細節(jié)。用法類似于氛圍圖與底紋。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風


第二節(jié):制作方法


通過從外觀和用法的角度,我們了解它的主要特點,接下來的部分,我將通過以上三個案例講講 3 種比較典型的彌散光實現(xiàn)方法。

1. 單體漸變

制作要點:高斯模糊

這種全彌散狀態(tài)的漸變實現(xiàn)起來比較簡單,方法也有很多。其中一個比較方便做細節(jié)調整的方式就是高斯模糊。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

制作步驟

Step 1:在畫布中新建三個圓形,放在版面中的對角線位置。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 2:分別給這三個圖形一個高斯模糊(濾鏡-模糊-高斯模糊)。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

注:為了保留模糊參數(shù)的可編輯性,可以選擇高斯模糊之后,在彈窗中把圖形轉換為智能圖像。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

2. 組合漸變

制作要點:模糊畫廊

這里漸變的主要特征就是它的虛實結合,制作方法上除了模糊畫廊,當然也有其他的實現(xiàn)方法,只不過模糊畫廊會更方便一點~

這里還是以圓形為例,做一些組合。如果想要更復雜的效果,用其他圖形也是可以的~

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

制作步驟

Step 1:新建七個橢圓。調整它的大小以及方向。

當然,這里的大小以及方向,并不是一開始就能設定得非常完美,還是以最終呈現(xiàn)效果為準,再去做一些大小方向的調整。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 2:分別對以上圖形加模糊畫廊效果。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

可以根據(jù)自己的需求改變它的模糊方向,也會營造出一種空間感。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 3:最后可以根據(jù)版面需要,做一點版面邊緣的內發(fā)光效果。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

最后效果:

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

3. 背景漸變

制作要點:漸變疊加+液化

液化這種方式就比較自由,可以根據(jù)自己的需求,進行不同程度的拉拉扯扯~

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

制作步驟

Step 1:新建一個版面大小的矩形,并給它一個漸變疊加。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 2:給它液化(濾鏡-液化)接下來就是一套魔幻的傳統(tǒng)手藝~

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

回到版面中的效果。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 3:這個時候也可以選擇用柔邊畫筆,在版面邊緣加一點點內發(fā)光效果。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

最后效果:

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

最后也可以增加一點噪點質感~可以通過添加雜色實現(xiàn)(濾鏡-雜色-添加雜色),調整至數(shù)量 5,單色高斯分布就好了。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

好啦~以上介紹了三種彌散光感的三種比較典型的實現(xiàn)方法,不得不說還挺好玩的~

除此之外,當然還有其他實現(xiàn)方法,而且,這些方法也可以組合起來使用,總的來說就是,怎么用都好用!

但是!還沒結束!我們再來整點好活兒!


第三節(jié):實例演示


還是這個主題!夢在黎明破曉時~我們再從上面示例三種形式基礎上做一點變化,表現(xiàn)方式上我們也讓它更切題一點。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

1. 基本信息梳理

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

視覺元素上,我們就把上面示例中做好的兩個彌散光回收再利用。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

2. 制作流程

文字編排

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

主視覺

把兩個彌散光都放進版面里之后,我們首先把這個組合彌散光處理一下。

Step 1:首先統(tǒng)一模糊方向。弱化色彩對比,使其在版面中的融合性更好。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

整體我們加一點質感,其實這時候整體效果就蠻不錯的了,再次感嘆彌散光真好用!但是還可以再加億點點細節(jié)層次!

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 2:我們給背景彌散光一個蒙版,并加一個深色底,使整體效果對比更加強烈。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 3:這時候版面中還缺少一個視覺焦點,黎明怎么能沒有日出呢?我們再把小太陽加進去~

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

Step 4:不夠不夠!我們再給小太陽來點清透的效果!

A:首先給一點體積。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

B:給一點光暈效果。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

C:然后我們再給小太陽一點若隱若現(xiàn)的半透效果,把圖層填充調到 60。

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

D:最后在來一個高光點~

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

3. 多尺寸延展

基本效果出來之后,我們再看看它的延展性怎么樣:

彌散光設計!網(wǎng)易阿里大廠都在用的刷屏級新設計風

PhotoshopCC2020視頻教程
我要自學網(wǎng)商城 ¥120 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設計 會計課程 興趣成長 AIGC