> 웹 프론트엔드 > PS 튜토리얼 > hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

PHP中文网
풀어 주다: 2016-06-01 14:34:18
원래의
1683명이 탐색했습니다.

先看效果图


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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

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

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

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


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿