PS教你绘制一个WEB登陆框

2016-04-05 17:56 36 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享PS教你绘制一个WEB登陆框的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

PS教你绘制一个WEB登陆框

PS教你绘制一个WEB登陆框 图老师

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

26bg201511161

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

25bg201511161

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

22bg201511161

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

24bg201511161

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

23bg201511161
21bg201511161
20bg201511161
19bg201511161

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
18bg201511161

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

17bg201511161
15bg201511161
16bg201511161
14bg201511161
13bg201511161
12bg201511161
11bg201511161

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

10bg201511161
9bg201511161
8bg201511161

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

7bg201511161
6bg201511161
5bg201511161

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

4bg201511161
3bg201511161

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

2bg201511161

  我们的PSD里制作了不同颜色各异的效果,来看看吧!

1bg201511161

来源:http://www.tulaoshi.com/n/20160405/2127635.html

延伸阅读
标签: PHP
辛苦了一下午 好在有点成就 自动登陆程序初步完成 function login($host="127.0.0.1",$msg="uname=abc&pass=psswd&op=login",$file="login.php"){      $num = strlen($msg);     $fp = fsockopen ($host, 80);     if ($fp) {  $MSGData .= "POST ".$...
标签: PS
PS教你绘制一个精致的分贝检测仪   今天@P大点S微博 来一个图标教程,重点依然是图层样式的运用,而且会多次用到布尔运算,这是PS课程中特别重要的一个知识点,不熟悉的同tuLaoShi.com学建议来练个手。 我们从背景的创建开始,我用的尺寸是1000*800像素。创建一个渐变填充调整层,设置如下: 画一个600*600像素的圆...
PS教你绘制一个逼真的可口可乐易拉罐   效果图: 步骤1 在Photoshop里新建一个800*800px的画布 步骤2 创建一个垂直参考线和一个水平参考线。视图新建参考线,选择水平和应用50%的位置。做同样的垂直参考线。 步骤3 使用一个图片供参考(虽然我没有完全按照真实的形式)。 步骤4 ...
PS绘制一个卡通质感海绵 PS绘制一个卡通质感海tuLaoShi.com绵
教程非常详细的介绍蛋糕的绘制方法。绘制的时候并不是所有细节都是用手工来完成,局部可以用图层样式快速增加质感和纹理。 最终效果 1、打开一个新文件,设置分辨率为1024*1024像素。 2、导入草图。 3、使用钢笔工具,开始画出蛋糕的大体形状,分别加上不同的颜色,分好图层,每一个大的色块放到一个组里面并命好名,如下...

经验教程

80

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部