优艾设计网

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

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

8、添加文本,会员登陆,文本颜色设置为白色#ffffff,并为其添加一个图层样式,这里我添加了描边以及投影。

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

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

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

9、添加最底下那个绿色框中的文本:确定。设置确定两字的颜色为白色,并添加一个图层样式,这里我用了描边和投影。

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

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

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

10、下面,我们添加用户名及密码两个文本,同样的设置文本的颜色为白色,添加一个图层样式,在这里,我设置了一个投影效果。

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

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

到这里,就算是完成了,来看看我们的效果吧!

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

最后看看其它颜色的效果:

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

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

精彩评论

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