Photoshop设计Windows登陆界面制作

2016-02-16 02:00 164 1 收藏

下面图老师小编跟大家分享一个简单易学的Photoshop设计Windows登陆界面制作教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - PS 】

完成图

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

背景素材:

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

具体的制作步骤如下:

1、先将背景素材进行高斯模糊,数值大小随分辨率自定 看上去大约像700度近视就OK了,这样用户会有期待感,老想去看清

2、后新建一个图层,命名为辅助然后用

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

圆角矩形工具画出身份验证框

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

将白色框移动到正中心,然后将其图层可见性关闭(小眼睛)

3、后再新建一个图层命名为阴影边线。在边线图层上载入辅助图层选区(按着Ctrl点击图层菜单里的相应图层)。使用选框工具(快捷键M)右键单击选框选择描边

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

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

然后设置投影

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

 

4、新建一个空白图层与阴影边线图层合并,命名为阴影,选中阴影图层,载入辅助图层选区,把选区内的多余阴影删除。

5、新建一个图层命名为边线,选中该图层载入辅助图层选区,使用选取工具在选区上单击右键,选择描边

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

参数如图

6、再新建一个图层,命名为低反光选中该图层并载入辅助选区用渐变工具在左上角和右下角做两个小反光(渐变工具设置为白色到透明径向渐变)

效果如图:

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

7、新建一个图层命名为高反光,选中该图层,载入辅助图层选区,使用椭圆形选框工具按着alt减去选区使选区如图所示

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

然后再来一个径向渐变,渐变的参数不变,不要白的太狠,可以适当的降低透明的

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

到这里登陆框就做完了,之前的辅助图层也就没用了,删除掉下面做输入框。

8、用圆角矩形再画一个输入框,命名为辅助

如图

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

一样将他的小眼睛关掉。

9、新建一个图层命名为输入框,选中该图层,载入辅助选区,使用选框工具在选区上右键单击,选择描边.白色1像素内部

设置投影

参数如图

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

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

新建一个图层与输入框合并,命名为输入框,选中该图层载入辅助选区执行:选择-修改-扩展 1像素

然后Ctrl+shift+I反选删除

10、新建一个图层命名为灰色,载入辅助选区,羽化,参数自定,大约近视300度那个样子,我羽化的15.然后填充灰色#989898,载入辅助选区,反选-删除

11、复制灰色和选框图层下拉出另外一个输入框就OK了

现在有两个输入框了,辅助图层又没用了,删除

接下来制作头像框

12、新建一个图层,命名为辅助,画一个如图的图形先

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

然后把它的小眼睛关掉

13、新建一个图层,命名为头像框,选中该图层载入辅助选区,就像之前制作登陆框一样咯,左上角右下角来个小反光然后用途元选框工具删除点选区再来个大反光

如图

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

14、新建一个图层,命名为头像框边线,选中该图层载入辅助选区,使用选框工具右键描边:1像素、黑色、内部

在执行:选择-修改-扩展-1像素 继续使用选框工具右键描边:1像素、白色、外部

如图

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

15、找张好看的头像塞进去就OK了

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

搞定咯~

Photoshop设计Windows登陆界面制作,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1566658.html

延伸阅读
标签: 电脑入门
MAC在开启的时候,登录界面上总是会有客人用户出现,如果只是自己一个人使用的MAC,就没有使用客人用户的必要了,那么怎么才能在登录界面隐藏客人用户呢? 设置方法: 在系统偏好设置--安全与隐私--通用里面把红圈处勾掉。 但是又有人说不知道在哪里找到这个选项,那么,如下图所示: 在icloud里面,把这个查找我的Mac勾掉,这...
Win7如何取消开机登陆界面?   Win7如何取消开机登陆界面 想要取消Win7开机后的登录欢迎界面,直接进入系统,需要先在cmd命令符中输入:control userpasswords2 再按回车键。 Win+R键打开运行对话框,输入:control userpasswords2 也一样 将要使用本机,用户必须输入用户名和密码前面的对勾取消,最后点击...
不显示密码容易输错,显示密码又会让用户感到不安全,两者如何权衡?有什么设计方法可以同时满足方便+安全的需求?今天网秦UEC同学给出一篇详实的分析,一起聊聊这个细节。 在2012年,我曾介绍过为什么要让大家在登陆应用,特别是移动设备应用时能够看到密码。现在,两年过去了,很多大规模的新设计也出现了,下面我就来概括一下显示密码的重要...
标签: 电脑入门
想不想将qq2012登陆界面图片改成自已喜欢的某位明星或者漫画呢,以前都需要使用RDB打包解包工具,这种方法很复杂,今天图老师小编教大家一个简单的方法来修改qq登录界面图片。 1.首先在pc6下载搜客QQ皮肤修改器,然后打开,这款工具会自动识别你的qq安装路径,如果想设置透明皮肤的话,打开时会弹出确认自动设置透明皮肤,点确认即可。 ...
Win7系统登陆界面怎样更换   答:Win7用户现在的数量是很多的,不少都想要更换一下目前的登录界面背景,换成自己喜欢的。不过要想实现这个目的,首先就需要修改注册表,然后再创建新的背景图片目录。这个特性看起来就像是给OEM设计的,这样一来就能够使用自己品牌登录界面背景图片。 不过目前一般只可以选择Windows默认的或者OEM...

经验教程

167

收藏

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