PS教你绘制一个WEB登陆框

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


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


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


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


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


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


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


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


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


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


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


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


分类:

  • PS入门教程
时间: 2024-10-30 09:50:11

PS教你绘制一个WEB登陆框的相关文章

PS教你绘制一个计时器图标

  首先,看看我们的山寨原图. 我们的成品: 原图有点小,我这里文档比原图建得稍大了一些. 我们首先进行背景的创建,我创建了一个"渐变"调整层,设置的#444c60到#262f37的90度的径向渐变. 建个新图层,填充白色,执行"滤镜-杂色-添加杂色",设置杂色数量为20%,平均分布,并将这个图层混合模式更改为"正片叠底". 下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下

PS教你绘制一个绚丽色彩的进度条

  新建个文档,我这里用的是800*800像素,填充黑色,并设置一个图层样式. 将"背景"图层转换为智能对象,执行"滤镜-杂色-添加杂色",设置数量为1,高斯分布,勾选单色. 执行"滤镜-滤镜库-画笔描边-阴影线",设置描边长度4,锐化程度10,强化1. 现在,我们就完成了背景的创建. 画一个620*45像素的圆角矩形. 为这个圆角矩形添加一个图层样式. 设置完图层样式,我们得到如下效果. 接下来,我们画一个白色的500*25像素的圆角矩形. 我

PS教你绘制一个深沉典雅的蜂巢背景

  最终效果图: 首先,我们执行"编辑-首选项-参考线.网格和切片",设置网格大小. 选择"多边形工具" 设置"多边形工具"选项 在画布上画一个"六边形",六边形的大小,我这里用的是30像素. 选择"路径选择工具",按住ALT,移动鼠标,复制出一个多边形的路径,改大小为25像素,模式减去. 选择住两个多边形的路径,水平和垂直居中对齐,我们就得到了一个空心的多边形. 同样的用"路径选择工具"

PS教你绘制一个雅致洁白的音箱图标

  新建一个1000×1000 px 的画布,填充颜色#7b7776. 创建一个512×512像素,圆角半径为90px的圆角矩形,并置入木纹素材,然后在图层面板中,按住ALT点击木纹图层和圆角矩形图层的交界,创建剪贴蒙版. 给"圆角矩形1"图层添加内阴影和投影. 在"木纹"图层上面新建一个图层,填充颜色#5f543f,混合模式改为正片叠底,透明度为70%,并创建剪贴蒙版. 音箱的立面就做好了.接下来创建一个512×460,圆角半径为90px的圆角矩形,并和"

PS教你绘制一个可高度自定义的LOGO展示模板

  首先,我们新建个文件,大小随意,我用的是1920*1280像素,填充背景颜色为#232323. 为背景图层添加一个渐变叠加. 添加一个1像素的杂色,高斯分布,勾选单色. 放入我们的LOGO 将LOGO图层转换为智能对象,然后复制两层,得到总共三层LOGO的图层,这是我们用来做效果的. 这里需要注意的是一定要先转智能对象,再添加图层样式或者滤镜等等之类的操作,包括你自己制作别的LOGO展示模板也是一样. 将三个图层命名为1.2.3 ,方便一会我们的操作及讲解. 我们的想法是,用1图层来做投影之

PS教你绘制一个精致的分贝检测仪

  今天@P大点S微博 来一个图标教程,重点依然是图层样式的运用,而且会多次用到布尔运算,这是PS课程中特别重要的一个知识点,不熟悉的同学建议来练个手. 我们从背景的创建开始,我用的尺寸是1000*800像素.创建一个"渐变填充"调整层,设置如下: 画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕. 设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环.这个不多赘述,不懂的可以百度下. 为这个圆环添加一个图层样式. 设置前景色为黑色#000000,跟刚才一样的

PS教你绘制一个复古风格的旧电视图标

  今天,带大家来临摹一个电视机图标.教程不难,重点也是图层样式,效果非常好看,已附上源文件方便学习,@P大点S微博 针对一些细节做了很多实用的讲解,非常适合新手学习,来收! 这里再次强调一点,图层样式中的参数设置是对应其相应图层的,受图层大小尺寸影响,在不同尺寸下,效果呈现是不同的. 比如说,同样一个5像素的描边的图层样式,在10像素的圆和100像素的圆下,其表现效果肯定是不一样的. 所以,四个字:活学活用 首先,我们看看原图,一个400*300的小图. 新建一个1000*800的文档,添加一

PS教你绘制一个逼真的可口可乐易拉罐

  效果图: 步骤1 在Photoshop里新建一个800*800px的画布 步骤2 创建一个垂直参考线和一个水平参考线.视图>新建参考线,选择水平和应用50%的位置.做同样的垂直参考线. 步骤3 使用一个图片供参考(虽然我没有完全按照真实的形式). 步骤4 用钢笔工具(P),开始画只是一半的红色形状. 步骤5 Alt+左键,复制,然后按ctrl + T,水平翻转. 步骤6 现在用钢笔工具合并两个图层,或者栅格化图层,ctrl+E向下合并,现在是一个整体的易拉罐圆图形. 步骤7 选择不同的颜色,

ps中怎么绘制一个微信的图标?

  ps中怎么绘制一个微信的图标?           1.先新建一个800*800的文件 2.先绘制下面那个大椭圆 3.再绘制上面那个小椭圆 4.用钢笔工具绘制椭圆的小尾巴 5.继续用钢笔工具绘制另一条小尾巴 6.打开图层样式,用渐变叠加效果,制作绿色渐变 7.用同样的方式制作白色渐变 8.在图层样式中,添加投影,数字可参照下图 9.最后一步,绘制出两双黑色眼睛即可 分类: PS入门教程 微信教程 ps图标制作教程