下载图标,制作简单的加载条图标(4)

主要包括图层样式的运用、布尔运算以及PS简单的介绍,教程比较简单。先来看看效果: 一、打开ps,新建(快捷键ctrl+N)。名称改个自己喜欢的,默认的是未标题。宽度和高度可以随意,我的是500*500px,设置的太大会

暂停按钮,设计金色暂停按钮教程(3)

再做一个图层颜色叠加和内阴影 按照上一个步骤做一个深色的圆角矩形 同样按住alt+shift等比例缩� � 单个做好之后,给这两个图层建一个组,命名为矩形1,然后复制组,水平拖动。 给第二个组也命名,建个组 这样,图

主要包括图层样式的运用、布尔运算以及PS简单的介绍,教程比较简单。先来看看效果:

下载图标,制作简单的加载条图标(4)插图

一、打开ps,新建(快捷键ctrl+N)。名称改个自己喜欢的,默认的是未标题。宽度和高度可以随意,我的是500*500px,设置的太大会比较占用内存 。颜色模式是RGB,背景白色。设置好后确定。

二、给背脊添加颜色渐变,当然也可以使用渐变工具, 径向渐变 参数如下图

下载图标,制作简单的加载条图标(4)插图(1)

三、椭圆工具(快捷键U),建立一个300*300的圆,和背景居中对齐。在椭圆的同一图层绘制一个280*280的圆,两个圆居中对齐,用选择工具(快捷键A)点击上层的小圆减去顶层形状,得到如下图的圆环。(记得给图层命名,好习惯喔)

下载图标,制作简单的加载条图标(4)插图(2)

四、为圆环添加图层样式了,先把圆环的填充改为0,颜色叠加 模式正常 #00344c,斜面与浮雕 方向下 大小3 软化3 角度90 高光40% 阴影#c1c1c1 50%。

下载图标,制作简单的加载条图标(4)插图(3)

下载图标,制作简单的加载条图标(4)插图(4)

五、复制圆环图层(快捷键ctrl+J),改个图层名称(加载环),关闭圆环的小眼睛(避免布尔运算改错图层)主要是用图形减去顶层得到如下图形(比较随意喜欢就好)。

下载图标,制作简单的加载条图标(4)插图(5)

用布尔运算在头尾分别加上10*10的小圆(布尔运算要在同一图层,多个图层选中ctrl+E可合并图层)

下载图标,制作简单的加载条图标(4)插图(6)

六、给加载环加上图层样式吧,可以打开圆环的小眼睛了。具体参数如下图:

下载图标,制作简单的加载条图标(4)插图(7)

下载图标,制作简单的加载条图标(4)插图(8)

下载图标,制作简单的加载条图标(4)插图(9)

下载图标,制作简单的加载条图标(4)插图(10)

下载图标,制作简单的加载条图标(4)插图(11)

七、绘制一个自己喜欢的向下箭头吧。用形状工具在同一图层绘制一个矩形和三角形简单的箭头就完成了,箭头居中对齐

下载图标,制作简单的加载条图标(4)插图(12)

Ctrl+J复制一层,Ctrl+T把复制的箭头中心缩小(按住shift+alt拖拉),缩小十来个像素就可以了。目的是为了制作一个凹陷再凸起的箭头。(Ctrl+S注意保存文件喔)

八、为最下面的箭头添加图层样式,渐变叠加颜色的话自己调吧,主要是上深下浅,就可以把凹陷表现出来了。(图中左边#8ea8b2、右边#d6dcde)

下载图标,制作简单的加载条图标(4)插图(13)

最后就是顶上的箭头了,图层样式如下。

下载图标,制作简单的加载条图标(4)插图(14)

下载图标,制作简单的加载条图标(4)插图(15)

下载图标,制作简单的加载条图标(4)插图(16)

下载图标,制作简单的加载条图标(4)插图(17)

九、检查调整细节就大功告成了。

下载图标,制作简单的加载条图标(4)插图

下载图标,制作简单的加载条图标(4)插图(12)

Ctrl+J复制一层,Ctrl+T把复制的箭头中心缩小(按住shift+alt拖拉),缩小十来个像素就可以了。目的是为了制作一个凹陷再凸起的箭头。(Ctrl+S注意保存文件喔)

八、为最下面的箭头添加图层样式,渐变叠加颜色的话自己调吧,主要是上深下浅,就可以把凹陷表现出来了。(图中左边#8ea8b2、右边#d6dcde)

下载图标,制作简单的加载条图标(4)插图(13)

最后就是顶上的箭头了,图层样式如下。

下载图标,制作简单的加载条图标(4)插图(14)

下载图标,制作简单的加载条图标(4)插图(15)

下载图标,制作简单的加载条图标(4)插图(16)

下载图标,制作简单的加载条图标(4)插图(17)

九、检查调整细节就大功告成了。

下载图标,制作简单的加载条图标(4)插图

主要包括图层样式的运用、布尔运算以及PS简单的介绍,教程比较简单。先来看看效果:

下载图标,制作简单的加载条图标(4)插图

一、打开ps,新建(快捷键ctrl+N)。名称改个自己喜欢的,默认的是未标题。宽度和高度可以随意,我的是500*500px,设置的太大会比较占用内存 。颜色模式是RGB,背景白色。设置好后确定。

二、给背脊添加颜色渐变,当然也可以使用渐变工具, 径向渐变 参数如下图

下载图标,制作简单的加载条图标(4)插图(1)

三、椭圆工具(快捷键U),建立一个300*300的圆,和背景居中对齐。在椭圆的同一图层绘制一个280*280的圆,两个圆居中对齐,用选择工具(快捷键A)点击上层的小圆减去顶层形状,得到如下图的圆环。(记得给图层命名,好习惯喔)

下载图标,制作简单的加载条图标(4)插图(2)

四、为圆环添加图层样式了,先把圆环的填充改为0,颜色叠加 模式正常 #00344c,斜面与浮雕 方向下 大小3 软化3 角度90 高光40% 阴影#c1c1c1 50%。

下载图标,制作简单的加载条图标(4)插图(3)

下载图标,制作简单的加载条图标(4)插图(4)

五、复制圆环图层(快捷键ctrl+J),改个图层名称(加载环),关闭圆环的小眼睛(避免布尔运算改错图层)主要是用图形减去顶层得到如下图形(比较随意喜欢就好)。

下载图标,制作简单的加载条图标(4)插图(5)

用布尔运算在头尾分别加上10*10的小圆(布尔运算要在同一图层,多个图层选中ctrl+E可合并图层)

下载图标,制作简单的加载条图标(4)插图(6)

六、给加载环加上图层样式吧,可以打开圆环的小眼睛了。具体参数如下图:

下载图标,制作简单的加载条图标(4)插图(7)

下载图标,制作简单的加载条图标(4)插图(8)

下载图标,制作简单的加载条图标(4)插图(9)

下载图标,制作简单的加载条图标(4)插图(10)

下载图标,制作简单的加载条图标(4)插图(11)

七、绘制一个自己喜欢的向下箭头吧。用形状工具在同一图层绘制一个矩形和三角形简单的箭头就完成了,箭头居中对齐

主要包括图层样式的运用、布尔运算以及PS简单的介绍,教程比较简单。先来看看效果:

下载图标,制作简单的加载条图标(4)插图

一、打开ps,新建(快捷键ctrl+N)。名称改个自己喜欢的,默认的是未标题。宽度和高度可以随意,我的是500*500px,设置的太大会比较占用内存 。颜色模式是RGB,背景白色。设置好后确定。

二、给背脊添加颜色渐变,当然也可以使用渐变工具, 径向渐变 参数如下图

下载图标,制作简单的加载条图标(4)插图(1)

三、椭圆工具(快捷键U),建立一个300*300的圆,和背景居中对齐。在椭圆的同一图层绘制一个280*280的圆,两个圆居中对齐,用选择工具(快捷键A)点击上层的小圆减去顶层形状,得到如下图的圆环。(记得给图层命名,好习惯喔)

下载图标,制作简单的加载条图标(4)插图(2)

四、为圆环添加图层样式了,先把圆环的填充改为0,颜色叠加 模式正常 #00344c,斜面与浮雕 方向下 大小3 软化3 角度90 高光40% 阴影#c1c1c1 50%。

下载图标,制作简单的加载条图标(4)插图(3)

下载图标,制作简单的加载条图标(4)插图(4)

五、复制圆环图层(快捷键ctrl+J),改个图层名称(加载环),关闭圆环的小眼睛(避免布尔运算改错图层)主要是用图形减去顶层得到如下图形(比较随意喜欢就好)。

下载图标,制作简单的加载条图标(4)插图(5)

用布尔运算在头尾分别加上10*10的小圆(布尔运算要在同一图层,多个图层选中ctrl+E可合并图层)

下载图标,制作简单的加载条图标(4)插图(6)

六、给加载环加上图层样式吧,可以打开圆环的小眼睛了。具体参数如下图:

下载图标,制作简单的加载条图标(4)插图(7)

下载图标,制作简单的加载条图标(4)插图(8)

下载图标,制作简单的加载条图标(4)插图(9)

下载图标,制作简单的加载条图标(4)插图(10)

下载图标,制作简单的加载条图标(4)插图(11)

七、绘制一个自己喜欢的向下箭头吧。用形状工具在同一图层绘制一个矩形和三角形简单的箭头就完成了,箭头居中对齐

下载图标,制作简单的加载条图标(4)插图(12)

Ctrl+J复制一层,Ctrl+T把复制的箭头中心缩小(按住shift+alt拖拉),缩小十来个像素就可以了。目的是为了制作一个凹陷再凸起的箭头。(Ctrl+S注意保存文件喔)

八、为最下面的箭头添加图层样式,渐变叠加颜色的话自己调吧,主要是上深下浅,就可以把凹陷表现出来了。(图中左边#8ea8b2、右边#d6dcde)

下载图标,制作简单的加载条图标(4)插图(13)

最后就是顶上的箭头了,图层样式如下。

下载图标,制作简单的加载条图标(4)插图(14)

下载图标,制作简单的加载条图标(4)插图(15)

下载图标,制作简单的加载条图标(4)插图(16)

下载图标,制作简单的加载条图标(4)插图(17)

九、检查调整细节就大功告成了。

下载图标,制作简单的加载条图标(4)插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部