PS设计教程网欢迎你!

Photoshop设计Windows登陆界面制作(3)

文章来源于 X先生,感谢作者 飞特网 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-12-31
然后再来一个径向渐变,渐变的参数不变,不要白的太狠,可以适当的降低透明的 到这里登陆框就做完了,之前的辅助图层也就没用了,删除掉下面做输入框。 8、用圆角矩形再画一个输入框,命名为辅助 如图 一样将他的小

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

Photoshop设计Windows登陆界面制作

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

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

如图

Photoshop设计Windows登陆界面制作

一样将他的小眼睛关掉。

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

设置投影

参数如图

Photoshop设计Windows登陆界面制作

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

然后Ctrl+shift+I反选删除

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

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

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

接下来制作头像框

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

Photoshop设计Windows登陆界面制作

然后把它的小眼睛关掉

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

如图

Photoshop设计Windows登陆界面制作

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

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

如图

Photoshop设计Windows登陆界面制作

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

Photoshop设计Windows登陆界面制作

搞定咯~

Photoshop设计Windows登陆界面制作

进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=624832

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa