当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 18:13:01
  • 来源/作者:互联网/佚名
  • 己被围观

每个网站都需要一个漂亮的登陆框,今天就帮大家做一个清爽的登陆框图片,整体效果主要是运用了图层样式制作出来,效果十分细致好看。

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

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

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

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

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

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

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

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

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

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

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

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

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条