当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

用ps制作精致会员登录表单(4)

来源:一起ps吧 作者:. 学习:1316人次

本ps教程学习如何用ps制作简洁大方的蓝色会员登录表单,主要用到了自定义形状工具和图层样式,先看效果图。

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

高斯模糊一下。

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

添加图层样式。

会员登录 表单 ps教程 群组 图层样式

会员登录 表单 ps教程 群组 图层样式

效果如下。

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

添加图层样式。

会员登录 表单 ps教程 群组 图层样式

会员登录 表单 ps教程 群组 图层样式

会员登录 表单 ps教程 群组 图层样式

效果如下。

会员登录 表单 ps教程 群组 图层样式

前景色#969696输入字母X。

会员登录 表单 ps教程 群组 图层样式

添加图层样式。

会员登录 表单 ps教程 群组 图层样式

会员登录 表单 ps教程 群组 图层样式

会员登录 表单 ps教程 群组 图层样式

得到下图效果。

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

添加图层样式。

会员登录 表单 ps教程 群组 图层样式

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

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

会员登录 表单 ps教程 群组 图层样式

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!