Photoshop 裡的毛玻璃到底咋做

2022-09-19 22:33:17 字數 592 閱讀 5619

以前咱一直以為咱自己 ps 技術挺好,今早上這**打臉了

看完春晚(沒錯就是看完了春晚),閒來無事,想著練練 ps,畫點 ui,省著狗浩天天忽悠我 然後一開啟 ps,一想,著毛玻璃咋做啊?

直接開高斯模糊。

但做完了發現,這高斯模糊啊,不是fliter而是backdrop-fliter

這就很尷尬了。趕緊開啟萬能的 bing,搜了大半天,又是做一堆蒙版又是弄一大堆子圖層,最後自己琢磨琢磨搞出來了。

我的 photoshop 版本是 2020,這個圖示的:

如果你不是這個版本的那就不確定行不行了。

進去之後,新建 + 背景。

然後選中你的背景圖層(不是預設的,是你自己加的那張),按 ctrl

j,就會出現乙個新圖層。

選中這個圖層,然後上高斯模糊:

然後,用選擇工具選中一片區域。

最關鍵的一步來了:建立蒙版。

點選這個按鈕,然後再點選這個按鈕:

然後你的毛玻璃就做好了。

讓背景出現毛玻璃的效果

1.背景是半透明的 2.背景有毛玻璃的模糊效果 3.上面的字型清晰可見 效果如下 先是背景透明,字型清晰可見 div 再來個模糊處理 div 還做了相容處理,美滋滋。開啟瀏覽器重新整理 我擦,這都是什麼鬼。不行,要分析一下。原來div裡面的字和div是在乙個盒子裡面,設定這個盒子為模糊,那麼裡面的字...

10個filter的屬性 毛玻璃效果

10個filter的屬性 webkit filter blur 30px 模糊的效果 webkit filter grayscale 1 黑白 預設100 webkit filter sepia 1 黃棕色類似老 預設100 webkit filter saturate 3 飽和度 預設100 we...

iOS8之後毛玻璃效果的實現

在ios8.0之後,蘋果新增了乙個類uivisualeffectview,通過這個類來實現毛玻璃效果,使用也是非常簡單,幾行 搞定.uivisualeffectview是乙個抽象類,不能直接使用,需通過它下面的三個子類來實現 uiblureffect,uivisualeffevt,uivisuale...