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

第一節(jié):風(fēng)格特點(diǎn)


首先我們就以下圖為例,來分析總結(jié)一下彌散光這類風(fēng)格的特點(diǎn)。

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

1. 虛實(shí)結(jié)合

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

簡單來講就如下圖所示。

顏色邊緣保留了一些較為清晰的輪廓,整體從觀感上多了一些動感與變化層次。也因?yàn)樗倪@一特點(diǎn),不管作為版面的主視覺,還是作為輔助部分都能有不錯的效果。

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

2. 噪點(diǎn)質(zhì)感

從嚴(yán)格意義上講,這其實(shí)是彌散光結(jié)合了酸性風(fēng)格的一種延展用法。不僅在原有基礎(chǔ)上多了一些復(fù)古氣質(zhì),而且細(xì)節(jié) Max。

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

3. 聚焦 or 層次

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

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

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

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

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


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


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

1. 單體漸變

制作要點(diǎn):高斯模糊

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

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

制作步驟

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

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

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

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

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

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

2. 組合漸變

制作要點(diǎn):模糊畫廊

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

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

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

制作步驟

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

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

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

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

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

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

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

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

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

最后效果:

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

3. 背景漸變

制作要點(diǎn):漸變疊加+液化

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

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

制作步驟

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

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

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

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

回到版面中的效果。

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

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

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

最后效果:

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

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

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

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

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

但是!還沒結(jié)束!我們再來整點(diǎn)好活兒!


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


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

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

1. 基本信息梳理

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

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

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

2. 制作流程

文字編排

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

主視覺

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

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

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

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

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

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

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

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

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

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

A:首先給一點(diǎn)體積。

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

B:給一點(diǎn)光暈效果。

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

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

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

D:最后在來一個高光點(diǎn)~

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

3. 多尺寸延展

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

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

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