优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
每个网站都需要一个漂亮的登陆框,今天就帮大家做一个清爽的登陆框图片,整体效果主要是运用了图层样式制作出来,效果十分细致好看。喜欢的可以跟着练练手,做完交作业。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消