本教程主要使用Photoshop設(shè)計(jì)藍(lán)色風(fēng)格的網(wǎng)頁登陸框，整體的設(shè)計(jì)簡潔，主要使用到PS的圓角矩形工具和圖層樣式等工具來完成，下面就讓我們一起來學(xué)習(xí)吧

先看效果圖。

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

效果如下。

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

建新層，畫一個(gè)黑色圓角矩形。

添加圖層樣式。

效果如下。

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

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

添加圖層樣式。

效果如下。

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

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

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

添加圖層樣式。

復(fù)制一個(gè)，效果如下。

百度搜一個(gè)鎖頭圖標(biāo)，導(dǎo)入，底部建新層，用黑色柔角畫筆添加一些陰影。

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

最終效果如下。