彌散光感的形成,一般由單色或者多色模糊漸變混合,形成虛實(shí)集合的模糊效果。在這其中還可以加入不同的元素使其具有新奇和記憶點(diǎn),來(lái)豐富單調(diào)乏味的畫(huà)面,增加畫(huà)面空間層次感,增添畫(huà)面的細(xì)節(jié),還能聚焦產(chǎn)品的記憶點(diǎn)、優(yōu)化信息層級(jí),讓平淡無(wú)奇的排版瞬間活了起來(lái),下面我們就來(lái)看看彌散光感的一些優(yōu)點(diǎn)。1. 豐富設(shè)計(jì)細(xì)節(jié),增添畫(huà)面感一側(cè)進(jìn)行虛化模糊,另一側(cè)保持清晰的輪廓,整體從觀感上多了一些動(dòng)感變化效果。因此,不管作為版面的主視覺(jué),還是作為輔助部分都能有不錯(cuò)的效果。將一種或者兩種以上顏色進(jìn)行全部模糊虛化掉,一般多作為背景裝飾來(lái)使用。在此基礎(chǔ)還可以加上不同的元素,再增加一點(diǎn)噪點(diǎn)質(zhì)感,細(xì)節(jié)滿滿。使用多種不同模糊方案或手法,以彌散光感為基礎(chǔ),來(lái)達(dá)到視覺(jué)聚焦和豐富設(shè)計(jì)細(xì)節(jié),增添畫(huà)面感和空間層次感。看到這里大家都肯定要嚷嚷,光說(shuō)不練假把式,安排上菜,我們先從簡(jiǎn)單的開(kāi)始,蘿卜要一個(gè)一個(gè)吃,坑要一個(gè)一個(gè)的埋,翠花,上酸菜! 首先我們來(lái)設(shè)計(jì)一個(gè)banner,這個(gè)案例就用最簡(jiǎn)單的高斯模糊來(lái)做,這種全彌散的漸變實(shí)現(xiàn)起來(lái)比較簡(jiǎn)單,顏色我設(shè)置為如圖三個(gè)顏色和三個(gè)圓形。為了保留模糊參數(shù)的后期可編輯行,模糊之前,先給三個(gè)圓形轉(zhuǎn)換為智能對(duì)象,可以三個(gè)一起起智能對(duì)象,也可以單個(gè)一個(gè)個(gè)的智能對(duì)象,后者的好處是可以隨時(shí)調(diào)整圖形的位置與大小。然后給智能對(duì)象一個(gè)高斯模糊(濾鏡-模糊-高斯模糊)高斯模糊后,有時(shí)候有的顏色融合的不是很好,這個(gè)時(shí)候我們可以通過(guò)調(diào)整圖層疊加模式或者透明度,讓顏色之間融合的更協(xié)調(diào),案例中我覺(jué)得青色過(guò)于實(shí)了,降低一下透明度70%,到這里,基本的背景就完成了。彌散光感背景就是這么簡(jiǎn)單!我根據(jù)之前的梳理和自己的意愿,把文案分為了4個(gè)層級(jí),中文英文的主題信息作為最高層級(jí)存在;然后我想突出時(shí)間,所以把它放在第二層級(jí),其他元素依次往后排。我們先確定大標(biāo)題,然后再用小字來(lái)進(jìn)行版面的填充與平衡,讓整體的文字排版形成視覺(jué)層次變化與平衡。由于圖形位于對(duì)角線位置,在文字分布上我順應(yīng)這個(gè)構(gòu)圖方式。英文和中文之間互相疊壓一點(diǎn),這是壓抑不住都要買的節(jié)奏啊!顏色一黑一白加強(qiáng)之間的對(duì)比關(guān)系。為了讓版面的保持視覺(jué)上的平衡,二、三層級(jí)的內(nèi)容和主題內(nèi)容形成交錯(cuò)穿插,讓整體的文字排版形成視覺(jué)上的一個(gè)層次變化。到這一步,整體排版基本完成了,但整體感覺(jué)信息之間比較獨(dú)立,我們添加一些裝飾元素,讓畫(huà)面更整體飽滿緊湊。OK,一張banner完工馬上要過(guò)年了,新的一年,換新的工作,所以這次的案例就為大家做個(gè)作品集封面,俗話說(shuō):作品封面做的好,工資翻番少不了。作品集文案的內(nèi)容并不如一些展覽海報(bào)類那么多,所以在整體的編排上難度不是很大,根據(jù)內(nèi)容需要找到自己想要突出的重點(diǎn)即可。信息文案一般大致上可以分為三種類型,①主題信息適合作為主標(biāo)題存在;②與活動(dòng)相關(guān)的具體信息則次之,當(dāng)然,我們也可以根據(jù)內(nèi)容選擇性的突出其中某一項(xiàng),如價(jià)格、時(shí)間或是其他;③其他的補(bǔ)充輔助性信息,這類的信息一般作補(bǔ)充說(shuō)明,相對(duì)不是很關(guān)鍵,所以適合作為裝飾性的元素來(lái)放在需要的地方。建立4個(gè)大小不同的圓形,填充不同的顏色,然后單獨(dú)給每一圖層智能對(duì)象后,調(diào)整各自的模糊數(shù)值。根據(jù)需要調(diào)整圖層疊加樣式或者透明度①光這樣的話,稍顯單調(diào),所以我們?cè)偌狱c(diǎn)料。新建一個(gè)圓形,填充淺藍(lán)色,然后新建2個(gè)圖層并創(chuàng)建剪貼蒙板,用柔邊畫(huà)筆畫(huà)深淺2個(gè)大小不一的顏色,然后把3個(gè)圖層合并一個(gè)智能對(duì)象。②給智能對(duì)象一個(gè)場(chǎng)景模糊(濾鏡-模糊畫(huà)廊-場(chǎng)景模糊),場(chǎng)景模糊具有定義不同模糊量的多個(gè)模糊點(diǎn)來(lái)創(chuàng)建漸變的一種模糊效果。將多個(gè)圖釘添加到圖像,并指定每個(gè)圖釘?shù)哪:?,從而達(dá)到一種虛實(shí)模糊不同的模糊效果。本案例定義2個(gè)模糊點(diǎn),一個(gè)模糊量0.一個(gè)為60,通過(guò)一邊模糊,一般不模糊來(lái)達(dá)到一種虛實(shí)結(jié)合的變化,③為了讓背景更豐富有層次感,再用①的方式再新建一個(gè)圓形,填充不一樣的顏色,然后執(zhí)行場(chǎng)景模糊,圖層疊加為“色相”,效果如圖。為了體現(xiàn)層次空間感,大標(biāo)題我用虛實(shí)模糊的圓形壓住一部分,交錯(cuò)穿插,讓整體的文字排版形成視覺(jué)上的一個(gè)層次變化。細(xì)化排版,添加一些輔助元素,填補(bǔ)版面的負(fù)空間,這件,一個(gè)作品集封面就完成了。這次來(lái)運(yùn)用光圈模糊做一個(gè)展覽海報(bào)。“光圈模糊”對(duì)圖片模擬淺景深效果,選擇“光圈模糊”(濾鏡-模糊畫(huà)廊-光圈模糊),將在圖像上放置默認(rèn)的光圈模糊圖釘、單擊圖像可以添加其他模糊圖釘,說(shuō)明:A. 銳化區(qū)域 B. 漸隱區(qū)域 C. 模糊區(qū)域 ,拖動(dòng)句柄移動(dòng)它們以重新定義各個(gè)區(qū)域。拖動(dòng)模糊句柄以增加或減少模糊。一個(gè)圖片中可以添加多個(gè)光圈模糊進(jìn)行重復(fù)疊加來(lái)達(dá)到不同的效果。基于文案內(nèi)容是港澳臺(tái)三地及青年藝術(shù)家,所以在背景上希望能表達(dá)出三地的概念,顏色上用淺青+黃色系表達(dá)出青年藝術(shù)家這一人群。青年嘛總是要嫩點(diǎn),鮮點(diǎn)。建立三個(gè)大小不一的橢圓,智能對(duì)象后,再分別進(jìn)行光圈模糊,制作方法上除了光圈模糊,當(dāng)然也有其他的實(shí)現(xiàn)方法,只不過(guò)個(gè)人覺(jué)得光圈模糊會(huì)更方便一點(diǎn)~海報(bào)彌散光感背景基礎(chǔ)完成了,現(xiàn)在復(fù)制三份,從上往下排列,體現(xiàn)三地的概念,為了讓每個(gè)色塊之間有所差異,在大小排列上做了一些調(diào)整與變化。根據(jù)上面的信息層級(jí),放上主標(biāo)題,根據(jù)主題意義,對(duì)字體做一些簡(jiǎn)單的筆畫(huà)裁剪,英文用底色做一點(diǎn)點(diǎn)遮擋,點(diǎn)綴點(diǎn)星星,群星閃耀港澳臺(tái)。將其它文案分布在海報(bào)的下面,注意平衡一下整個(gè)畫(huà)面。最后用網(wǎng)格規(guī)范下文字信息編排,用網(wǎng)格可以比較精確地將版面編排出來(lái)。大家可以清晰地看到,所有的文字的大小和位置都是有依據(jù)的,都卡在模塊網(wǎng)格之中的。旋轉(zhuǎn)模糊通常用于創(chuàng)建圓形或者橢圓形的模糊,比如飛馳中的輪胎,轉(zhuǎn)動(dòng)的摩天輪等等都是旋轉(zhuǎn)模糊的具象表現(xiàn)。濾鏡-模糊畫(huà)廊-光圈模糊,點(diǎn)擊拖動(dòng)橢圓邊框改變模糊的大小。中間的模糊圈可以用來(lái)調(diào)整模糊的量,或者模糊的角度。也可以增加多個(gè)模糊點(diǎn)移軸模糊點(diǎn)擊濾鏡-模糊畫(huà)廊-移軸模糊,如下圖樣式。虛化的大小可以通過(guò)白色圓圈調(diào)節(jié),虛化位置可以通過(guò)移動(dòng)位置或者旋轉(zhuǎn)進(jìn)行調(diào)整。這樣就實(shí)現(xiàn)了虛實(shí)集合的光感設(shè)計(jì)。根據(jù)文案的信息內(nèi)容,我想用眼睛和日出來(lái)表現(xiàn)這個(gè)海報(bào)的主題概念。根據(jù)上面方形旋轉(zhuǎn)模糊的特性,我在畫(huà)面中建立了一個(gè)任意門(mén)的圖形,它可以帶去往不同的時(shí)空,咳咳咳…傳錯(cuò)了,還是傳回來(lái)寫(xiě)完這個(gè)教程了。先把任意門(mén)圖層轉(zhuǎn)為智能對(duì)象,然后執(zhí)行旋轉(zhuǎn)模糊,具體參數(shù)所見(jiàn)及所得,根據(jù)實(shí)際效果來(lái)調(diào)整參數(shù)即可,這一步,可能會(huì)有點(diǎn)慢,耐心等候,不急哦。進(jìn)行到這一步,發(fā)現(xiàn)畫(huà)面缺少一個(gè)視覺(jué)中心來(lái)作為視覺(jué)聚焦點(diǎn),然后在眼眶中心新建一個(gè)紅色的圓形,轉(zhuǎn)換智能對(duì)象,執(zhí)行移軸模糊。太陽(yáng)出來(lái)了!有人要一起看日出嗎?對(duì)日出圖層,執(zhí)行濾鏡-液化工具,用“向前變現(xiàn)工具”來(lái)回擦,一邊往里擦,另一邊往外擦的的節(jié)奏來(lái)回擦,為日出擦出水面倒影,這一步需要耐心,一次不行,可多嘗試幾次,以達(dá)到理想效果。根據(jù)畫(huà)面的圖形構(gòu)圖,文案信息的編排方式上采用壓四角的編排方式,留出中間的視覺(jué)中心點(diǎn)。最后根據(jù)網(wǎng)格來(lái)規(guī)范下文字信息編排。最后一個(gè)案例我們來(lái)用下最近流行的毛玻璃效果,看看彌散光和毛玻璃能碰撞出怎樣的愛(ài)情火花,好了,話不多說(shuō),直接干貨走起。拉出4個(gè)大小不一,顏色各異的圓形,擺放位置按自己想的構(gòu)圖排列就行,把握不好也可以模糊后再調(diào)整都可以,方法不一,效果達(dá)到就行。然后把4個(gè)園一起轉(zhuǎn)換為智能對(duì)象后,并進(jìn)行高斯模糊。一個(gè)彌散光感背景就這么簡(jiǎn)單的做好了。新建一個(gè)淺藍(lán)色圓形圖層,crtl+j復(fù)制圖層,2個(gè)圖層前后錯(cuò)開(kāi)一定的位置,底下圖層填充一個(gè)從淺到深色的漸變,確定好厚度位置后,將淺色層和深色層重疊的部分用蒙板遮住,只留邊緣,這樣就可以形成玻璃厚度的效果。將上面淺色層的透明度降低,這樣就形成了玻璃半透明效果。接著對(duì)玻璃的轉(zhuǎn)角和邊框高光等細(xì)節(jié)進(jìn)行處理。加上玻璃的受光面和暗面將上面做好的圓形玻璃,復(fù)制2個(gè),根據(jù)自己的構(gòu)圖需求擺放,為了不至于形狀都過(guò)于統(tǒng)一,把其中一個(gè)智能對(duì)象,然后ctrl+t進(jìn)行扭曲變化,做一個(gè)傾斜點(diǎn)的毛玻璃,讓整體構(gòu)圖更靈活層次感。添加文案信息,編排好文字信息主次關(guān)系。標(biāo)題設(shè)計(jì)上采用了一個(gè)漸變疊加的處理,在呼應(yīng)主題的“融合、共”的意思,同時(shí),讓標(biāo)題增加一點(diǎn)細(xì)節(jié),讓它有那么一點(diǎn)點(diǎn)的設(shè)計(jì)感。將與玻璃塊疊加部分的內(nèi)容模糊掉,這樣毛玻璃質(zhì)感效果就更像了。至此這個(gè)具有UI風(fēng)格的海報(bào)就完成了,如果,覺(jué)得背景比較單調(diào)了,還可以繼續(xù)把前面的毛玻璃智能對(duì)象復(fù)制一個(gè),ctrl+t變形扭曲,或者添加噪點(diǎn)紋理,為背景填充更多的細(xì)節(jié)。