PS设计教程网欢迎你!

Photoshop设计简单又酷的登陆框界面

文章来源于 夕木木,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-12-22
在网页设计中会经常用到Photoshop来制作网页的布局.那么在今天将和童学们一起来学习一下用Photoshop来制作出一个即简单又非常时尚的登陆框.

先来看最终效果吧.

Photoshop设计简单又酷的登陆框界面

1.打开photoshop软件,按ctrl+N,新建一个大小为:600x400px的文档,并填充灰色.

Photoshop设计简单又酷的登陆框界面

2.在工具栏上选择"圆角矩形"并在其选择栏上设置圆角:4px,然后在画布上画一个大小为280x180px(注意:在选项栏的选中按扭)

Photoshop设计简单又酷的登陆框界面

3.双击矩形所在的图层,设置图层样式,按下面的数据设置.

Photoshop设计简单又酷的登陆框界面

Photoshop设计简单又酷的登陆框界面

Photoshop设计简单又酷的登陆框界面

显示的效果:

Photoshop设计简单又酷的登陆框界面

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa