如何绘制半透明Web登录界面效果图?

数码 2023-03-13 17:43:16 知道百科

  本教程[教程是某一学科的课程,主要是被用来引导用户理解相关知识或者指导用户完成特定的任务。]主要使用Photoshop绘制非常精致的半透明[在光学领域,透明度是允许光通过材料而不分散的物理性质。]的Web登录界面效果图[效果图解是通过图片等传媒来表达作品所需要以及预期的达到的效果,从现代来讲是通过计算机三维仿真软件技术来模拟真实环境的高仿真虚拟图片,在建筑、工业等细分行业来看,效果图的主要功能是将平面的图纸三维化,仿真化,通过高仿真的制作,来检查设计方案的细微瑕疵或进行项目方案修改的推敲。]方法,作者P大点S给同学们来一发登录界面教程,教程不是很难的,技巧点都集中在图层[通俗地讲,图层就像是含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。]样式[样式在Excel中是指字体、字号和缩进等格式设置特性的组合,将这一组合作为集合加以命名和存储。]的运用,操作非常细致,零基础也可以学会,喜欢的朋友一起来学习吧。

  先看看效果图

Photoshop怎么绘制半透明的Web登录界面效果图

  1、新建一个文档,这里我用的是400*300像素[像素是指由图像的小方格即所谓的像素(pixel)组成的,这些小方块都有一个明确的位置和被分配的色彩数值,而这些一小方格的颜色和位置就决定该图像所呈现出来的样子。],填充一个#d0c0be的颜色[词目:颜色,拼音:yán sè,颜色是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应,我们肉眼所见到的光线,是由波长范围很窄的电磁波产生的,不同波长的电磁波表现为不同的颜色,对色彩的辨认是肉眼受-yanse]填充调整层。

  2、选择画笔工具,使用圆角[圆角是用一段与角的两边相切的圆弧替换原来的角,圆角的大小用圆弧的半径表示。]柔边画笔,设置[庵顶,2000年起由庵上改名,是由以前庵顶山一庵得名,人口未知,主要由高,王,李三姓组成,农民以种葱,姜为主,依山傍水,北由汶河,交通便利,西靠青云湖路,北由滨河路,南有下小路,东靠安丘东外环,物产丰富,人们安居乐业...]前景色[前景色:前景色是插入,绘制的图形图片的颜色 。]为#364e35,画出如下图中的形状出来。

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

  4、选择圆角矩形[至少有三个内角都是直角的四边形是矩形,有一个内角是直角的平行四边形是矩形,对角线相等的平行四边形是矩形。]工具,并设置前景色为#313c45,画一个圆角矩形,并将圆角矩形的填充设置为11%

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

  6、下面,复制一层这个圆角矩形,按照构思, 我们将用第一个圆角矩形来当作输入用户名[用户名(英文名:Username),是网络术语之一。] 的框框,复制来的这一个圆角矩形,我们下 移一定的像素,用来当作输入密码的框框。

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

  8、添加文本[文本,是指书面语言的表现形式,从文学角度说,通常是具有完整、系统含义(Message)的一个句子或多个句子的组合。],会员登录,文本颜色设置为白色#ffffff,并为其添加一个图层样式,这里我添加了描边以及投影。

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

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

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

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

相关推荐

猜你喜欢

大家正在看