photoshop设计制作出绿色的下载按钮
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="195" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="343" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052768.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档400x200像素，背景白色，新建图层画一个圆角矩形，颜色#6fcf1a。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="225" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="407" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052769.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="287" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="263" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052770.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="203" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="260" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052771.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="194" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="363" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052772.jpg" /></p>
<p style="TEXT-INDENT: 2em">Ctrl+J复制一层，颜色改为#e69507。用钢笔做如下选区，之后添加蒙版，<strong>ctrl+I反相</strong>，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="288" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="380" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052773.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="207" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="261" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052774.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="204" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="269" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052775.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="327" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="364" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052776.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建图层，用钢笔画下图路径，填充#d9d9d9。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="293" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="328" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052777.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="201" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="269" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052778.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="206" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="263" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052779.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="185" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="326" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052780.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建图层，画2个竖条，颜色分别为#a8f74c和#4eb80e。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="322" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="340" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052781.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加<strong>蒙版</strong>，用黑色柔角笔刷涂抹两端，效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="334" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="424" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052782.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建图层，画一个白色对号形状。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="273" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="334" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052783.jpg" /> </p>
<p style="TEXT-INDENT: 2em">添加<strong>图层样式</strong>。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="203" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="269" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052784.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="266" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052785.jpg" /></p>
<p style="TEXT-INDENT: 2em">之后添加一些文字和阴影，效果如下，本<strong>ps教程</strong>结束。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="195" alt="下载按钮 ps教程 蒙版 ctrl+I反相" width="343" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201201/2012012911052768.jpg" /></p>
頁:
[1]