建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

用photoshop打造暗黑风格登陆界面

时间:2011-10-10 08:58来源: 作者: 点击:
本教程学习如何用photoshop打造网站论坛常见的登陆框,红黑色系,主要应用了圆角矩形工具和图层样式,先看效果图。 新建文档540x480像素,背景白色,建新层,填充黑色,添加图层样式。 效果如下。 为了看清楚,暂时隐藏背景,首先搞定登陆框的主体,建新层,画一黑

本教程学习如何用photoshop打造网站论坛常见的登陆框,红黑色系,主要应用了圆角矩形工具和图层样式,先看效果图。

网站论坛登陆框 ps教程

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

网站论坛登陆框 ps教程

效果如下。

网站论坛登陆框 ps教程

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

网站论坛登陆框 ps教程

添加图层样式。

网站论坛登陆框 ps教程

网站论坛登陆框 ps教程

效果如下。

网站论坛登陆框 ps教程

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

网站论坛登陆框 ps教程

添加图层样式。

网站论坛登陆框 ps教程

网站论坛登陆框 ps教程

网站论坛登陆框 ps教程

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

网站论坛登陆框 ps教程

同样方法做出底部Go按钮。

网站论坛登陆框 ps教程

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

网站论坛登陆框 ps教程

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

网站论坛登陆框 ps教程

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片