[教程]Photoshop设计蓝色风格的网页登陆框 [复制链接]

本教程主要使用Photoshop设计蓝色风格的网页登陆框，整体的设计简洁，主要使用到PS的圆角矩形工具和图层样式等工具来完成，下面就让我们一起来学习吧  先看效果图。

新建文档1280x1024像素，背景白色，建新层，填充黑色，添加图层样式。

效果如下。

建新层，画一个白色圆角矩形，添加图层样式。


建新层，画一个黑色圆角矩形。

添加图层样式。

效果如下。

  建新层，画一个小的白色圆角矩形，输入一些白色文字，排列位置如下。

建新层，画一个白色圆角矩形，位置如下。

添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442610.jpg[/img]
[img]http://www.wzsky.net/img/uploadimg/20110321/10442611.jpg[/img]
效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442612.jpg[/img]
前景色#878787输入文字，添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442613.jpg[/img]
建新层，调出上面的圆角矩形选区，填充白色，选择矩形工具按alt减选底部，添加蒙版，图层模式改为柔光。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442614.jpg[/img]
同样的方法做出Register按钮，建新层，前景色#636363画一个圆角矩形。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442615.jpg[/img]
  添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442616.jpg[/img]
[img]http://www.wzsky.net/img/uploadimg/20110321/10442617.jpg[/img]
复制一个，效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442618.jpg[/img]
百度搜一个锁头图标，导入，底部建新层，用黑色柔角画笔添加一些阴影。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442619.jpg[/img]
建新层，画一个白色圆角矩形，右击栅格化图层，用直线套索做一选区，删除，图层模式柔光，不透明度38%。
[img]http://www.wzsky.net/img/uploadimg/20110321/10442620.jpg[/img]
最终效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110321/1044260.jpg[/img]

还不错 谢谢分享

还不错 谢谢分享

有空自己练习下