首頁 > web前端 > PS教程 > hotoshop打造出网站论坛常见的暗黑风格登陆界面效果

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

PHP中文网
發布: 2016-06-01 14:34:18
原創
1667 人瀏覽過

先看效果图


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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板