“的最高成就是模糊的工作和娛樂(lè)之間的線。
“ -阿諾德湯因比
今天討論的主題是模糊的照片。不,不是那種你不小心,因?yàn)槟暮⒆訉⒉荒茏源龜馈9室鈽樱褂盟梢猿蔀樵O(shè)計(jì)中的幾個(gè)實(shí)用的目的。
我們將了解如何使用網(wǎng)站設(shè)計(jì)與圖片的模糊處理,以幫助使文字更清晰,直接觀眾的注意力,只是讓背景更有趣。
模糊,以使文本的可讀性
每當(dāng)你有一個(gè)相當(dāng)繁忙的形象,它可以是相當(dāng)困難的,納入文本的。攝影背景可能會(huì)給您的設(shè)計(jì)更具有更大的吸引力,但你犧牲太多,如果你愿意殺死為了美學(xué)的可讀性。
考慮以下設(shè)計(jì):
這是一個(gè)好看的片。背景是非常驚人的的文本提供了一個(gè)很好的焦點(diǎn)。不幸的是,兩者形成了幾分競(jìng)爭(zhēng)關(guān)系,其中前者的存在是損害了后者的可讀性。
有很多方法可以處理這個(gè)問(wèn)題。正如你可以看到,我添加了一個(gè)陰影,有幫助,但不是的程度,我真的成品。
接下來(lái),讓我們嘗試加入一個(gè)模糊。這是一個(gè)艱難的決定,因?yàn)檫@意味著你會(huì)殺死所有在這個(gè)美麗形象的細(xì)節(jié),但作為一個(gè)設(shè)計(jì)師,你必須要開(kāi)放,徹底改變!
這里我們可以看到,這完全解決我們的問(wèn)題。現(xiàn)在相當(dāng)可讀文本和真的在你的焦點(diǎn)繪制,同時(shí)仍然允許背景圖像添加一個(gè)很大的興趣。您仍然可以做出的基本場(chǎng)景,所以你仍然美麗的形象中受益,你簡(jiǎn)單的修改,審美,以更好地滿足您的需求。
資源:
創(chuàng)建一個(gè)毛玻璃效果
我們可以利用這種效應(yīng)進(jìn)一步思考的磨砂玻璃比喻。除了一個(gè)模糊的,要做到這一點(diǎn),我們可能會(huì)拋在一個(gè)白色的覆蓋和噪聲層。
在Photoshop中創(chuàng)建一個(gè)堅(jiān)實(shí)的一層黑色,然后去濾鏡>雜色>添加雜色。確保您選擇“單色”選項(xiàng)。這應(yīng)該給你這樣的事情:
現(xiàn)在這層屏幕帶來(lái)的不透明度降低到百分之十左右。然后創(chuàng)建一個(gè)白層,并把它的不透明度到15%左右。其結(jié)果將是另一個(gè)原設(shè)計(jì)上的獨(dú)特需要。
本地化模糊
請(qǐng)記住,你沒(méi)有模糊的一切。您仍然可以幫助文本的可讀性,沒(méi)有殺人的形象告訴故事。請(qǐng)看下面的例子:
在這里再次,我們有一個(gè)背景圖像是偉大的,但真正trashes我們的文字。有了一個(gè)雖然選擇性模糊一點(diǎn)點(diǎn),我們可以保持真棒照片,使我們的文字多一點(diǎn)可讀。
本地化模糊的秘訣
關(guān)于這項(xiàng)技術(shù)的偉大的事情是,你常常不甚至有假貨。許多照片提供一個(gè)完全自然的分離和模糊焦點(diǎn),盡量保持上面類似的效果的模糊區(qū)域局限于文本和其他元素。
如果你有選擇性地模糊圖像的一部分,減少模糊層的不透明度時(shí)要小心,是否均勻或逐步通過(guò)一個(gè)面罩。一般來(lái)說(shuō),這會(huì)給你一些很丑陋的結(jié)果。用它試一下:
- 第一步:快速模糊層。
- 第2步:應(yīng)用口罩和使用桅桿上的漸變淡出模糊。
- 第三步:轉(zhuǎn)換一個(gè)選區(qū)蒙板。
- 第4步:返回到原始圖像,并使用積極的選擇,現(xiàn)在應(yīng)用模糊。
這個(gè)過(guò)程可能看起來(lái)像一種痛苦,但它通常會(huì)提供更好的結(jié)果,不是簡(jiǎn)單的屏蔽模糊層。
資源:
創(chuàng)建一個(gè)傾斜的轉(zhuǎn)移效應(yīng)
在過(guò)去幾年中,傾斜移位攝影已真正實(shí)現(xiàn)了起飛。很多時(shí)候,它不是使用傾斜轉(zhuǎn)向鏡頭的攝影師這么多,因?yàn)樗窃诤筇幚聿襟E事后的情況下。
作為一個(gè)例子,比方說(shuō),我們?cè)谙旅娴脑O(shè)計(jì)工作。沒(méi)有什么不妥,但圖像不作為相當(dāng)搶眼,因?yàn)樗梢浴?
如果我們拋在一個(gè)傾斜的轉(zhuǎn)移效應(yīng),突然在該中心的建筑物的主要組真的提請(qǐng)英寸整體形象感覺(jué)更容易看,我們立即感受得到設(shè)計(jì)師是指導(dǎo)我們注意我們的眼睛。
資源:
顏色模糊對(duì)于
通常情況下,我用的很好的配色方案,它提供了照片,純粹是的。我不一定感興趣的內(nèi)容,只是自然的調(diào)色板,結(jié)果往往是從良好的攝影。
以下面一個(gè)例子形象。溫暖的顏色是非常激烈的,有一個(gè)巨大的反差很多工作。照片是如此的美麗,你可能會(huì)認(rèn)為這是一個(gè)恥辱絕路,但不是每一個(gè)設(shè)計(jì)要求的一個(gè)領(lǐng)域,在夕陽(yáng)的照片。
就像在我們的第一個(gè)例子中,我們將走在模糊的整個(gè)背景。不過(guò),這一次我們要曲軸強(qiáng)度的模糊方式,所以,任何和所有的細(xì)節(jié)丟失。結(jié)果是一個(gè)不錯(cuò)的,獨(dú)特的背景圖片了很少的努力創(chuàng)造。
資源:
嘗試不同的模糊
當(dāng)你嘗試在您的網(wǎng)站設(shè)計(jì)與圖片的模糊處理,不追了上來(lái),在堅(jiān)持一個(gè)單一的技術(shù)陷阱。Photoshop等圖像編輯程序提供了許多不同的功能,當(dāng)涉及到模糊過(guò)濾器。
想盡各種不同的模糊,你可以找到看到他們是如何影響不同的形象,甚至混合模糊起來(lái)看個(gè)究竟。這里有幾個(gè)模糊你通常要發(fā)揮各地的主要類型:
原始圖像
高斯模糊
鏡頭模糊
運(yùn)動(dòng)模糊
徑向模糊
資源:
結(jié)論
我希望這種模糊的技巧和技術(shù)的簡(jiǎn)要討論有關(guān)如何創(chuàng)造性地運(yùn)用在設(shè)計(jì)中的模糊思維。下一次你在一個(gè)繁忙的背景上的一些不可讀的文本緊點(diǎn),回過(guò)頭來(lái)這篇文章,并采取一看上面的例子來(lái)幫助你。
你有沒(méi)有發(fā)現(xiàn)最近在設(shè)計(jì)中使用的故意模糊的任何例子?希望你們能用得上!
-----------------------------------------------------------------------------------------------------
??? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問(wèn):我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)服務(wù),您需要了解關(guān)于如何開(kāi)展網(wǎng)絡(luò)營(yíng)銷,電子商務(wù),網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。
??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。