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

脑残片专卖120

脑残片专卖120

2016-02-16 03:00

今天图老师小编要向大家分享个Photoshop设计清新风格绿色登陆框教程教程,过程简单易学,相信聪明的你一定能轻松get!

今天我们将在PS图像处理软件中学习怎么制作网站登录框及登录界面,网站登录设计对于现在大部分网站来说都是必须,而如何网站设计师们如何设计好一个网站登录输入框呢?下面看教程为你们解答,大家不妨试着按教程制作一下。

英文原创作者:Build Tutorial

翻译借助百度在线翻译,翻的不准大家去看原英文教程

以下为最终效果预览图

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

FEVTE编注:更多PS教程讨论交流和PS作品请到飞特论坛PS交流区,地址:http://bbs.fevte.com/forum-51-1.html

下面是具体的制作过程介绍:

1。创建一个新项目,分辨率为1280×1024像素,选择一个草的图片如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

2。现在选择圆角矩形工具(U),半径为10像素的形状像如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

3。现在将填充不透明度21%像如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

4。现在选择圆角矩形工具(u),半径为10像素的形状像如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

5。现在选择圆角矩形工具(u),半径为4像素的形状像如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

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

6。打开图层样式,选择阴影,阴影下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

7。现在选择圆角矩形工具(美),半径为4像素的形状像如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

8。打开图层样式,单击并选择渐变叠加并设置渐变叠加像如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

9。现在,选择文字工具(吨)和类型的文字一样,如下

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

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

10。现在,选择文字工具(吨)和类型的文字一样,如下

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

我希望你喜欢这个教程,我希望这些技术启发新的思路和想法为您的未来设计。

Photoshop设计清新风格绿色登陆框教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

PS设计时尚清新风格壁纸教程

电脑网络
PS设计时尚清新风格壁纸教程

s8lol主宰符文怎么配

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

Photoshop快速制作小清新风格人像

电脑网络
Photoshop快速制作小清新风格人像

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

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

lol偷钱流符文搭配推荐

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

Photoshop设计时尚清新风格的桌面壁纸教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计时尚清新风格的桌面壁纸教程

韩版服饰新款推荐小清新风格

服装搭配
韩版服饰新款推荐小清新风格

lolAD刺客新符文搭配推荐

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

Photoshop简单制作星光图案的渐变字教程

Photoshop简单制作星光图案的渐变字教程

Photsohop给美女人像肤色高质量保留质感磨皮

Photsohop给美女人像肤色高质量保留质感磨皮
下拉加载更多内容 ↓