用ps做登录页面(ps制作登录页面视频教程)

本文主要为大家介绍使用ps制作登录页面（ps制作登录页面视频教程），下面一起来看看具体内容吧。

本教程主要是用Photoshop画出一个非常精致的半透明网页登录界面效果图。作者P大点S给同学们送上登录界面教程。教程不难，技巧都集中在图层样式的使用上。操作非常细致，零基础也能学会。和喜欢的朋友一起学习吧。

先看效果图

1.新建一个文档，这里我用400*300像素，填充一个#d0c0be颜色填充调整图层。

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

3、执行“滤镜-模糊-高斯模糊”，我用的数值是46.9像素，给这个颜色层一个模糊效果，和我们的背景融合。

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

5.为这个圆角矩形添加图层样式。在这里，我添加了描边、内阴影和阴影。

6.接下来，复制这个圆角矩形的一层。按照思路，我们将第一个圆角矩形作为输入用户名的框。我们将为复制的圆角矩形向下移动一定数量的像素。用作输入密码的框。

7、接下来，我们继续将这个圆角矩形复制一层，仍然向下移动一定数量的像素，作为定义的边框。右键单击清除图层样式并将形状填充颜色更改为#749e5e 以添加图层样式。

384_20151123110936131_thumb.jpg" width="602">

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

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

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

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

　　教程结束，以上就是Photoshop绘制非常精致的半透明的Web登录界面效果图方法介绍，操作很简单的，大家学会了吗?希望能对大家有所帮助!

关于使用ps制作登录页面（ps制作登录页面视频教程）的介绍到这里就结束了，了解更多办公软件知识可以收藏我们的网站，我们将为你提供更多精彩内容。