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

网页图片,设计一个网页登陆框图片教程(2)

来源:pdadians 作者:P大点S 学习:16545人次

5、为这个圆角矩形添加一个图层样式。这里,我添加了描边、内阴影以及投影。

网页图片,设计一个网页登陆框图片教程_www.16xx8.com

网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com

6、下面,复制一层这个圆角矩形,按照构思, 我们将用第一个圆角矩形来当作输入用户名 的框框,复制来的这一个圆角矩形,我们下 移一定的像素,用来当作输入密码的框框。

网页图片,设计一个网页登陆框图片教程_www.16xx8.com

7、接下来,我们继续复制一层这个圆角矩形, 依旧下移一定的像素,用来当作确定的框框。右键清除掉图层样式,并将形状填充颜色更改为#749e5e,添加一个图层样式。

网页图片,设计一个网页登陆框图片教程_www.16xx8.com

网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com
网页图片,设计一个网页登陆框图片教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
崔青林2017-01-16 02:41
我做的登录页面
过客匆匆2016-09-15 10:10
一只帅羊羊2016-09-06 09:31
叶子2016-08-25 03:55
网页登陆框
这幸福来的太突然了我都接受不了2015-12-24 09:32
新手根本不知道你在说什么

关注大神微博加入>>

网友求助,请回答!