PS设计简约网页登录页面

时间:2013.03.31频道:Photoshop

网页设计工作中一项常见的任务就是登陆页面设计,今天我们用Photoshop设计一款简约风格的登录页面,先看效果图: 1.打开photoshop软件,按ctrl+N,新建一个大小为:600x400px的文档,并填充灰色. 2.在工具栏上选择"圆角矩形"并在其选择栏上设置圆角:4px,然后在画

网页设计工作中一项常见的任务就是登陆页面设计,今天我们用Photoshop设计一款简约风格的登录页面,先看效果图:

PS设计简约网页登录页面 - X软件世界



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

PS设计简约网页登录页面 - X软件世界



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

PS设计简约网页登录页面 - X软件世界



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

PS设计简约网页登录页面 - X软件世界

PS设计简约网页登录页面 - X软件世界

PS设计简约网页登录页面 - X软件世界



显示的效果:

PS设计简约网页登录页面 - X软件世界



4.现在我们给矩形的外边框添加发光的效果.
在工具栏上选择"矢量线条",画一条直线,如图如示.

PS设计简约网页登录页面 - X软件世界



添加图层样式,设置如下图:

PS设计简约网页登录页面 - X软件世界

复制直线,然后移动到下面来,效果如下图:

PS设计简约网页登录页面 - X软件世界

相关阅读Readings
  • Photoshop设计杂谈

    一个好的作品的产生我认为包括三个方面。从基础开始说是计算机表达,构图能力和创意。但作品的产生过程是相反的:首先有了好的创意,然后...

    06.09
  • Photoshop CS新功能--设计师篇

    沿路径放置文本 可以像在Illustrator中一样把文本沿着路径放置,并且你还可以在Illustrator直接编辑文本。 在一张图像中创建不同的设计 ...

    06.13
  • Photoshop CS新功能--网页设计师篇

    输出FLASH 用户可以使用ImageReady可以创建flash矢量文件。 输出强大的HTML代码 创建更清晰容易编辑的HTML代码,很好的处理了嵌套表、XHT...

    06.19
  • Photoshop设计一张饱含视觉冲击力的第五频道杂志封面

    大家都知道《第五频道》是比较火的一套纸媒杂志。此篇教程由曦烽社的东升老师为《第五频道》设计杂志封面的过程讲解。整个设计过程比较专...

    03.15
  • 简单制作iphone风格网页导航栏

    Xplaysoft里面有很多文章是教大家制作网页的,但是这些对于门外汉来说还是挺难的,那么今天Xplaysoft来跟大家分享一个用PS简单制作iphone...

    03.16
留言评论Comment
Copyright © 2010-2017 XPlaySoft.com 软件玩家 All Rights Reserved 粤ICP备12021207号