hotoshop打造出网站论坛常见的暗黑风格登陆界面效果
hotoshop打造出网站论坛常见的暗黑风格登陆界面效果
发布时间:2017-01-03 来源:查字典编辑
摘要:先看效果图新建文档540x480像素,背景白色,建新层,填充黑色,添加图层样式。效果如下。为了看清楚,暂时隐藏背景,首先搞定登陆框的主体,建...

先看效果图

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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

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

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

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类