欢迎来到山村网

清新风格绿色登陆框制作教程

2019-03-29 11:47:10浏览:282 来源:山村网   
核心摘要:  今天我们将在PS图像处理软件中学习怎么制作网站登录框及登录界面,网站登录设计对于现在大部分网站来说都是必须,而如何网站

  今天我们将在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清新风格绿色登陆框制作教程  山村教程
(责任编辑:豆豆)
下一篇:

教你巧用交互设计中的暗黑模式

上一篇:

20个令你脑洞大开的 3D TOUCH 概念设计案例

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com