本文主要介紹圖層選項的靈活運用,製作玻璃特效、金屬按鈕、如何進行細節調整。需要一定的ps基礎知識。
寫在前面:
在做設計的過程中,有相當一部分人為了追求效率,下載別人的psd後,東拼西湊成自己的設計,這種方法是不利於提高ps技術水平的。ps裡有很多需要挖掘的地方,會ps的人很多,精通ps的人不多。發文章主要是與大家一起分享和交流,不喜勿噴。
方法/步驟
第一步:
新建一個檔案,設定800*600px,然後插入“木色地板素材”。
第二步:
2.1開啟“木色地板素材”對圖層選項進行如下設定:
第三步:
這一步開始製作玻璃效果
建立圓角矩形,角度為5px
第四步:
4.1調整圓角矩形的圖層樣式,如圖
4.2調整內陰影
4.3調整漸變疊加。漸變編輯器裡上方劃塊調整是透明度,下方滑塊調整的是顏色
第五步:
這一步是增加玻璃框效果和立體感。
5.1使用圓角矩形工具,建立上面矩形一樣大小的矩形,填充色為無,描邊為白色,寬度2px。命名為玻璃邊框
5.2開啟玻璃邊框圖層的圖層選項
第六步:
這一步是細節處理,新增雜色。
6.1建立矩形選區,新增一個新的圖層,在它上面設定黑色,並濾鏡-雜色-新增雜色。
6.2更改圖層的透明度為5%,並設定混合選項微柔光。
6.3突出內容區域。用矩形選擇工具,選擇矩形區域
6.4填充背景色微黑色,濾鏡-模糊-高斯模糊,數值2px,然後調整透明度微20%。
第七步:
這一步開始設計4個金屬按鈕
7.1用圓形矩形工具,建立4個圓。
7.2設定其中一個按鈕的圖層樣式
tip:設定完一個按鈕後,我們可以先選中要複製這個按鈕樣式的圖層,然後點選新建樣式。然後這個樣式可以應用到任何形狀。
第八步:
8.1用鋼筆工具建立一個選區。
8.2填充白色,然後調整圖層樣式,如圖:
第九步:
9.1還是用偉大的鋼筆工具建立一個選區,用來調高光
9.2填充白色,濾鏡-模糊-高斯模糊,2px。並設定它的外發光。然後新建圖層蒙版,使用漸變工具調顯示的範圍。
最後:
玻璃效果基本上大功告成了!我們加上個圖片。
注意事項
ps:這種製作毛玻璃的效果可以用於ui設計等其他設計中。