視覺設計 ? 這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

發表于: 視覺設計. 評論
Sponsor

在平面設計中,“模糊”這概念并不陌生,而且它的使用率也很高,它的作用也不僅僅將物體變得模糊。所以今天給大家總結4個“模糊”技巧,來提升你的設計技能。最后也會附上一個模糊的圖層樣式,建議收藏。

不知道你有沒有了解過“毛玻璃Areo視覺”,而這種視覺也火了一段時間。如果你經常瀏覽一些設計網站,絕對會看到毛玻璃的使用,特別是運用在網頁、UI設計中。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

甚至運用在圖標設計中,使圖標呈現通透的層次效果,顯得更加高級精致,提升視覺的品質感。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

而這種毛玻璃視覺就是半透明磨砂的形態,像透過玻璃來看到玻璃背后的東西,呈現一種朦朧的氛圍美感。那如何將這種朦朧美實現不同的設計目的?下面我們來看看第一個要點:

這才是正確的PS模糊效果使用方法!

突出視覺焦點的方法有很多,但通過模糊來處理,可以展現出更多的設計魅力。一般我們會虛化背景來突出關鍵信息,降低原本雜亂的背景對信息的干擾。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

使用模糊的好處,能傳遞場景的氛圍感,這個做法比填充顏色來突出焦點更能帶動用戶情緒,而且操作也較為簡單有效。

這才是正確的PS模糊效果使用方法! 除了虛化背景,原來模糊前景也能起到視覺作用。例如下圖:

這才是正確的PS模糊效果使用方法!

看到這些圖,不就是常用的拍攝手法嗎?尋找一些前景,利用淺景深,盡量將前景虛化,形成圖中的“畫框”。這是一種增加縱深感的方法,也有助于強調主體。將它運用到設計中,瞬間豐富畫面的空間層次。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法! 這才是正確的PS模糊效果使用方法!

當然還可以將文字模糊,也能產生前后的視覺感。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

又或者直接添加毛玻璃形態的圖像遮擋其他元素,起到戲劇性的模糊效果。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

如果想要體現動感,將普通模糊設置為動感/徑向等具有方向的模糊,一秒產生炫酷動感的效果。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

另外還能通過動感模糊營造熱鬧的氛圍感,例如下面的例子:

改前 Before

這才是正確的PS模糊效果使用方法!

△ 上圖的編排并沒有任何毛病,但是缺少熱鬧的氛圍,顯得不夠飽滿。

改后?After

這才是正確的PS模糊效果使用方法!

△ 改后的做法,添加了彩帶的素材,活躍了原先的安靜感,而且部分彩帶通過動感模糊處理,也間接增添畫面的動感。

而這種漂浮式的裝飾,在海報設計或banner中非常受用。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法! 模糊除了具有功能性,還有藝術性。利用設計目的不同,根據情況所實現的模糊效果也就不同。例如在視覺或概念型海報中,加入多種特殊的模糊效果,從而展現出更多的設計形態。

這才是正確的PS模糊效果使用方法!

那么這種特殊的模糊如何通過設計軟件來實現。這里給大家介紹ps中的“濾鏡”→“模糊畫廊”功能,具有5個模糊功能,分別是:場景模糊、光圈模糊、移軸模糊、路徑模糊、旋轉模糊。

這才是正確的PS模糊效果使用方法!

“模糊畫廊”的好處在于可以根據圖像添加多個模糊位置的路徑,實時調整模糊的變化效果。不過需要注意的是,如果是【形狀圖層】的話需要轉化為【智能圖層】才可以使用。下面給大家簡單介紹“模糊畫廊”的基本操作:

?

場景模糊

這個和模糊濾鏡中的高斯模糊基本一樣,在右側的工具欄中可以調節模糊的像素大小。

這才是正確的PS模糊效果使用方法!

此時,你將鼠標點在圖片中,就會出現一個圓圈,鼠標點中圓圈并旋轉,也能實時調整模糊的變化。(如下圖)

這才是正確的PS模糊效果使用方法!

還能繼續添加模糊的位置,甚至還能移動。所以這就是模糊畫廊功能的強大性。

這才是正確的PS模糊效果使用方法!

?光圈模糊這個和拍攝鏡頭差不多意思,光圈模糊有兩個圈,外圈調節外圈的模糊,內圈調節中心部位的模糊,也可以用鼠標拖動和旋轉光圈來調整位置。

這才是正確的PS模糊效果使用方法!

同樣可以繼續添加模糊的位置。

這才是正確的PS模糊效果使用方法!

?

傾斜偏移(移軸)模糊

移軸模糊與移軸拍攝手法類似,使整個攝影鏡頭的主光軸平移、傾斜或旋轉,以達到調整所攝影像透視關系或全區域聚焦的目的。

這才是正確的PS模糊效果使用方法!

?

路徑模糊

根據設計目的,繪制類似鋼筆的路徑,模糊會根據所畫的路徑來模糊虛化,同時還能調節模糊的速度。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

?

旋轉模糊

調節圈圈內的模糊,它的模糊會產生旋轉的效果,能逼真的增加畫面元素的動感。

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

這才是正確的PS模糊效果使用方法!

不同的數值自然會獲得不同的PS模糊效果,感興趣的小伙伴可以自己嘗試一下不同的組合。

那么看完這個功能之后,是不是后悔沒有早點發現它呢。雖然這些特殊模糊看起來很酷炫,但還是不要輕易地去采用它,當然能實現你的設計目的就最好啦。

作者:周妙妍
來源:版式設計很簡單 | ID:format_design

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }