本教程主要使用Photoshop設計藍色風格的網頁登陸框，整體的設計簡潔，主要使用到PS的圓角矩形工具和圖層樣式等工具來完成，下面就讓我們一起來學習吧

先看效果圖。

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

效果如下。

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

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

添加圖層樣式。

效果如下。

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

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

添加圖層樣式。

效果如下。

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

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

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

添加圖層樣式。

復制一個，效果如下。

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

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

最終效果如下。