欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-14 16:51:01
...
先看效果图


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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

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

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

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