photoshop简单下载加载条图标制作教程
更新时间：2016年9月14日 23:53 点击：1614
今天小编在这里小编就来教大家用photoshop这一款软件来制作简单的加载条图标的教程，方法主要包括图层样式的运用以及布尔运算，各位下面就来跟着小编一起看看具体的制作教程吧。
给各位photoshop软件的使用者们来分享一下简单的下载加载条图标的制作教程。
教程分享：
一、打开ps，新建(快捷键ctrl+N)。名称改个自己喜欢的，默认的是未标题。宽度和高度可以随意，我的是500*500px，设置的太大会比较占用内存 。颜色模式是RGB,背景白色。设置好后确定。
二、给背脊添加颜色渐变，当然也可以使用渐变工具， 径向渐变 参数如下图
三、椭圆工具(快捷键U)，建立一个300*300的圆，和背景居中对齐。在椭圆的同一图层绘制一个280*280的圆，两个圆居中对齐，用选择工具(快捷键A)点击上层的小圆减去顶层形状，得到如下图的圆环。(记得给图层命名，好习惯喔)
四、为圆环添加图层样式了，先把圆环的填充改为0，颜色叠加 模式正常 #00344c,斜面与浮雕 方向下 大小3 软化3 角度90 高光40% 阴影#c1c1c1 50%。
五、复制圆环图层(快捷键ctrl+J)，改个图层名称(加载环)，关闭圆环的小眼睛(避免布尔运算改错图层)主要是用图形减去顶层得到如下图形(比较随意喜欢就好)。
用布尔运算在头尾分别加上10*10的小圆(布尔运算要在同一图层，多个图层选中ctrl+E可合并图层)
六、给加载环加上图层样式吧，可以打开圆环的小眼睛了。具体参数如下图:
七、绘制一个自己喜欢的向下箭头吧。用形状工具在同一图层绘制一个矩形和三角形简单的箭头就完成了，箭头居中对齐
Ctrl+J复制一层，Ctrl+T把复制的箭头中心缩小(按住shift+alt拖拉)，缩小十来个像素就可以了。目的是为了制作一个凹陷再凸起的箭头。(Ctrl+S注意保存文件喔)
八、为最下面的箭头添加图层样式，渐变叠加颜色的话自己调吧，主要是上深下浅，就可以把凹陷表现出来了。(图中左边#8ea8b2、右边#d6dcde)
最后就是顶上的箭头了，图层样式如下。
九、检查调整细节就大功告成了。
好了，以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的简单的下载加载条图标的制作教程分享的全部内容了，希望小编上面分享的教程能对大家的软件使用带去有用的帮助。
相关文章
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程，各位想知道具体制作方法的使用者们，大家就快来看一看小编给...2016-09-14
- 今天小编在这里就为各位photoshop的这一款软件的使用者们带来了想象力无边界超现实合成图，各位想知道这些超现实的合成图都是些什么呢?那么下面各位就来跟着小编一起看...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程，各位想知道具体制作方法的使用者们，那么大家就快来看一看教程吧。...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说合成爱丽丝漫游仙境的小人国场景制作教程，各位想知道具体的合成制作方法的使用者们，那么各位就快来...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程，各位想知道具体制作步骤的使用者们，那么各位就快来看看...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程，各位想知道具体后期处理步骤的使用者们，那么大家就快来跟着小编来看...2016-10-02
- 今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程，各位想知道方法的使用者们，那么下面就快来跟着小编一...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程，各位想知道具体制作步骤的使用者们，那么下面就快来跟着小编一起看...2016-09-14
- 今天小编在这里就来给Photoshop的这一款软件的使用者们来说下火龙变冰龙的制作教程，各位想知道具体的制作步骤的使用者们，那么下面就快来跟着小编一起看看制作教程吧。...2016-09-14
用js的document.write输出的广告无阻塞加载的方法
一、广告代码分析很多第三方的广告系统都是使用document.write来加载广告，如下面的一个javascript的广告链接。复制代码 代码如下:<script type="text/javascript" src="http://gg.5173.com/adpolestar/5173/;ap=2EBE5...2014-06-07- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程，各位想知道具体制作方法的使用者们，那么就快来看看教程吧。 给...2016-09-14
- 这篇文章算是超级入门级别的了，我们下面来给各位介绍在photoshop画斜线/直线/虚线的教程了，希望下面这篇文章给你入门来帮助。 PS怎么画斜线 选择铅笔工具，或者画笔...2016-09-14
- 有时我们接受或下载到的PSD文件打开是空白的，那么我们要如何来解决这个 问题了，下面一聚教程小伙伴就为各位介绍Photoshop打开PSD文件空白解决办法。 1、如我们打开...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说制作菱形编织图案的无缝纹理背景的教程，各位想知道具体制作方法的，那么下面就来跟着小编一起看一看吧。...2016-09-14
- photoshop软件是一款专业的图像设计软件了，但对电脑的要求也是越高越好的，如果配置一般打开ps会比较慢了，那么photoshop打开很慢怎么办呢，下面来看问题解决办法。 1、...2016-09-14
- 这篇文章主要介绍了C#实现HTTP下载文件的方法,包括了HTTP通信的创建、本地文件的写入等,非常具有实用价值,需要的朋友可以参考下...2020-06-25
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计暗红色金属文字效果的制作步骤，各位想知道具体制作步骤的使用者们，那么各位朋友们就快来跟着小...2016-10-10
- 距离 Vue 3.0 正式版发布已经有一段时间了,关于vue3组件库相关的问题还是挺多人感兴趣的,这篇文章主要给大家介绍了关于vue3如何按需加载第三方组件库的相关资料,需要的朋友可以参考下...2021-06-02
- 不知不觉功夫熊猫这部电影已经出到3了，今天小编在这里要教大家的是用Photoshop制作功夫熊猫3的海报，各位想知道制作方法的，那么下面就来跟着小编一起看看吧。 给各...2016-09-14
- 当页面打开时我们需要执行一些操作,这个时候如果我们选择使用jquery的话,需要重写他的3中方法,自我感觉没什么区 别,看个人喜好了,第二种感觉比较简单明了: 第一种: 复制代码 代码如下: <script type="text/javas...2014-06-07