Photoshop設計藍色風格的網頁登陸框
- 2022-12-24 23:12:46
- 來源/作者:互聯網/佚名
- 己被圍觀次
作者:佚名 出處:一起PS吧 本教程主要使用Photoshop設計藍色風格的網頁登陸框,整體的設計簡潔,主要使用到PS的圓角矩形工具和圖層樣式等工具來完成,下面就讓我們一起來學習吧 先看效果圖。 新建文檔1280x1024像素,背景白色,建新層,填充黑色,添加圖層樣式。 效果如下。
本教程主要使用Photoshop設計藍色風格的網頁登陸框,整體的設計簡潔,主要使用到PS的圓角矩形工具和圖層樣式等工具來完成,下面就讓我們一起來學習吧
先看效果圖。

新建文檔1280x1024像素,背景白色,建新層,填充黑色,添加圖層樣式。

效果如下。

建新層,畫一個白色圓角矩形,添加圖層樣式。


建新層,畫一個黑色圓角矩形。

添加圖層樣式。

效果如下。

建新層,畫一個小的白色圓角矩形,輸入一些白色文字,排列位置如下。

建新層,畫一個白色圓角矩形,位置如下。

添加圖層樣式。


效果如下。

前景色#878787輸入文字,添加圖層樣式。

建新層,調出上面的圓角矩形選區,填充白色,選擇矩形工具按alt減選底部,添加蒙版,圖層模式改為柔光。

同樣的方法做出Register按鈕,建新層,前景色#636363畫一個圓角矩形。

添加圖層樣式。


復制一個,效果如下。

百度搜一個鎖頭圖標,導入,底部建新層,用黑色柔角畫筆添加一些陰影。

建新層,畫一個白色圓角矩形,右擊柵格化圖層,用直線套索做一選區,刪除,圖層模式柔光,不透明度38%。

最終效果如下。

*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:PS設計制作攝影主題網站主頁教程
下一篇:用ps設計一個將官徽章








