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的这一款软件的使用者们带来的详细的简单的下载加载条图标的制作教程分享的全部内容了,希望小编上面分享的教程能对大家的软件使用带去有用的帮助。

时间: 2024-09-12 03:11:49

photoshop简单下载加载条图标制作教程的相关文章

PhotoShop绘制一只七星瓢虫小图标制作教程

介绍用PhotoShop绘制一只七星瓢虫小图标,我一直很奇怪为神马很多软件到BUG提交都用瓢虫做标识,后来在一本书上无意中看到ladybug才恍然大悟. 教程效果图: 绘制流程如图: 分类: PS鼠绘教程 ps图标制作教程

PhotoShop绘制黑色质感安培仪表盘图标制作教程

教大家用PhotoShop绘制一个黑色质感安培仪表盘图标,其实一个图标一点都不复杂,总共也就3个文件夹. PS:这里的形状都是先用AI画出来的,然后放在PS里做的效果,当然也可以直接在PS里画,根据个人习惯吧! photoshop教程最终效果图: 第一步:仪表盘底托的制作如下: 分类: PS鼠绘教程 ps图标制作教程

photoshop快速设计一个IOS应用图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下快速设计一个IOS应用图标的制作教程. 教程分享: 开始前,请先准备一个iOS 应用图标模板,可以从iOS Icon Template或者App IconTemplate下载(我用的就是后者的素材). 我的电脑屏幕上只显示了 1024px 的大图标,我觉得用这个模板做参考就可以了. 你可以将应用图标模板进行裁剪,只保留 1024px 的图标,或者处理模板上的其余元素.   下面我们正式开始. 步骤 1:创建 iOS应用图标的基本形状 首先

photoshop简单胶片色清新风格照片制作教程

给各位photoshop软件的使用者们来分享一下简单胶片色清新风格照片的制作教程. 教程分享:   首先,我认为一张好的照片不是靠后制来的,而是拍照的时候的曝光和构图等等这些最基本的东西.如果认为靠后制就能变废为宝是不可能的,后制只是一个锦上添花的过程,只是让照片的色调和氛围更加符合拍照者的心中想象的样子. 我一直把照相比作画画,好比你的颜料和装备再好,但是画画技术不过关还是于事无补.可能有人觉得用了胶片就可以拍出色调很棒的照片,所以产生一种依赖心理,反而对照片本身的构图和曝光忽略了. 文笔不好

Photoshop设计一枚时钟主题图标制作教程

给各位Photoshop软件的使用者们来说说设计一枚时钟主题图标的制作教程. 教程分享: 最终效果:   背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体.   为圆角矩形添加一个图层样式.友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想.         下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层混合模式更改为正片叠底

Photoshop螺旋桨式风扇主题UI图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下螺旋桨式风扇主题UI图标的制作教程. 教程分享:   首先,我们来建立一个1667*1250,300DPI的画布.整个教程分为右图五个部分,每个部分在完成以后,都进行了编组,并且每个组的图层状态都为穿透,这个同学们在做的时候要注意.我们首先从背景层开始.   背景1:这一层主要是用一个渐变工具(径向渐变)拉出差不多的效果就可以了.   新建一个图层,命名为背景2:这一层则是在原有背景的基础上,在下半部分制造一个近景的亮色部分.同样的,也是

Photoshop设计一个分贝检测仪按钮图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计一个分贝检测仪按钮图标的制作教程. 教程分享: 效果:   我们从背景的创建开始,我用的尺寸是1000*800像素.创建一个"渐变填充"调整层,设置如下:   画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕.       设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环.这个不多赘述,不懂的可以百度下.   为这个圆环添加一个图层样式.             设置前景色为黑色#000000,

Photoshop三维立体圆形旋涡图形图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下三维立体圆形旋涡图形图标的制作教程. 教程分享: 先声明一下,这不是原创,只是总结了一下,为了让新手看得更明白,增加了许多详细步骤. 闲话少说,上图. 另外不是抄袭,毕竟每个人的方法不同! 如有不到之处,敬请谅解! 效果图:   1.首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成, 最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色!   2.根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,如图所

photoshop设计扁平化风格UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计扁平化风格UI图标的制作教程. 教程分享: 最终效果   1.新建大小自定的画布,用形状工具制作圆角矩形. 2.添加图层样式:渐变叠加和投影,参数及效果如下图.       3.分三个图层做中间的形状绘制,其对应图层如下图.   4.首先看红点标注的2个图层,参数是一样的.       5.正圆形图层样式:内阴影和内发光.       6.将刚才的三个形状选中,然后成组. 7.在组上添加图层样式:投影,如下图.     最终效果及其它