摘要

简单记录ps制作loading动图

正文

一、制作

第一步,创建一个透明图层

image-20221122214001942.png

第二步,视图-新建参考线创建参考线。水平与竖直各创建三个,25%、50%、75%

image-20221122214225992.png

第三步,左侧椭圆工具,shift+鼠标左键,画1个小圆,复制8个。最后以大圆和参考线来校准。

image-20221122214911077.png

第四步,合并可视图层。快捷键shift+alt+ctrl+E

image-20221122215230381.png

第五步,新建深色的点,并覆盖一个点后。窗口-时间轴-创建帧动画。具体操作如下gif

adfaf.gif

ps操作上有个坑,如果想全部删掉帧动画,没入口的。

需要时间轴右上角,左键,转换为视频时间轴,再选择时间轴右上角左键,删除时间轴即可。

第六步,文件-导出-存储为Web所用格式-Gif-存储

二、参考

  1. 【GIF制作】Photoshop制作简单的“loading.gif”
  2. 利用ps制作正在加载中动画
  3. Loading GIF, SVG & APNG (AJAX loaders) generator