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

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


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

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

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

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

簡(jiǎn)單來(lái)講就如下圖所示。

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

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

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

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

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

3. 聚焦 or 層次

從用法上來(lái)講,就是視覺(jué)聚焦和作為背景增加整體層次。

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

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

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

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


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


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

1. 單體漸變

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

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

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

制作步驟

Step 1:在畫(huà)布中新建三個(gè)圓形,放在版面中的對(duì)角線位置。

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

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

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

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

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

2. 組合漸變

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

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

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

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

制作步驟

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

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

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

Step 2:分別對(duì)以上圖形加模糊畫(huà)廊效果。

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

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

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

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

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

最后效果:

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

3. 背景漸變

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

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

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

制作步驟

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

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

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

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

回到版面中的效果。

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

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

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

最后效果:

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

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

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

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

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

但是!還沒(méi)結(jié)束!我們?cè)賮?lái)整點(diǎn)好活兒!


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


還是這個(gè)主題!夢(mèng)在黎明破曉時(shí)~我們?cè)購(gòu)纳厦媸纠N形式基礎(chǔ)上做一點(diǎn)變化,表現(xiàn)方式上我們也讓它更切題一點(diǎn)。

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

1. 基本信息梳理

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

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

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

2. 制作流程

文字編排

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

主視覺(jué)

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

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

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

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

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

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

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

Step 3:這時(shí)候版面中還缺少一個(gè)視覺(jué)焦點(diǎn),黎明怎么能沒(méi)有日出呢?我們?cè)侔研√?yáng)加進(jìn)去~

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

Step 4:不夠不夠!我們?cè)俳o小太陽(yáng)來(lái)點(diǎn)清透的效果!

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

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

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

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

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

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

D:最后在來(lái)一個(gè)高光點(diǎn)~

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

3. 多尺寸延展

基本效果出來(lái)之后,我們?cè)倏纯此难诱剐栽趺礃樱?/p>

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

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