用ps制作暗黑风格登陆界面

本教程学习如何用photoshop打造网站论坛常见的登陆框,红黑色系,主要应用了圆角矩形工具和图层样式,先看效果图。 新建文档540×480像素,背景白色,建新层,填充黑色,添加图层样式。 效果如下。 为了看清楚,暂时隐藏背景,首先搞定登陆框的主体,建新层,画一黑色矩

绘制有光泽的网页Banner

绘制有光泽的网页Banner建立文件,宽度适合网页Banner,我设置的为760*180,然后进行渐变填充,颜色为#247ec6到#166bbc: 然后使用钢笔工具 绘制如下形状: 转换为选区,然后创建一个新图层,进行透明到白色渐变填充

本教程学习如何用photoshop打造网站论坛常见的登陆框,红黑色系,主要应用了圆角矩形工具和图层样式,先看效果图。

用ps制作暗黑风格登陆界面插图

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

用ps制作暗黑风格登陆界面插图(1)

效果如下。

用ps制作暗黑风格登陆界面插图(2)

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

用ps制作暗黑风格登陆界面插图(3)

添加图层样式。

用ps制作暗黑风格登陆界面插图(4)

用ps制作暗黑风格登陆界面插图(5)

效果如下。

用ps制作暗黑风格登陆界面插图(6)

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

用ps制作暗黑风格登陆界面插图(7)

添加图层样式。

用ps制作暗黑风格登陆界面插图(8)

用ps制作暗黑风格登陆界面插图(9)

用ps制作暗黑风格登陆界面插图(10)

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

用ps制作暗黑风格登陆界面插图(11)

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

用ps制作暗黑风格登陆界面插图(12)

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

用ps制作暗黑风格登陆界面插图(13)

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

用ps制作暗黑风格登陆界面插图

本教程学习如何用photoshop打造网站论坛常见的登陆框,红黑色系,主要应用了圆角矩形工具和图层样式,先看效果图。

用ps制作暗黑风格登陆界面插图

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

用ps制作暗黑风格登陆界面插图(1)

效果如下。

用ps制作暗黑风格登陆界面插图(2)

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

用ps制作暗黑风格登陆界面插图(3)

添加图层样式。

用ps制作暗黑风格登陆界面插图(4)

用ps制作暗黑风格登陆界面插图(5)

效果如下。

用ps制作暗黑风格登陆界面插图(6)

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

用ps制作暗黑风格登陆界面插图(7)

添加图层样式。

用ps制作暗黑风格登陆界面插图(8)

用ps制作暗黑风格登陆界面插图(9)

用ps制作暗黑风格登陆界面插图(10)

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

用ps制作暗黑风格登陆界面插图(11)

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

用ps制作暗黑风格登陆界面插图(12)

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

用ps制作暗黑风格登陆界面插图(13)

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

用ps制作暗黑风格登陆界面插图

作者: 791650988

为您推荐