手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

怎么制作loading加载动画

时间:2024-10-15 00:05:30

在许多应用启动时,都需要加载过程,而这时候往往都会显示一个loading动画作者朝夕相处58就带你如何制作专业的加载动画PS:专业制作,推荐使用FW软件

怎么制作loading加载动画

工具/原料

Fireworks CS6

制作造型

1、打开软件,新建300*300的画布,分辨率为72,画布颜色选择为白色

怎么制作loading加载动画

2、在左侧矢量工具中,提供许多造型,选择“面圈形”

怎么制作loading加载动画

3、在画布中画一个200*200的造型,大小可在下方的属性面板里调整

怎么制作loading加载动画

4、鼠标点击造型,点击其中的黄点可以进行调节造型,如图所示

怎么制作loading加载动画

渐变效果

1、在下方的属性栏中选择添加渐变效果,这里使用“线性”渐变,左侧颜色填充为白色

怎么制作loading加载动画

2、可以进行适当的调整,可以适当的调整渐变中的透明度,如图所示

怎么制作loading加载动画

3、再绘制一个小圆,当做面圈头,如图所示,为的是转动起来有效果

怎么制作loading加载动画

动画效果

1、在菜单栏中选择“修改”-->“动画”-->"选择动画"

怎么制作loading加载动画

2、在“选择动画”中进行设置,点击“确定”,这里选择建立20个状态,这个动画效果就做好了

怎么制作loading加载动画
怎么制作loading加载动画

保存GIF

1、点击“文件”菜单中的“图像预览”

怎么制作loading加载动画

2、在格式里选择GIF动画,点击导出,loading动画就做好了

怎么制作loading加载动画
怎么制作loading加载动画
© 手抄报圈