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

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

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

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

源文件打包 百度云下载链接:http://pan.baidu.com/s/1hq34ivM 密码:7rb1
先看看最终效果:
网页图片,设计一个网页登陆框图片教程_www.16xx8.com

1、新建一个文档,这里我用的是400*300像素,填充一个#d0c0be的颜色填充调整层。

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

2、选择画笔工具,使用圆角柔边画笔,设置前景色为#364e35,画出如下图中的形状出来。

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

3、执行“滤镜—模糊—高斯模糊”,我用的数值是46.9像素,赋予这个颜色层一个模糊效果,跟我们的背景融合。

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

4、选择圆角矩形工具,并设置前景色为#313c45,画一个圆角矩形,并将圆角矩形的填充设置为11%

网页图片,设计一个网页登陆框图片教程_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
新手根本不知道你在说什么

关注大神微博加入>>

网友求助,请回答!