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