photoshop制作出时尚现代的蓝色会员登录框
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="238" alt="会员 登录 ps教程" width="353" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415852.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档450x300像素，背景做一灰白渐变，建新层，画一黑色圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="256" alt="会员 登录 ps教程" width="321" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415853.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="会员 登录 ps教程" width="263" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415854.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="197" alt="会员 登录 ps教程" width="268" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415855.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="229" alt="会员 登录 ps教程" width="349" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415856.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，画2个白色矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="210" alt="会员 登录 ps教程" width="316" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415857.jpg" /></p>
<p style="TEXT-INDENT: 2em">输入一些文字，添加箭头图标。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="199" alt="会员 登录 ps教程" width="298" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415858.jpg" /></p>
<p style="TEXT-INDENT: 2em">建新层，画一个白色的小正方形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="268" alt="会员 登录 ps教程" width="326" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415859.jpg" /> </p>
<p style="TEXT-INDENT: 2em">添加1像素灰色描边样式，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="286" alt="会员 登录 ps教程" width="297" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415860.jpg" /></p>
<p style="TEXT-INDENT: 2em">图层面板底部建新层，前景色#b3b3b3画一圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="301" alt="会员 登录 ps教程" width="349" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415861.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建层，用钢笔做下图所示路径，填充同样的颜色。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="292" alt="会员 登录 ps教程" width="365" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415862.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加白色文字，我感觉背景渐变不太好看，填充了一种浅灰色，最终效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="238" alt="会员 登录 ps教程" width="353" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201108/2011080810415852.jpg" /></p>
頁:
[1]