手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >清新风格绿色登陆框制作教程
清新风格绿色登陆框制作教程
摘要:今天我们将在PS图像处理软件中学习怎么制作网站登录框及登录界面,网站登录设计对于现在大部分网站来说都是必须,而如何网站设计师们如何设计好一个...

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

以下为最终效果预览图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【清新风格绿色登陆框制作教程】相关文章:

2014年网页设计的10大发展趋势

帮你轻松掌握GRID的新手教程

最新潮的24组获奖网页作品欣赏

洗面奶详情页设计教程

聊聊常见的界面切换动画

2015年的移动APP设计趋势

淘宝美工学配色之终极实战教程

盘点那些梦幻风格网页设计中的彩色滤镜效果

网页设计中的方块元素运用

网络广告研究组看展活动

精品推荐
分类导航