快乐大罗山 發表於 2017-7-19 11:35:31

PS怎么做一个蓝色的网页翻页按钮?

<p>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/201707/2017071911230889.jpg" /></p>
<p>1、打开PS<strong>,Ctrl+N</strong>新建一个空白文档,使用&ldquo;<span style="color: #ff0000"><strong>钢笔工具</strong></span>&rdquo;,在选项中设置&ldquo;<strong>工作模式&rdquo;</strong>为&ldquo;<strong>形状</strong>&rdquo;,创建如下图所示的图形</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230890.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230991.jpg" /></p>
<p>2、双击图层缩览图,打开&ldquo;<strong>图层样式</strong>&rdquo;,选择&ldquo;内阴影&rdquo;&ldquo;<strong><span style="color: #ff0000">渐变叠加</span></strong>&rdquo;,设置如下图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230992.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230993.jpg" /></p>
<p>3、选择&ldquo;<strong>投影</strong>&rdquo;,设置如图,设置完成后点击&ldquo;<strong>确定</strong>&rdquo;,然后使用&ldquo;<strong>椭圆工具</strong>&rdquo;创建一个任意颜色的正圆</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230994.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230995.jpg" /></p>
<p>4、双击该图层缩览图,弹出&ldquo;<strong>图层样式</strong>&rdquo;,选择&ldquo;<span style="color: #ff0000"><strong>内阴影</strong></span>&rdquo;和&ldquo;<strong>渐变叠加&rdquo;,</strong>进行相应的设置,如图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911230996.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911231097.jpg" /></p>
<p>5、选择&ldquo;<strong>投影</strong>&rdquo;,进行相应的设置,设置完成后,点击&ldquo;<strong>确定&rdquo;,</strong>得到如下图所示效果</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911231098.jpg" /></p>
<p>6、打开字符面板进行相应的设置,如图所示,设置完成后,点击&ldquo;<strong>确定</strong>&rdquo;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/2017071911231099.jpg" /></p>
<p>7、双击该文字图层,打开&ldquo;<strong>图层样</strong>式&rdquo;,选择&ldquo;<span style="color: #ff0000"><strong>投影&rdquo;,</strong></span>进行相应的设置,设置完成后点击&ldquo;<strong>确定&rdquo;,</strong>如图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170719112310100.jpg" /></p>
<p>8、使用相同方法制作白色箭头,在背景图层上新建图层,使用黑色柔边画笔涂抹出阴影部分。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201707/20170719112310101.jpg" /></p>
<p>以上就是ps设计一个漂亮的网页按钮的教程,很简单,我们还有更多的按钮制作教程,请继续关注琼殿技术社区。</p>
<p><strong>相关推荐:</strong></p>
<p>PS怎么绘制一个可爱的按钮?</p>
<p>PS怎么制作多层圆形金属感超强的按钮?</p>
<p>ps怎么使用图层面板中的搜索按钮快速找到所需图层?</p>
頁: [1]
查看完整版本: PS怎么做一个蓝色的网页翻页按钮?