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

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

利用Photoshop制作风格化电子商务网站

利用Photoshop制作风格化电子商务网站 创建画布,背景为白色,根据需要设定画布大小,这里以 760 x 770 像素为例。 选择圆角矩形工具,圆角大小为3个像素,绘制矩形,完成网站整体布局的架构。 为这些矩形添加图层

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10。现在,选择文字工具(吨)和类型的文字一样,如下
ps设计网站登录界面教程(4)插图(10)

我希望你喜欢这个教程,我希望这些技术启发新的思路和想法为您的未来设计。
ps设计网站登录界面教程(4)插图

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

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

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

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

10。现在,选择文字工具(吨)和类型的文字一样,如下
ps设计网站登录界面教程(4)插图(10)

我希望你喜欢这个教程,我希望这些技术启发新的思路和想法为您的未来设计。
ps设计网站登录界面教程(4)插图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10。现在,选择文字工具(吨)和类型的文字一样,如下
ps设计网站登录界面教程(4)插图(10)

我希望你喜欢这个教程,我希望这些技术启发新的思路和想法为您的未来设计。
ps设计网站登录界面教程(4)插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部