首页  >  文章  >  web前端  >  hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

PHP中文网
PHP中文网原创
2016-06-01 14:34:181638浏览

先看效果图


hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

效果如下。

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

添加图层样式。

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

效果如下。

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

添加图层样式。

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

hotoshop打造出网站论坛常见的暗黑风格登陆界面效果


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn