photoshop设计制作出圆形黑色开关按钮
先看效果图<p></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="450" alt="开关按钮 ps教程 图层样式" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014502.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建文档500x500像素，背景黑色，新建图层1，用700口径柔角白色笔刷在中心点一下，之后不透明度改为30%。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="445" alt="开关按钮 ps教程 图层样式" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014503.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建图层画一个白色正圆。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="415" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014504.jpg" /></p>
<p style="TEXT-INDENT: 2em">添加图层样式。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="204" alt="开关按钮 ps教程 图层样式" width="276" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014505.jpg" /> </p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="204" alt="开关按钮 ps教程 图层样式" width="270" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014506.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="400" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014507.jpg" /></p>
<p style="TEXT-INDENT: 2em">新建图层画一个小点的白色正圆。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="421" alt="开关按钮 ps教程 图层样式" width="389" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014508.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="206" alt="开关按钮 ps教程 图层样式" width="279" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014509.jpg" /> </p>
<p style="TEXT-INDENT: 2em">类似下图效果。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="400" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145010.jpg" /></p>
<p style="TEXT-INDENT: 2em">同样方法画一白色正圆。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="400" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145011.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="266" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145012.jpg" /></p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="400" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145013.jpg" /> </p>
<p style="TEXT-INDENT: 2em">新建图层2，用大口径黑色柔角笔刷点一下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="386" alt="开关按钮 ps教程 图层样式" width="319" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145014.jpg" /></p>
<p style="TEXT-INDENT: 2em">再新建图层画一个白色椭圆。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="389" alt="开关按钮 ps教程 图层样式" width="320" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145015.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教程 图层样式" width="278" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145016.jpg" /></p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="201" alt="开关按钮 ps教程 图层样式" width="262" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145017.jpg" /> </p>
<p style="TEXT-INDENT: 2em">效果如下。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="400" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145018.jpg" /></p>
<p style="TEXT-INDENT: 2em">以上图形都中心对齐，添加一些修饰图形。</p>
<p style="TEXT-INDENT: 2em" align="center"><img style="CURSOR: pointer" onclick="ImageOpen(this)" height="400" alt="开关按钮 ps教程 图层样式" width="400" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/2011122310145019.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="450" alt="开关按钮 ps教程 图层样式" width="450" onload="ImageZoom(this,560,700)" src="https://img.jbzj.com/file_images/photoshop/201112/201112231014502.jpg" /></p>
頁:
[1]