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

2023-11-01 17:33:17 来源/作者: / 己有:3人学习过

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

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

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

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

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

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

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

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