言成言成啊 | Kit Chen's Blog

PS自制loading动图

发布于2022-11-22 21:37:36,更新于2022-11-22 23:35:47,标签:ps  文章会持续修订,转载请注明来源地址:https://meethigher.top/blog

一、制作

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

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

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

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

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

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

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

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

二、参考

  1. 【GIF制作】Photoshop制作简单的“loading.gif”
  2. 利用ps制作正在加载中动画
  3. Loading GIF, SVG & APNG (AJAX loaders) generator
发布:2022-11-22 21:37:36
修改:2022-11-22 23:35:47
链接:https://meethigher.top/blog/2022/diy-loading-gif/
标签:ps 
付款码 打赏 分享
Shift+Ctrl+1 可控制工具栏