网站地图    收藏   

主页 > 设计 > 网页设计 >

清新风格绿色登陆框制作教程_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

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

  以下为最终效果预览图

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清新风格绿色登陆框制作教程  三联教程

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论