当前位置:首页 > 日记 > 正文

ps怎么设计一个加载的动态小图标?

ps怎么设计一个加载的动态小图标?

在互联网时代,当网络不好时,看到这样的图片,是不是让你万分抓狂。这里教大家用Photoshop软件制作出动态的加载小图标。

软件名称:
Adobe Photoshop 8.0 中文完整绿色破解版
软件大小:
150.1MB
更新时间:
2015-11-04

1、 打开Photoshop软件,新建一块画布,大小可以自定义填充一个灰色。

2、 打开自定义形状,选择一个水滴形状。

3、再画布中下方位置点击,画出水滴选框。

4、在图层面板找到水滴的图层,右键,选择栅格化图层。

5、按住CTRL+T,将自由变换的中心点移到外面一段距离。

6、在选项工具栏,把角度设置为45°,按enter键确定。

7、这个时候发现水滴发生了一定角度的旋转,按住CTRL+ALT+SHIFT不松手,再按一下T键,可以复制出另一个发生了45°旋转的水滴,再多按几次T键,直到形成一个完整的圆形。

8、按住CTRL+SHIFT键,鼠标单机第一张水滴图层和最后一张水滴图层,发现所有水滴的图层都被选中。鼠标右键,选择合并图层。

9、新建一个图层,设置渐变色,注意渐变色的模式设置为角度渐变。如图所有,注意填充渐变时的方向,以保证线条在两个水滴之间。如果无法选定,也可以将渐变色调低透明度直到可以看到水滴的位置,再选中渐变色的图层,按CTRL+T进行自由变换调整方向,按enter完成。

12 阅读全文

10、渐变色完成后,鼠标右键图层,选择创建剪贴蒙版。

11、发现图片被上色成功后,再次鼠标右键,向下合并。这样,一张完整的静态loading就完成了。截下来,我们制作动画效果。

12、对图片进行自由变换,设置旋转角度45°,按住CTRL+ALT+SHIFT不松手,再按一下T键,可以复制出另一个发生了45°旋转的水滴,再多按几次T键,直到最深的颜色能形成一个圈。

13、打开【窗口】,选择【时间轴】或者【动画】,创建动画帧。调整好每一帧的时间和次数,讲所有图层隐藏,只显示背景色和第一个图层。这时候已经完成了动画第一帧。

14、点击新建动画帧,隐藏第一个图层,显示第二个图层。这时,完成了动画第二帧。以此类推,直到完成最后一帧。

15、点击动画播放键,进行播放预览。如果觉得太快或者太慢,也可以再次进行时间调整。

16、如果觉得图像太大或者太小,可以点击【图像】选择【图像大小】对图像进行修改。也可以不进行修改,根据个人需要。

17、点击【文件】选择【储存为web所有格式】,弹出一个对话框,将图片格式改为GIF,点击存储,再弹出一个对话框,可以修改文件名,格式,选择存储位置。最后点击保存即可完成。

18、图片展示效果。

相关推荐:

ps单色图标怎么快速换色?

ps怎么绘制一个扁平的UI按钮图标?

ps怎么设计一款紫色的森林水滴小怪兽的图标?

1 2阅读全文

相关文章

QQ空间相册批量下载的方法QQ空间相

QQ空间相册批量下载的方法QQ空间相

空间,批量下载,方法,电脑软件,QQ,  QQ空间相册里的照片太多了,一张一张下载比较麻烦,怎么批量下载下来呢?下面小编分享QQ空间相册批量下载的方法,需要的朋友可以参考下.QQ空间相册批量下载的方法1、首先下载一个叫做QQ影像的软件。QQ空间相册…

5种JavaScript脚本加载的方式

5种JavaScript脚本加载的方式

脚本,加载,方式,电脑软件,JavaScript,javaScript文件(下面简称脚本文件)需要被HTML文件引用才能在浏览器中运行。在HTML文件中可以通过不同的方式来引用脚本文件,我们需要关注的是,这些方式的具体实现和这些方式可能会带来的性能问题。当浏览器…

BootStrap框架中的data-[ ]自定义

BootStrap框架中的data-[ ]自定义

自定义属性,推荐,框架,电脑软件,BootStrap,最近几天学习bootstrap有感,通过data-api可以使用所有的bootstrap插件,不用写一行js代码,方便了很多,是我们的首选方式。为什么bootstrap的插件当中出现很多data-api,因为我们通常在使用bootstrap框架…

PPT2007背景怎么设置修改以及更换

PPT2007背景怎么设置修改以及更换

修改,设置,背景,电脑软件,  常常在网上下载了一些PPT模板都不对自己的胃口,想要修改下背景图片,却又不知道从何入手。以下是小编为您带来的关于PPT2007背景设置修改以及更换,希望对您有所帮助。PPT2007背景设置修改以及更换一、PowerPoint中…

ES6新特性一: let和const命令详解

ES6新特性一: let和const命令详解

命令详解,新特性,电脑软件,const,本文实例讲述了ES6新特性中的let和const命令。分享给大家供大家参考,具体如下:1. let 命令① 在js中是没有块级作用域的,var 声明的变量作用域是整个函数体,而let可以起到这一作用{ let a = 1; var b = 2;}co…

PPT怎么转换成视频格式输出PPT转换

PPT怎么转换成视频格式输出PPT转换

格式输出,方法,步骤,转换成,视频,  怎么将PPT输出为视频格式呢?通过将PPT输出为视频格式,可以实现更广泛的观看PPT操作。下面小编来告诉你PPT怎么转换成视频格式输出吧。希望对你有帮助!PPT转换成视频格式输出的步骤要想将PPT转换成视频格…

ps中的图层怎样进行合并

ps中的图层怎样进行合并

图层,合并,方法,电脑软件,ps,  在ps中使用的图层多了就需要进行合并,这样大家才可以更好的使用。但是很多同学还不太清楚。那么接下来下面是小编整理的一些关于ps中的图层怎样进行合并,供您参阅。ps中的图层进行合并的方法1、按Ctrl键选中…

详解vue模拟加载更多功能(数据追加)

详解vue模拟加载更多功能(数据追加)

数据,模拟,加载更多,追加,详解,使用vue制作加载更多功能,通过ajax获取的数据往data里面push经常不成功,原因是push是往数组中追加数据内容的,而不能用作数组之间的拼接,ajax获取的数据就是数组形式的,因此不成功,应该使用concat()拼接两个数组。/…

wps2013怎么绘制流程图

wps2013怎么绘制流程图

流程图,绘制,方法,电脑软件,  在日常工作中流程图用途广泛,经常被运用在文档中,但是但是对于大多数人来说还是不太懂,具体要怎么设置呢?下面给大家分享wps2013制作流程图的方法吧。wps2013制作流程图的方法打开WPS文字,点击下方绘图工具栏里…

word设置首行缩进的两种方法

word设置首行缩进的两种方法

方法,首行缩进,设置,两种,电脑软件,  首行缩进是中文文档最常见的缩进方式,在word中能很方便的实现这个功能。那么下面就由小编给大家分享下word设置首行缩进的技巧,希望能帮助到您。word设置首行缩进的方法一步骤一:首先打开自己的word文档…

经典个性签名超拽霸气qq个性签名大

经典个性签名超拽霸气qq个性签名大

推荐,霸气,个性签名,经典,优秀,  经典个性签名超拽霸气有哪些?纵观人类历史长河,非主流文化已绵延久矣,它的存在无时不刻在影响着社会的进步和人类的发展。当今社会,尤其是随着全球化、信息化、市场化的发展,非主流文化的影响更为显著。…

Word中2010版进行成绩表、点名册的

Word中2010版进行成绩表、点名册的

步骤,点名册,制作方法,成绩表,电脑软件,  Word2010成绩表、点名册制作方法是如何做到的呢?具体该怎么去进行操作?今天,小编就教大家在Word中2010版进行成绩表、点名册的制作方法。Word中2010版进行成绩表、点名册的制作步骤一、成绩表1.点…