Photoshop设计夜蓝转圈进度条

7次阅读

最终效果图

Photoshop 设计夜蓝转圈进度条

图 0

1、选择“文件 / 新建”菜单,打开“新建”,宽度:为 685 像素,高度:为 443 像素,“分辨率”为 72 ,“模式”为 RGB 颜色的文档,如图 1 所示。

Photoshop 设计夜蓝转圈进度条

图 1

2、创建新图层按钮,新建一个图层,接着在工作区填充,设置前景为灰色,设置 RGB 值分别为:55/56/58,接着按键盘快捷键 Alt+Delete 填充,并按键盘 Ctrl+ D 取消,如图 2 所示。

Photoshop 设计夜蓝转圈进度条

图 2

3、执行菜单:“滤镜”/“渲染”/“杂色”/“添加杂色”,设置数量 1%,分布勾选平均分布,勾选单色,如图 3 所示。效果如图 4。

Photoshop 设计夜蓝转圈进度条

图 3

Photoshop 设计夜蓝转圈进度条

图 4

4、在图层控制面板击新建图层按钮,新建图层 1,在工具箱中选择椭圆工具,在工作区中拖出一个椭圆选区,设置前景色为黑色,并按快捷键 Alt+Delete 填充图层 1,然后 Ctrl+ D 取消选择状态,并调整成圆,如图 5 所示。

Photoshop 设计夜蓝转圈进度条

图 5

5、双单击图层 1 进入到图层样式,分别勾选投影、内阴影选项。如图 6 所示。

Photoshop 设计夜蓝转圈进度条

图 6

6、勾选投影,设置阴影混合模式:柔光,点击色标处,阴影颜色设置为白色,不透明度:15%,角度:90,距离:1 像素,扩展:0%,大小:0 像素,然后点击确定按钮,如图 7 所示。

Photoshop 设计夜蓝转圈进度条

图 7

7、勾选内阴影,设置阴影混合模式:正片叠底,点击色标处,阴影颜色设置为黑色,不透明度:25%,角度:90,距离:1 像素,扩展:0%,大小:5 像素,然后点击确定按钮,如图 8 所示。

Photoshop 设计夜蓝转圈进度条

图 8

8、在图层控制面板中,选择图层 1,复制 1 一个图层 1 副本,改名为图层 2, 并双单击图层 2 进入到图层样式,分别勾选内阴影、外发光、斜面和浮雕、渐变叠加选项。如图 9 所示。

Photoshop 设计夜蓝转圈进度条

图 9

9、勾选内阴影,设置阴影混合模式:柔光,点击色标处,阴影颜色设置为白色,不透明度:30%,角度:90,距离:1 像素,扩展:0%,大小:0 像素,然后点击确定按钮,如图 9 所示。

Photoshop 设计夜蓝转圈进度条

图 10

10、勾选外发光选项,设置投影混合模式:正常,不透明度:30%,点击点按可编辑渐变,设置前景到透明,颜色为蓝色到白色,方法为柔和,扩展为 0%,大小为:5 像素,范围为 50%, 如图 11 所示。

Photoshop 设计夜蓝转圈进度条

图 11

11、勾选斜面和浮雕复选项,样式:内斜面,方法:平滑,深度:100%,方向:上,大小:10 像素,软化:0 像素,阴影:角度:90,高度:20 度,高光模式为:滤色,颜色为:白色,不透明度为:17%, 阴影模式为:正片叠加,颜色为:黑色,不透明度为:0%,其他设置值参考图 12,如图 12 所示。

Photoshop 设计夜蓝转圈进度条

图 12

12、勾选渐变叠加选项,弹出渐变叠加对话框,混合模式:叠加,不透明度:22%,渐变颜色为黑色到白色,样式:线性,勾选与图层对齐,角度为 90 度,缩放为 150%,如图 13 所示。

Photoshop 设计夜蓝转圈进度条

图 13

13、在工具箱中选择横排文字工具,在画面中用鼠标单击后,在光标后输入“75%”,在工具选项栏中设置字体为“Tahoma”,设置字体大小为“18 点”,设置消除锯齿为“犀利”,设置字体颜色为白色,如图 14 所示。经过调整后的效果图,如图 15。

Photoshop 设计夜蓝转圈进度条

图 14

Photoshop 设计夜蓝转圈进度条

正文完