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