photoshop设计制作下载按钮
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="293" alt="下载按钮 ps教程 辅助线 图层样式" width="421" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581438.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档400x300像素，背景白色，新建图层画一个圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="299" alt="下载按钮 ps教程 辅助线 图层样式" width="411" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581439.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="203" alt="下载按钮 ps教程 辅助线 图层样式" width="270" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581440.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="202" alt="下载按钮 ps教程 辅助线 图层样式" width="258" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581441.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="296" alt="下载按钮 ps教程 辅助线 图层样式" width="405" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581442.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="306" alt="下载按钮 ps教程 辅助线 图层样式" width="394" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581443.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="205" alt="下载按钮 ps教程 辅助线 图层样式" width="272" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581444.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="264" alt="下载按钮 ps教程 辅助线 图层样式" width="255" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581445.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="253" alt="下载按钮 ps教程 辅助线 图层样式" width="326" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581446.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="297" alt="下载按钮 ps教程 辅助线 图层样式" width="408" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581447.jpg" /></p>
<p style="TEXT-INDENT: 2em">形状2底部新建图层，画一个白色圆角矩形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="384" alt="下载按钮 ps教程 辅助线 图层样式" width="417" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581448.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="378" alt="下载按钮 ps教程 辅助线 图层样式" width="265" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581449.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="293" alt="下载按钮 ps教程 辅助线 图层样式" width="421" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201203/2012031210581438.jpg" /></p>
頁:
[1]