数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Photoshop → Photoshop实例教程 打造蓝色转圈进度条

Photoshop实例教程 打造蓝色转圈进度条

时间:2012-08-16 09:41:03人气:198作者:网友整理
PS设计达人v1.4.0
PS设计达人v1.4.0 for Android
  • 类型:安卓图像处理大小:60.09M语言:简体中文 评分:3.8
  • PS设计达人app是一款专业给力的全新处理手机客户端软件,app提供海量精选的优...
立即下载
摄影教程PS大师安卓版v1.5 正式版
摄影教程PS大师安卓版v1.5 正式版 for Android
  • 类型:安卓拍照软件大小:32.79M语言:简体中文 评分:3.0
  • 摄影教程PS大师安卓版中有非常多的教程的说,在这里你可以轻松学习photosho...
立即下载
PS视频教程app(Photoshop教学) v1.5.2 安卓版
PS视频教程app(Photoshop教学) v1.5.2 安卓版 for Android
  • 类型:安卓学习阅读大小:45.86M语言:简体中文 评分:3.0
  • ps也就是Photoshop是现在受欢迎的P图工具吧,各种功能很全,但是也很难,...
立即下载

本教程介绍如何用Photoshop制作进度条,方法比较简单,属于初级教程,非常适合初学者学习

  最终效果图

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

[page]
 

  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实例教程 打造蓝色转圈进度条

图15

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。