Skip to main content

还在为制作Loading动画发愁?转场动画制作工具-Preloaders

UI设计师在网页设计和移动端设计时,难免需要进行加载动画的设计,很多时候为了方便,会直接download一个普通的loading动画直接使用。哪里有更具创意的加载动画?如何快速制作加载动画呢?蜂子今天要给大家推荐一款在线转场动画神器「Preloaders」。

打开「Preloaders」,可以看到很多推荐的加载动画;

Preloaders
Preloaders

移动到搜索区域内,可以看到其提供了多种动画类型:

  1. Cryptocurrency & money
  2. Animated text (custom)
  3. 3 dimensional (3D)
  4. Astronomy / Planets
  5. Circular (Spinners)
  6. Flags animated
  7. Fruits & vegetables
  8. Horizontal (Bars)
  9. People and animals
  10. Rectangular
  11. Religion signs
  12. Science
  13. Smileys
  14. Social bookmarks
  15. Weather conditions
  16. Zodiac signs
  17. Miscellaneous
loading动画
选择loading动画

「Preloaders」提供快速筛选功能,选择好加载动画相应的类型,点击【FILTER】按钮即可;

筛选加载动画
筛选加载动画

在列表中选择某一转场动画;

选择加载动画
选择加载动画

在弹出的对话框中,可以对其进行编辑,可设置图片格式,如GIF、APNG、SVG,前景色,背景色,动画速度、动画尺寸大小等等参数,设置成功后,点击【GENERATE】按钮,即可生成预览效果;

设计加载动画
设计加载动画

如果想重置效果,可以点击【RESET FORM】按钮

还原参数
还原参数

如果想要预览该加载动画在不同背景色中的表现,可以点击预览窗口上方的颜色按钮进行切换;

设置加载动画背景色
设置加载动画背景色

如果确认完毕,可以【Download】按钮下载制作完成的加载动画;

loading加载动画下载
loading加载动画下载

「Preloaders」提供了多种付费服务,详情可以参考:

付费内容