首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站設(shè)計(jì)中模糊處理圖片的技巧!?>?正文

網(wǎng)站設(shè)計(jì)中模糊處理圖片的技巧!

2011/12/15 0:00:00 · 稿源:傳誠(chéng)信
截圖

“的最高成就是模糊的工作和娛樂(lè)之間的線。
“ -阿諾德湯因比

今天討論的主題是模糊的照片。不,不是那種你不小心,因?yàn)槟暮⒆訉⒉荒茏源龜?。故意樣,使用它可以成為設(shè)計(jì)中的幾個(gè)實(shí)用的目的。

我們將了解如何使用網(wǎng)站設(shè)計(jì)與圖片的模糊處理,以幫助使文字更清晰,直接觀眾的注意力,只是讓背景更有趣。

模糊,以使文本的可讀性

每當(dāng)你有一個(gè)相當(dāng)繁忙的形象,它可以是相當(dāng)困難的,納入文本的。攝影背景可能會(huì)給您的設(shè)計(jì)更具有更大的吸引力,但你犧牲太多,如果你愿意殺死為了美學(xué)的可讀性。

考慮以下設(shè)計(jì):

網(wǎng)站設(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ǎng)站設(shè)計(jì)與圖片的模糊處理!

這里我們可以看到,這完全解決我們的問(wèn)題?,F(xiàn)在相當(dāng)可讀文本和真的在你的焦點(diǎn)繪制,同時(shí)仍然允許背景圖像添加一個(gè)很大的興趣。您仍然可以做出的基本場(chǎng)景,所以你仍然美麗的形象中受益,你簡(jiǎn)單的修改,審美,以更好地滿足您的需求。

資源:

圖片:?Eneas德特羅亞
字體:?絲帶

創(chuàng)建一個(gè)毛玻璃效果

我們可以利用這種效應(yīng)進(jìn)一步思考的磨砂玻璃比喻。除了一個(gè)模糊的,要做到這一點(diǎn),我們可能會(huì)拋在一個(gè)白色的覆蓋和噪聲層。

在Photoshop中創(chuàng)建一個(gè)堅(jiān)實(shí)的一層黑色,然后去濾鏡>雜色>添加雜色。確保您選擇“單色”選項(xiàng)。這應(yīng)該給你這樣的事情:

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

現(xiàn)在這層屏幕帶來(lái)的不透明度降低到百分之十左右。然后創(chuàng)建一個(gè)白層,并把它的不透明度到15%左右。其結(jié)果將是另一個(gè)原設(shè)計(jì)上的獨(dú)特需要。

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

本地化模糊

請(qǐng)記住,你沒(méi)有模糊的一切。您仍然可以幫助文本的可讀性,沒(méi)有殺人的形象告訴故事。請(qǐng)看下面的例子:

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

在這里再次,我們有一個(gè)背景圖像是偉大的,但真正trashes我們的文字。有了一個(gè)雖然選擇性模糊一點(diǎn)點(diǎn),我們可以保持真棒照片,使我們的文字多一點(diǎn)可讀。

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

本地化模糊的秘訣

關(guān)于這項(xiàng)技術(shù)的偉大的事情是,你常常不甚至有假貨。許多照片提供一個(gè)完全自然的分離和模糊焦點(diǎn),盡量保持上面類似的效果的模糊區(qū)域局限于文本和其他元素。

如果你有選擇性地模糊圖像的一部分,減少模糊層的不透明度時(shí)要小心,是否均勻或逐步通過(guò)一個(gè)面罩。一般來(lái)說(shuō),這會(huì)給你一些很丑陋的結(jié)果。用它試一下:

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

  • 第一步:快速模糊層。
  • 第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)樗梢浴?

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

如果我們拋在一個(gè)傾斜的轉(zhuǎn)移效應(yīng),突然在該中心的建筑物的主要組真的提請(qǐng)英寸整體形象感覺(jué)更容易看,我們立即感受得到設(shè)計(jì)師是指導(dǎo)我們注意我們的眼睛。

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

資源:

圖片:?Nosha?
字體:?飛機(jī)

顏色模糊對(duì)于

通常情況下,我用的很好的配色方案,它提供了照片,純粹是的。我不一定感興趣的內(nèi)容,只是自然的調(diào)色板,結(jié)果往往是從良好的攝影。

以下面一個(gè)例子形象。溫暖的顏色是非常激烈的,有一個(gè)巨大的反差很多工作。照片是如此的美麗,你可能會(huì)認(rèn)為這是一個(gè)恥辱絕路,但不是每一個(gè)設(shè)計(jì)要求的一個(gè)領(lǐng)域,在夕陽(yáng)的照片。

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

就像在我們的第一個(gè)例子中,我們將走在模糊的整個(gè)背景。不過(guò),這一次我們要曲軸強(qiáng)度的模糊方式,所以,任何和所有的細(xì)節(jié)丟失。結(jié)果是一個(gè)不錯(cuò)的,獨(dú)特的背景圖片了很少的努力創(chuàng)造。

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

資源:

圖片:?利蘭舊金山
字體:?沃韋

嘗試不同的模糊

當(dāng)你嘗試在您的網(wǎng)站設(shè)計(jì)與圖片的模糊處理,不追了上來(lái),在堅(jiān)持一個(gè)單一的技術(shù)陷阱。Photoshop等圖像編輯程序提供了許多不同的功能,當(dāng)涉及到模糊過(guò)濾器。

想盡各種不同的模糊,你可以找到看到他們是如何影響不同的形象,甚至混合模糊起來(lái)看個(gè)究竟。這里有幾個(gè)模糊你通常要發(fā)揮各地的主要類型:

原始圖像

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

高斯模糊

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

鏡頭模糊

截圖

運(yùn)動(dòng)模糊

截圖

徑向模糊

網(wǎng)站設(shè)計(jì)與圖片的模糊處理!

資源:

圖片:?大衛(wèi)莫羅
字體:?戴明

結(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ì)中使用的故意模糊的任何例子?希望你們能用得上!

選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證?
配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)?
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心?
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。?

-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:

??? 免費(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)站。

免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,

? ? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開(kāi)放給您!祝君成功!

聯(lián)系我們:010-62199213 62122723-808 ?400-697-8610 ?徐小姐

北京網(wǎng)站建設(shè)公司-傳誠(chéng)信網(wǎng)站:www.94883.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354