Home > Web Front-end > PS Tutorial > hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

PHP中文网
Release: 2016-06-01 14:34:18
Original
1666 people have browsed it

先看效果图


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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

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

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

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


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template