Photoshop设计蓝色风格的网页登陆框(2)

Photoshop设计蓝色风格的网页登陆框(3) 作者:佚名 出处:一起PS吧 本教程主要使用Photoshop设计蓝色风格的网页登陆框,整体的设计简洁,主要使用到PS的圆角矩形工…

Photoshop设计蓝色风格的网页登陆框(3)

作者:佚名 出处:一起PS吧 本教程主要使用Photoshop设计蓝色风格的网页登陆框,整体的设计简洁,主要使用到PS的圆角矩形工具和图层样式等工具来完成,下面就让我们一起来学习吧 先看效果图。 新建文档1280×1024像素


作者:佚名   出处:一起PS吧

本教程主要使用Photoshop设计蓝色风格的网页登陆框,整体的设计简洁,主要使用到PS的圆角矩形工具和图层样式等工具来完成,下面就让我们一起来学习吧 

先看效果图。

Photoshop设计蓝色风格的网页登陆框(2)插图

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

Photoshop设计蓝色风格的网页登陆框(2)插图(1)

效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(2)

建新层,画一个白色圆角矩形,添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(3)

Photoshop设计蓝色风格的网页登陆框(2)插图(4)

建新层,画一个黑色圆角矩形。

Photoshop设计蓝色风格的网页登陆框(2)插图(5)

添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(6)

效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(7)

 

建新层,画一个小的白色圆角矩形,输入一些白色文字,排列位置如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(8)

建新层,画一个白色圆角矩形,位置如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(9)

添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(10)

Photoshop设计蓝色风格的网页登陆框(2)插图(11)

效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(12)

前景色#878787输入文字,添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(13)

建新层,调出上面的圆角矩形选区,填充白色,选择矩形工具按alt减选底部,添加蒙版,图层模式改为柔光。

Photoshop设计蓝色风格的网页登陆框(2)插图(14)

同样的方法做出Register按钮,建新层,前景色#636363画一个圆角矩形。

Photoshop设计蓝色风格的网页登陆框(2)插图(15)
 

添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(16)

Photoshop设计蓝色风格的网页登陆框(2)插图(17)

复制一个,效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(18)

百度搜一个锁头图标,导入,底部建新层,用黑色柔角画笔添加一些阴影。

Photoshop设计蓝色风格的网页登陆框(2)插图(19)

建新层,画一个白色圆角矩形,右击栅格化图层,用直线套索做一选区,删除,图层模式柔光,不透明度38%。

Photoshop设计蓝色风格的网页登陆框(2)插图(20)

最终效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图





作者:佚名   出处:一起PS吧

本教程主要使用Photoshop设计蓝色风格的网页登陆框,整体的设计简洁,主要使用到PS的圆角矩形工具和图层样式等工具来完成,下面就让我们一起来学习吧 

先看效果图。

Photoshop设计蓝色风格的网页登陆框(2)插图

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

Photoshop设计蓝色风格的网页登陆框(2)插图(1)

效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(2)

建新层,画一个白色圆角矩形,添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(3)

Photoshop设计蓝色风格的网页登陆框(2)插图(4)

建新层,画一个黑色圆角矩形。

Photoshop设计蓝色风格的网页登陆框(2)插图(5)

添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(6)

效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(7)

 

建新层,画一个小的白色圆角矩形,输入一些白色文字,排列位置如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(8)

建新层,画一个白色圆角矩形,位置如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(9)

添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(10)

Photoshop设计蓝色风格的网页登陆框(2)插图(11)

效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(12)

前景色#878787输入文字,添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(13)

建新层,调出上面的圆角矩形选区,填充白色,选择矩形工具按alt减选底部,添加蒙版,图层模式改为柔光。

Photoshop设计蓝色风格的网页登陆框(2)插图(14)

同样的方法做出Register按钮,建新层,前景色#636363画一个圆角矩形。

Photoshop设计蓝色风格的网页登陆框(2)插图(15)
 

添加图层样式。

Photoshop设计蓝色风格的网页登陆框(2)插图(16)

Photoshop设计蓝色风格的网页登陆框(2)插图(17)

复制一个,效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图(18)

百度搜一个锁头图标,导入,底部建新层,用黑色柔角画笔添加一些阴影。

Photoshop设计蓝色风格的网页登陆框(2)插图(19)

建新层,画一个白色圆角矩形,右击栅格化图层,用直线套索做一选区,删除,图层模式柔光,不透明度38%。

Photoshop设计蓝色风格的网页登陆框(2)插图(20)

最终效果如下。

Photoshop设计蓝色风格的网页登陆框(2)插图




作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部