ps怎么制作手机账号密码登陆页面?
<p>ps想要绘制一个简单的登陆界面，该怎么绘制这个界面呢？下面我们就来看看详细的教程。</p><p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/171019/0T53RJ2V.jpg"><p class="arc_down_title">Adobe Photoshop CC 2018 v19.0 简体中文正式版 32/64位</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>1.53GB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2019-10-24</li></ul>查看详情</div></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135027140.png" /></p>
<p>1、在Ps中新建一个<strong>画布</strong>，大小随意，然后填充一个灰色的背景，以便和之后的<strong>登录页面区分</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028141.png" /></p>
<p>2、选择<span style="color: #ff0000"><strong>矩形工具</strong></span>，填充一个白色，<strong>关闭描边设置</strong>，然后在画布中鼠标点击一下，在打开的对话窗口中，<strong>输入宽度300px，高度为400px</strong>,点击确定，这样在画布中就绘制了一个<strong>白色矩形框</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028142.png" /></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028143.png" /></p>
<p>3、然后在白色矩形框上输入文字，邮箱登录账号大标题，字体颜色可以浅一些，字号设置为14px;<strong>居于画布中心位置</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028144.png" /></p>
<p>4、然后再画一根线，高度为3px，颜色选择一个<strong>蓝色，</strong>调整与文字的位置关系</p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028145.jpg" /></p>
<p>5、再选择<span style="color: #ff0000"><strong>圆角矩形工具</strong></span>，再画布中绘制<strong>圆角矩形</strong>，在属性栏中可以调节<strong>圆角的大小，</strong>填充一个稍浅点的蓝色，打开1px的描边，描边颜色选择一个稍重点的蓝色，如图，<strong>居于画布中心</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028146.jpg" /></p>
<p>6、复制刚才的文字或新输入文字组，输入账号两个字，选择<span style="color: #ff0000"><strong>颜色</strong></span>，将字放置在<strong>圆角矩形左侧中心位置对齐</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028147.png" /></p>
<p>7、在账号下方输入一组提示信息，字体大小要比账号小2-4像素，颜色选择一个<strong>灰色</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028148.png" /></p>
<p>8、将账号、圆角矩形以及提示<strong>信息图层编组，</strong>然后复制，在新复制的群组中更改<strong>信息为密码栏</strong></p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028149.jpg" /></p>
<p>9、账号、密码绘制完成后，最后再绘制点击<span style="color: #ff0000"><strong>登录的选项栏</strong></span>，如图所示。</p>
<p align="center"><img alt='ps怎么制作手机账号密码登陆页面?'src="https://img.jbzj.com/file_images/photoshop/201809/20180921135028150.png" /></p>
<p>以上就是ps设计手机登陆界面的教程，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐： </strong></p>
<p>ps怎么设计手机app登录页面? </p>
<p>ps怎么设计喷墨效果的人物头像? </p>
<p>ps怎么设计新浪模板? ps制作新浪微博页面菜单教程 </p>
頁:
[1]