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

迷途迷兔

迷途迷兔

2016-02-16 06:52

下面是个超简单的Photoshop设计蓝色风格的网页登陆框教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

先看效果图。

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

添加图层样式。

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

添加图层样式。

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

添加图层样式。

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

复制一个,效果如下。

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

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

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

最终效果如下。

Photoshop设计蓝色风格的网页登陆框,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

PS PS基础
Photoshop设计蓝色风格的网页登陆框

Photoshop设计清新风格绿色登陆框教程

PS PS基础
Photoshop设计清新风格绿色登陆框教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计简易的办公平台登陆框网页教程

电脑网络
Photoshop设计简易的办公平台登陆框网页教程

Photoshop设计简单又酷的登陆框界面

PS PS基础
Photoshop设计简单又酷的登陆框界面

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作简易的办公平台登陆框网页教程

PS PS基础
Photoshop制作简易的办公平台登陆框网页教程

Photoshop制作颓废质感的游戏登陆框

PS PS基础
Photoshop制作颓废质感的游戏登陆框

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop玩人脸加图案的融图合成

Photoshop玩人脸加图案的融图合成

Photoshop制作一个质感的网页导航按钮

Photoshop制作一个质感的网页导航按钮
下拉加载更多内容 ↓