教你用photoshop制作一个浅蓝色高光按钮
<p align="left">本教程是教大家利用photoshop制作一个浅蓝色的高光按钮，教程难度适中，但很多细节作者并没有做详细介绍，需要对photoshop的基础工具命令非常熟悉的朋友学习，制作方法主要用到了加深、减淡工具、图层样、辅助线及笔刷等等，希望这篇教程对大家有一定的帮助，先看效果图。</p><p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="348" src="https://img.jbzj.com/file_images/article/201406/20140624095238124.jpg" /></p>
<p>新建文档500x500像素，背景白色。画布中心位置设置2条辅助线，以后步骤画圆以辅助线中心为参考点。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="380" height="370" src="https://img.jbzj.com/file_images/article/201406/20140624095238125.jpg" /></p>
<p>建新层画一正圆选区，填充50%灰色。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="352" src="https://img.jbzj.com/file_images/article/201406/20140624095238126.jpg" /></p>
<p>添加图层样式。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="302" height="398" src="https://img.jbzj.com/file_images/article/201406/20140624095238127.jpg" /></p>
<p>新建图层2，画一个小些的白色正圆。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="248" height="243" src="https://img.jbzj.com/file_images/article/201406/20140624095238128.jpg" /></p>
<p>选择图层1(描边层)，做一个大点的正圆选区。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="352" src="https://img.jbzj.com/file_images/article/201406/20140624095238129.jpg" /></p>
<p>用加深减淡工具涂抹上部和下部，效果如下，隐藏辅助线。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="400" height="404" src="https://img.jbzj.com/file_images/article/201406/20140624095238130.jpg" /></p>
<p>画一个比白色正圆大一些的选区，填充50%灰色。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="353" src="https://img.jbzj.com/file_images/article/201406/20140624095238131.jpg" /></p>
<p>添加图层样式。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="268" height="202" src="https://img.jbzj.com/file_images/article/201406/20140624095238132.jpg" /></p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="273" height="197" src="https://img.jbzj.com/file_images/article/201406/20140624095238133.jpg" /></p>
<p>效果如下。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="345" src="https://img.jbzj.com/file_images/article/201406/20140624095238134.jpg" /></p>
<p>新建图层4，调出图层2(白色正圆)选区，白到透明直线渐变，图层不透明度50%，ctrl+T变形一下。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="400" height="359" src="https://img.jbzj.com/file_images/article/201406/20140624095238135.jpg" /></p>
<p>高斯模糊2像素，建新层，用椭圆工具减法模式做如下选区，填充#97e0ff。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="315" height="303" src="https://img.jbzj.com/file_images/article/201406/20140624095238136.jpg" /></p>
<p>去掉选区，高斯模糊20像素，图层不透明度40%。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="337" src="https://img.jbzj.com/file_images/article/201406/20140624095238137.jpg" /></p>
<p>添加一些文字及图形。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="340" height="334" src="https://img.jbzj.com/file_images/article/201406/20140624095238138.jpg" /></p>
<p>最后用钢笔画一个路径，前景色#b6edf7画笔描边，你懂的，最终效果如下。</p>
<p align="center"><img alt="蓝色高光按钮 一起ps吧 ps教程" width="350" height="348" src="https://img.jbzj.com/file_images/article/201406/20140624095238124.jpg" /></p>
<p align="left">以上就是用photoshop制作浅蓝色高光按钮的过程，希望大家喜欢！谢谢观看！</p>
頁:
[1]