您当前位置:图趣网(Tuquu) >> 网页设计教程 >> ps教程 >> 浏览设计教程

Photoshop简单设计网页时尚感蓝色登录框

先看下最终效果图。

步骤一:新建文档450x300像素,背景做一灰白渐变,建新层,画一黑色圆角矩形。

添加图层样式。

效果如下

步骤二:建新层,画2个白色矩形,添加文字和箭头

步骤三:建新层,画一个白色的小正方形。

Photoshop制作时尚蓝色会员登录框,破洛洛

添加1像素灰色描边样式,效果如下。


步骤四:图层面板底部建新层,前景色#b3b3b3画一圆角矩形。

Photoshop制作时尚蓝色会员登录框,破洛洛

新建层,用钢笔做下图所示路径,填充同样的颜色。

Photoshop制作时尚蓝色会员登录框,破洛洛

添加白色文字,我感觉背景渐变不太好看,填充了一种浅灰色,最终效果如下,是不是很简单明了,你也可以试一下

Photoshop制作时尚蓝色会员登录框,破洛洛
 

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/ps927.html
网页设计教程:打造华丽的房地产网站首页效果
网页设计中导航hover状态高光效果示例
图趣网微信
建议反馈
×