Photoshop设计夜蓝转圈进度条教程
教程作者：李华仁本PS教程将简单介绍如何用Photoshop打造进度条。本PS教程属于初级教程，适合初学者学习。
最终效果图
<p align="center">http://pic1.16xx8.com/allimg/120910/15093KZ9-0.jpg
图0
1、选择“文件/新建”菜单，打开“新建”，宽度：为685像素，高度：为443像素，“分辨率”为72 , “模式”为RGB颜色的文档，如图1所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093I330-1.jpg
图1
2、创建新图层按钮，新建一个图层，接着在工作区填充，设置前景为灰色，设置RGB值分别为：55/56/58，接着按键盘快捷键Alt+Delete填充，并按键盘Ctrl+D取消，如图2所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093LP1-2.jpg
图2
3、执行菜单：“滤镜”/“渲染”/“杂色”/“添加杂色”，设置数量1%，分布勾选平均分布，勾选单色，如图3所示。效果如图4。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093M504-3.jpg
图3
<p align="center">http://pic1.16xx8.com/allimg/120910/15093H5M-4.jpg
图4
<p align="center">
4、在图层控制面板击新建图层按钮，新建图层1，在工具箱中选择椭圆工具 ，在工作区中拖出一个椭圆选区，设置前景色为黑色，并按快捷键Alt+Delete填充图层1，然后Ctrl+D取消选择状态，并调整成圆，如图5所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093M617-5.jpg
图5
5、双单击图层1进入到图层样式，分别勾选投影、内阴影选项。如图6所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093HW9-6.jpg
图6
6、勾选投影，设置阴影混合模式：柔光，点击色标处，阴影颜色设置为白色，不透明度：15%，角度：90，距离：1像素，扩展：0%，大小：0像素，然后点击确定按钮，如图7所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093JZ0-7.jpg
图7
7、勾选内阴影，设置阴影混合模式：正片叠底，点击色标处，阴影颜色设置为黑色，不透明度：25%，角度：90，距离：1像素，扩展：0%，大小：5像素，然后点击确定按钮，如图8所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093Ia2-8.jpg
图8
<p align="center">
8、在图层控制面板中，选择图层1，复制1一个图层1副本，改名为图层2,并双单击图层2进入到图层样式，分别勾选内阴影、外发光、斜面和浮雕、渐变叠加选项。如图9所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093LV7-9.jpg
图9
9、勾选内阴影，设置阴影混合模式：柔光，点击色标处，阴影颜色设置为白色，不透明度：30%，角度：90，距离：1像素，扩展：0%，大小：0像素，然后点击确定按钮，如图9所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093H646-10.jpg
图10
10、勾选外发光选项，设置投影混合模式：正常，不透明度：30%，点击点按可编辑渐变，设置前景到透明，颜色为蓝色到白色，方法为柔和，扩展为0%，大小为：5像素，范围为50%,如图11所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093M520-11.jpg
图11
11、勾选斜面和浮雕复选项，样式：内斜面，方法：平滑，深度：100%，方向：上，大小：10像素，软化：0像素，阴影：角度：90，高度：20度，高光模式为：滤色，颜色为：白色，不透明度为：17%,阴影模式为：正片叠加，颜色为：黑色，不透明度为：0%，其他设置值参考图12，如图12所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093G011-12.jpg
图12
<p align="center">
12、勾选渐变叠加选项，弹出渐变叠加对话框，混合模式：叠加，不透明度：22%，渐变颜色为黑色到白色，样式：线性，勾选与图层对齐，角度为90度，缩放为150%，如图13所示。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093J338-13.jpg
图13
13、在工具箱中选择横排文字工具 ，在画面中用鼠标单击后，在光标后输入“75%”，在工具选项栏中设置字体为“Tahoma”，设置字体大小为“18点”，设置消除锯齿为“犀利”，设置字体颜色为白色，如图14所示。经过调整后的效果图，如图15。
<p align="center">http://pic1.16xx8.com/allimg/120910/15093H3I-14.jpg
图14
<p align="center">http://pic1.16xx8.com/allimg/120910/15093G232-15.jpg
<p align="center">
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg 我的作业： ainide 发表于 2020-2-13 17:42
我的作业：
完美
页:
[1]