首页 > PS教程> 网页设计> Photoshop设计一款会员登录表单效果教程
236人在学

[网页设计] Photoshop设计一款会员登录表单效果教程

先看效果图

Photoshop设计精致会员登录表单教程,破洛洛

新建文档1024x768像素,背景黑色,新建图层画一个白色圆角矩形。

Photoshop设计精致会员登录表单教程,破洛洛

复制此层,颜色改为蓝色,之后减法模式保留底部,并往下挪一段距离。

Photoshop设计精致会员登录表单教程,破洛洛

新建图层,画一个长方形,之后ctrl T变为体现。

Photoshop设计精致会员登录表单教程,破洛洛

高斯模糊一下。

Photoshop设计精致会员登录表单教程,破洛洛

添加蒙版用黑色柔角笔刷涂抹如下。

Photoshop设计精致会员登录表单教程,破洛洛

之后图层模式改为柔光,效果如下。

Photoshop设计精致会员登录表单教程,破洛洛

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

Photoshop设计精致会员登录表单教程,破洛洛

添加图层样式。

Photoshop设计精致会员登录表单教程,破洛洛

Photoshop设计精致会员登录表单教程,破洛洛

效果如下。

Photoshop设计精致会员登录表单教程,破洛洛

输入白色字母Login。新建图层,右上角画一个白色正圆。

Photoshop设计精致会员登录表单教程,破洛洛

添加图层样式。

Photoshop设计精致会员登录表单教程,破洛洛

Photoshop设计精致会员登录表单教程,破洛洛

Photoshop设计精致会员登录表单教程,破洛洛

效果如下。

Photoshop设计精致会员登录表单教程,破洛洛

前景色#969696输入字母X。

Photoshop设计精致会员登录表单教程,破洛洛

添加图层样式。

Photoshop设计精致会员登录表单教程,破洛洛

Photoshop设计精致会员登录表单教程,破洛洛

Photoshop设计精致会员登录表单教程,破洛洛

得到下图效果。

Photoshop设计精致会员登录表单教程,破洛洛

关闭按钮制作完毕,新建图层前景色#e5e5e5画灰色圆角矩形。

Photoshop设计精致会员登录表单教程,破洛洛

添加图层样式。

Photoshop设计精致会员登录表单教程,破洛洛

Photoshop设计精致会员登录表单教程,破洛洛

输入文字和星号,群组,复制组,往上挪一段距离,更改相应字符。

Photoshop设计精致会员登录表单教程,破洛洛

左下角的对号部分制作过程和之上的步骤差不多,正圆请参考关闭按钮样式,剩下的看截图就明白了。

Photoshop设计精致会员登录表单教程,破洛洛

添加其它文字和钥匙图标,最终效果如下,本ps教程结束。

Photoshop设计精致会员登录表单教程,破洛洛

 

文章来源:破洛洛

Copyright © 2016精英秀 京ICP备14060168号-2
返回顶部