ps想要绘制一个简单的登陆界面,该怎么绘制这个界面呢?下面我们就来看看详细的教程。

软件名称:
Adobe Photoshop CC 2018 v19.0 简体中文正式版 32/64位
软件大小:
1.53GB
更新时间:
2019-10-24立即下载

ps怎么制作手机账号密码登陆页面?

1、在Ps中新建一个画布,大小随意,然后填充一个灰色的背景,以便和之后的登录页面区分

ps怎么制作手机账号密码登陆页面?

2、选择矩形工具,填充一个白色,关闭描边设置,然后在画布中鼠标点击一下,在打开的对话窗口中,输入宽度300px,高度为400px,点击确定,这样在画布中就绘制了一个白色矩形框

ps怎么制作手机账号密码登陆页面?

ps怎么制作手机账号密码登陆页面?

3、然后在白色矩形框上输入文字,邮箱登录账号大标题,字体颜色可以浅一些,字号设置为14px;居于画布中心位置

ps怎么制作手机账号密码登陆页面?

4、然后再画一根线,高度为3px,颜色选择一个蓝色,调整与文字的位置关系

ps怎么制作手机账号密码登陆页面?

5、再选择圆角矩形工具,再画布中绘制圆角矩形,在属性栏中可以调节圆角的大小,填充一个稍浅点的蓝色,打开1px的描边,描边颜色选择一个稍重点的蓝色,如图,居于画布中心

ps怎么制作手机账号密码登陆页面?

6、复制刚才的文字或新输入文字组,输入账号两个字,选择颜色,将字放置在圆角矩形左侧中心位置对齐

ps怎么制作手机账号密码登陆页面?

7、在账号下方输入一组提示信息,字体大小要比账号小2-4像素,颜色选择一个灰色

ps怎么制作手机账号密码登陆页面?

8、将账号、圆角矩形以及提示信息图层编组,然后复制,在新复制的群组中更改信息为密码栏

ps怎么制作手机账号密码登陆页面?

9、账号、密码绘制完成后,最后再绘制点击登录的选项栏,如图所示。

ps怎么制作手机账号密码登陆页面?

以上就是ps设计手机登陆界面的教程,希望大家喜欢,请继续关注。

相关推荐:

ps怎么设计手机app登录页面?

ps怎么设计喷墨效果的人物头像?

ps怎么设计新浪模板? ps制作新浪微博页面菜单教程

标签:
ps,手机,页面

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
评论“ps怎么制作手机账号密码登陆页面?”
暂无“ps怎么制作手机账号密码登陆页面?”评论...