2021趨勢,Behance大神都在用的彌散光感教程來了!

2021-12-23    seo達(dá)人


彌散光感也是今年突然間興起一種流行趨勢,國內(nèi)外很多設(shè)計師在項目上運用這種處理手法,下面我們先來回顧一些網(wǎng)上案例。
圖片

上面這種是單色彌散效果,而且還帶有一些噪點紋理。

圖片

這種思路是通過一邊往外延伸,然后慢慢消失的過程。

圖片
這種是彌散漸變上面疊加點陣紋理,效果細(xì)節(jié)也很豐富。
圖片
多色混色彌散光感,細(xì)節(jié)非常豐富,不過對色彩把控要求高,稍不留神就會顯臟。
圖片
雜志卡片應(yīng)用彌散光感,起到點綴作用,還能形成亮點設(shè)計。好了,下面到了案例實操部分,為大家準(zhǔn)備了3個案例,尤其是最后一個,我個人最喜歡。

 

案例實操#1

這里快速給大家演示幾種思路,基本上實操一次就會了。

第1步:先準(zhǔn)備一個基礎(chǔ)的版式,因為彌散光感一般都是以背景的形式出現(xiàn)在畫面中,能起到氛圍渲染作用。

圖片

第2步:準(zhǔn)備制作彌散漸變,這里以單色來舉例。首先制作第一層漸變,具體參數(shù)值,大家領(lǐng)取源文件慢慢查看。

圖片

第3步:制作第二層泛白漸變效果,目的起到綜合的作用,顏色過渡自然。

圖片
第4步:基本兩層就OK了,最后再疊加一層噪點紋理,效果看起來會更豐富細(xì)膩。這里的噪點肌理我在sketch 里面完成的,也是非常方便簡單(大家可以拿著源文件去研究下,一看就會)。
圖片

 

案例實操#2

第1步:先準(zhǔn)備一個基礎(chǔ)的版式

圖片
第2步:開始制作彌散漸變
圖片

由于這里所需要的彌散效果較大一些,因此這里模糊值需要在ps里面處理,首先畫一個圓形,然后使用高斯模糊;然后將其復(fù)制一層,然后添加雜色,最后兩層疊加起來,就得到如下效果。

圖片

 

案例實操#3

第1步:先在ps里面繪制兩個基礎(chǔ)的圓形,一個大圓和一個小圓。

圖片

第2步:然后分別將大圓和小圓使用ps模糊畫廊里面的移軸模糊效果,再將兩者疊加起來,就得到如下效果。

圖片

當(dāng)然還可以疊加很多層,效果也很細(xì)膩。

圖片

除了圓形,我們還可以玩出其他花樣。

圖片

今天分享就先到這里,大家下去可以拿著源文件 自己在玩一下 彌散光感,可以研究出不同的效果。


原文地址:功夫UX(公眾號)
作者: 功夫UX
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》2021趨勢,Behance大神都在用的彌散光感教程來了!

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

存檔