Photoshop设计制作红色网页登陆界面

2016-02-16 06:12 15 1 收藏

今天图老师小编给大家介绍下Photoshop设计制作红色网页登陆界面，平时喜欢Photoshop设计制作红色网页登陆界面的朋友赶紧收藏起来吧！记得点赞哦~

【 tulaoshi.com - PS 】

先看效果图

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

新建文档540x480像素，背景白色，建新层，填充黑色，添加图层样式。

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

效果如下

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

为了看清楚，暂时隐藏背景，首先搞定登陆框的主体，建新层，画一黑色矩形

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

添加图层样式

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

效果如下

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

建新层，画半径5像素的圆角矩形，颜色随意

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

添加图层样式

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

添加Login白色文字，加一个投影，效果如下

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

同样方法做出底部Go按钮

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

建新层，画2个白色圆角矩形，输入白色文字

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

最后显示背景，制作一个倒影，添加一些装饰元素，最终效果如下。

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

来源:http://www.tulaoshi.com/n/20160216/1569015.html

上一篇： Photoshop为超酷男模调出质感的黑白效果
下一篇： Photoshop让隐藏在阴影中的人像变清晰

看过《Photoshop设计制作红色网页登陆界面》的人还看了以下文章更多>>

qq2024登陆界面图片怎么改

标签：电脑入门

想不想将qq2012登陆界面图片改成自已喜欢的某位明星或者漫画呢，以前都需要使用RDB打包解包工具，这种方法很复杂，今天图老师小编教大家一个简单的方法来修改qq登录界面图片。 1.首先在pc6下载搜客QQ皮肤修改器，然后打开，这款工具会自动识别你的qq安装路径，如果想设置透明皮肤的话，打开时会弹出确认自动设置透明皮肤，点确认即可。 ...

Win7系统登陆界面怎样更换

Win7系统登陆界面怎样更换答：Win7用户现在的数量是很多的，不少都想要更换一下目前的登录界面背景，换成自己喜欢的。不过要想实现这个目的，首先就需要修改注册表，然后再创建新的背景图片目录。这个特性看起来就像是给OEM设计的，这样一来就能够使用自己品牌登录界面背景图片。不过目前一般只可以选择Windows默认的或者OEM...

如何更换Windows7的登陆界面？

标签：电脑入门

问：如何更换Windows7的登陆界面? 答： Windows 7用户现在可以改变他们的登录界面背景。但是为了实现这一步骤，用户必须的修改注册表，创建新的背景图片目录。该特性似乎是为 OEM进行设计的，使得他们可以使用自己品牌相关的登录界面背景图片。现在，Windows 7 Starter和Windows 7 Home Basic拥有其他更改登录界面背景的方式。但是...

Windows 8系统自动黑屏后回到登陆界面

标签：电脑入门

1、在 Windows 传统桌面空白处单击鼠标右键，在弹出菜单中选择个性化(R)。如下图画面所示： 2、在弹出的个性化设置窗口，点击右下角的屏幕保护程序图标。如下图所示： 3、在弹出的屏幕保护程序设置窗口，取消勾选在恢复时显示登录屏幕(R)选项，最后点击确定按钮。如下图画面所示： 4、当完成上述设置后，在显示器关闭唤醒时或屏幕...

网络游戏《机战》登陆界面设计欣赏素材ui设计欣赏