广告位联系
返回顶部
分享到

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

平面 来源:未知 作者:1讯站 发布时间:2018-01-06 13:22:50 人浏览
摘要

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

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

英文原创作者:Build Tutorial

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

以下为最终效果预览图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计