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

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

2011/12/15 0:00:00 · 稿源:傳誠信
截圖

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

今天討論的主題是模糊的照片。不,不是那種你不小心,因為您的孩子將不能坐以待斃。故意樣,使用它可以成為設(shè)計中的幾個實用的目的。

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

模糊,以使文本的可讀性

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

考慮以下設(shè)計:

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

這是一個好看的片。背景是非常驚人的的文本提供了一個很好的焦點。不幸的是,兩者形成了幾分競爭關(guān)系,其中前者的存在是損害了后者的可讀性。

有很多方法可以處理這個問題。正如你可以看到,我添加了一個陰影,有幫助,但不是的程度,我真的成品。

接下來,讓我們嘗試加入一個模糊。這是一個艱難的決定,因為這意味著你會殺死所有在這個美麗形象的細(xì)節(jié),但作為一個設(shè)計師,你必須要開放,徹底改變!

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

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

資源:

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

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

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

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

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

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

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

本地化模糊

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

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

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

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

本地化模糊的秘訣

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

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

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

  • 第一步:快速模糊層。
  • 第2步:應(yīng)用口罩和使用桅桿上的漸變淡出模糊。
  • 第三步:轉(zhuǎn)換一個選區(qū)蒙板。
  • 第4步:返回到原始圖像,并使用積極的選擇,現(xiàn)在應(yīng)用模糊。

這個過程可能看起來像一種痛苦,但它通常會提供更好的結(jié)果,不是簡單的屏蔽模糊層。

資源:

圖片:?戴夫康納
字體:?宅基

創(chuàng)建一個傾斜的轉(zhuǎn)移效應(yīng)

在過去幾年中,傾斜移位攝影已真正實現(xiàn)了起飛。很多時候,它不是使用傾斜轉(zhuǎn)向鏡頭的攝影師這么多,因為它是在后處理步驟事后的情況下。

作為一個例子,比方說,我們在下面的設(shè)計工作。沒有什么不妥,但圖像不作為相當(dāng)搶眼,因為它可以。

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

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

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

資源:

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

顏色模糊對于

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

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

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

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

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

資源:

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

嘗試不同的模糊

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

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

原始圖像

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

高斯模糊

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

鏡頭模糊

截圖

運動模糊

截圖

徑向模糊

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

資源:

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

結(jié)論

我希望這種模糊的技巧和技術(shù)的簡要討論有關(guān)如何創(chuàng)造性地運用在設(shè)計中的模糊思維。下一次你在一個繁忙的背景上的一些不可讀的文本緊點,回過頭來這篇文章,并采取一看上面的例子來幫助你。

你有沒有發(fā)現(xiàn)最近在設(shè)計中使用的故意模糊的任何例子?希望你們能用得上!

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

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

??? 免費網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù)網(wǎng)站設(shè)計等的事宜,歡迎隨時聯(lián)系我們。

??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。

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

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

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

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

010-62199213

24小時咨詢熱線

139-1050-5354