陈华英 發表於 2017-4-13 11:11:21

PS怎么制作一个开始答题的按钮?

<p>我们可以使用PS工具做一个按钮,这个按钮工具在很多应用中都会使用,通过按钮的制作我们可以了解更多PS工具的应用。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130416/16061464391.jpg"><p class="arc_down_title">Adobe Photoshop 8.0 中文完整绿色版</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>150.1MB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2015-11-04</li></ul>查看详情</div></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062793.jpg" /></p>
<p>1、新建设一个图片文件,把这个图片文件进行一定的设置,从而符合你自己的制作需要。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062794.jpg" /></p>
<p>2、这个按钮分为<strong>两个图层,</strong>一个图层是文字,另外一个图层就是基底。文字与基底用不同的颜色。基底做一个图层选项的效果。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062795.jpg" /></p>
<p>3、我们使用一下<span style="color: #ff0000"><strong>字体工具</strong></span>,把文字打进去,现使用一下<strong>矩形工具</strong>,让文字图层位于矩形图层的上方,这个按钮的形式就基本完成。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062896.jpg" /></p>
<p>4、我们把基底图层做一个<strong>描边效果</strong>,注意控制好描边的粗细程度。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062897.jpg" /></p>
<p>5、去掉底层的<strong>白色背景</strong>,把这个图片文件存储为一个<strong>无底的PNG文件。</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062898.jpg" /></p>
<p>6、把这个按钮在H5页面中引用一下,这就形成了最后的效果。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201704/2017041311062899.jpg" /></p>
<p><strong>相关推荐:</strong></p>
<p>ps怎么设计一款圆角透明水晶按钮?</p>
<p>PS怎么制作网站首页的立体按钮?</p>
<p>PS怎么绘制粉色漂亮的按钮?</p>
頁: [1]
查看完整版本: PS怎么制作一个开始答题的按钮?