PS制作iOS 7風格的毛玻璃效果步驟詳解
新建背景圖層根據圖片大小,在PS中新建一個與圖片大小相同的背景圖層,本文演示使用1920x1080的圖片大小,因此新建圖層的尺寸也應設定為1920x1080。 創建基礎形狀圖層在新建的背景圖層上方創
新建背景圖層
根據圖片大小,在PS中新建一個與圖片大小相同的背景圖層,本文演示使用1920x1080的圖片大小,因此新建圖層的尺寸也應設定為1920x1080。
創建基礎形狀圖層
在新建的背景圖層上方創建一個名為base shape的圖層,在該圖層內部,利用圓角矩形工具繪制一個半徑為4px的圓角矩形(半徑可根據需求調整)。
添加背景圖片
將選定的背景圖片拖入PS文檔中,放置在base shape圖層之上,并右鍵點擊背景圖片轉換為智能對象。隨后,移動鼠標至兩個圖層中間,按住ALT鍵單擊以創建剪切蒙版。
高斯模糊處理
選中背景圖片圖層,進行高斯模糊處理(模糊半徑可以根據需要進行設置,本例中設定為10px)。
創建信息條圖層
這是關鍵一步,新建一個名為bar的圖層,同樣利用圓角矩形工具繪制一個信息條,確保該信息條與之前創建的圓角矩形重疊。然后像第3步一樣創建剪切蒙版,將信息條填充為與背景色相似的顏色,且不透明度設置為25%。
視覺效果優化
選擇智能濾鏡中文字左側的縮略圖,在按住Ctrl鍵的同時點擊bar圖層的縮略圖,這樣就加載了bar圖層的選區。由于需要對這部分進行模糊處理,因此按下Ctrl Shift I反向選擇,最后使用黑色油漆桶填充,以獲得最終所需的效果。
通過以上步驟,你可以輕松使用PS制作出符合iOS 7風格的毛玻璃效果,讓你的設計更加時尚和吸引人。掌握這些技巧,定能提升你的設計水平,為作品增添亮點和質感。