如何用 Photoshop 製作「毛玻璃」效果?

像毛玻璃一樣,不管移動到哪張圖片上,該區域顯示都模糊化。

2015年6月封樓,Photoshop 暫時沒有功能到達預期效果。Sketch 的 Background Blur 可以。


教程很仔細,也很長,各位看官要耐心哦~學習需要動力與興趣哦!

新建1000*1000的空白圖層。
粘貼上白紙素材(作為背景圖層)——合併圖層

載入蘋果素材到背景圖層,併合並圖層(你可以載入任何實物素材,我以蘋果為例)

按CTRL+J,複製背景圖層,得到圖層1圖層。

回到背景圖層(不是圖層1),把圖層1圖層的眼睛關掉(有利於觀察模糊的程度)。對背景圖層進行高斯模糊(濾鏡——模糊——高斯模糊)具體數據自己感覺(模糊好後,可以重新把另一個圖層的眼睛開啟)。我的數據如下:

接下來創建一個組圖層(名為序列1)。滑鼠點擊下面的紅框里的按鈕好嗎?然後就會出現上面紅框裡面的東東哦!如下圖:

(此時,兩個圖層都沒有在這個文件夾裡面哦,它會很寂寞的,我們把圖層1圖層(沒有被高斯模糊過的那個,清晰的那張,別放錯了!)放進去吧。如下圖

在當前圖層上,新建一個空白圖層,然後用矩形選框框選出玻璃的外形大小唄(自己定義高寬),並填充(#01887A)這個顏色。如下圖

尼瑪,坑爹呢,這哪裡像玻璃嘛,看官別急,我們接著搞像她~
給這塊坑爹的玻璃整體加一點黃色,因為有光,我們愛黃色。
CTRL+B=色彩平衡,數據如下:

繼續增加顆粒感,濾鏡——雜色——添加雜色。數據如下(給單色打勾,親):

顆粒感居然這麼突兀,我們給他來個高斯模糊(數據自己感覺啦)(這裡要注意,你高斯模糊的話,邊緣也會模糊掉,所以要先全選這個玻璃,再模糊)。最後如下圖:

要有審美哦,不要說沒什麼變化哦。
馬上就要見證奇蹟了,大家堅持哦~

打開這塊玻璃的圖層樣式(就是混合選項啦)
1.填充不透明度20%
2.挖空:淺
3.其他數據默認。

然後就是給玻璃稍微弄個立體感唄:斜面和浮雕,數據如下了:

最後的效果如下:

見證奇蹟的時刻開始,你可以移動玻璃到蘋果那,就會發現了。

哈哈,終於完成啦,謝謝各位觀看我的獨角戲~鼓掌~撒花~


對了,還有哪個步驟不懂的,可以評論下問我。


看了@小麥丫的回答,大開眼界啊~
還能有用這種群組方法,以前都不知道圖層還有挖空選項……

忍不住手痒痒了,自己也做了一張。
過程相對簡單,就簡單寫一下。

1.隨便baidu一張圖片,下載。(呃~我的是Stock Photos, Royalty-Free Images and Vectors上每周免費圖片下載的)
2.打開ps,打開圖片,ctrl+J 複製圖層(習慣性動作,總覺得原圖層最好是不做處理,哪怕是加個白底也要在複製出的圖層下加再上一層)。
3.在剛複製出來的 圖層1 上進行高斯模糊(圖片大小不同,模糊半徑也不同,效果如圖)

4.在圖層1上加個黑色蒙板——可以有幾種操作方法:
操作方法1:點擊圖層面板下方蒙板按鈕,然後反相(圖像-〉調整-〉反相,快捷鍵:ctrl+I )
操作方法2:按住 alt 鍵不放,把圖層1拖到下方蒙板按鈕上。
這時圖片是清晰的(模糊的圖層1被黑色的蒙板蓋住了)
效果如圖:

5.用選框工具M,在圖片中畫個框,再反相(注意蒙板是被選中的)
選框里的圖像模糊了~(圖層不會被蒙板的白色部分蓋住)
效果如圖:

6.圖層1的圖層樣式加上斜面和浮雕(差不多就行了),再加點砂紙圖案(磨砂嘛……一點點……呃,沒有也是可以的)。
也可加上些玻璃的青色。(圖層樣式里的顏色疊加,選個顏色,不透明度低一些就行,這裡我沒加)
效果出來就行。

7.關鍵的最後一步,很簡單,但很關鍵。
去掉圖層面板中,圖層1的縮略圖和蒙板之間的鏈接。(點一下那個鏈接按鈕就行了)如圖:

8.最後可在保證選中蒙板的狀態下任意移動蒙板,還可以自由變換。

同樣還可以在蒙板里用黑白顏色畫出各種玻璃形狀,並且隨時任意修改。
PS. 雖然還不能做到題主說的「不管移動到哪張圖片上,該區域顯示都模糊化。」但目前這是我能做到的最簡單的,最大可修改的形式了。(不知道會不會說得太多讓大家沒看懂)


這個一般都是隨時做的,我不知道有什麼辦法能夠直接弄出一個放哪都能模糊的毛玻璃,但是快速的做出毛玻璃還是可以的。
1.先複製一層背景

2.然後高斯模糊

3.選擇一個選區,反選刪除

4.再反選,新建圖層填充選取為白色

5.調透明度

6.然後圖層樣式浮雕

7.效果


看了幾篇類似的回答,自我感覺效果都沒有下面給出這個好 (啊,也就是我想出的方法
先開一張背景圖片,

(之所以使用圓角,是因為百度了一下「Aero」圖片,大多是圓角的吧

右鍵菜單,建立選區,確定;
濾鏡,模糊,高斯模糊,數值隨便調一個,確定;
按Ctrl+J複製一層;

(截圖的時候忘了設高斯模糊QAQ無視右邊的歷史記錄→_→……

大小 1px;位置 內部;混合模式 正常-不透明度50%
(或者 混合模式為疊加,不透明度高一點,適用於淺色背景,我這個太深效果不好

(那上面這5張圖在搞毛(╯‵□′)╯︵┻━┻……

玻璃反光!初中的時候看過有用漸變樣式 但是跟真正的Aero相距甚遠
那麼,最簡單的辦法:把下面這張圖拿走,用的時候粘上……

(╯‵□′)╯︵┻━┻這算神馬教程……不管了 先保存一下 吃飯去 一會回來更


是這種嗎?隨手做了一張。。。2013年夏天拍攝於成都萬象城西西弗書店


  1. 先打開一張圖片

    在圖片上面用矩形工具建立一個方塊歲隨便什麼顏色都行

  2. 按住CTRL+左鍵點擊圖層縮略圖在背景上編輯濾鏡-模糊-高斯模糊數值10
  3. 然後把黑色方塊填充0圖層樣式投影

  4. 如果需要把上面也加上投影複製一層柵格化第一層第二層投影角度調成負的比如第一個是120度第二個就調成-120度

哪裡用得著上PS,一個APP就解決了~
輕鬆製作唯美毛玻璃壁紙 #iOS #Android


推薦閱讀:

這種效果的漸變是怎麼做的?
這種肌理效果如何用 Photoshop/Illustrator 實現?
突然不想畫畫該怎麼辦?
PS裡面這種圖的漸變效果是怎麼做出來的?
這樣的圖片該怎麼做?

TAG:AdobePhotoshop | 設計 | 毛玻璃 |