当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

ps设计网站登录界面教程(4)

来源:设计前沿 作者:webdesigners翻译  学习:19433人次

今天我们将在Photoshop图像处理软件中学习怎么制作网站登录框及登录页面,网站登录设计对于现在大部分网站来说都是必须,而如何网站设计师们如何设计好一个网站登录输入框呢?下面看教程为你们解答,大家不烦试着按教程制作一下
英文原创作者:Build Tutorial
以下为最终效果预览图
Glossy Grass Login Panel
1。创建一个新项目,分辨率为1280×1024像素,选择一个草的图片如下

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

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

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!