【GIF制作】Photoshop制作简单的“loading.gif”(非专业)

【GIF制作】Photoshop制作简单的“loading.gif”(非专业)

  1. 打开PS新建一个空白文件,画布的宽高随便定义,不过碍于像素清晰度,当然不要太小。(大小可以通过css控制):【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  2. 新建两条分别垂直居中和水平居中的参考线,提供中心参考:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  3. 椭圆工具,按住shift键创建正圆,按Ctrl+J创建图层:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  4. 做好1个圆,copy几个摆成想要的形状,按住ctrl,根据数值进行位置调整:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  5. 然后再copy一个圆,做转动的点,深色填充,再把浅色的几个点合并一个图:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  6. 创建参考线,用矩形工具选中:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)【GIF制作】Photoshop制作简单的“loading.gif”(非专业)【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  7. 把深色点的图层,拖到这个图层并覆盖住一个点,然后“窗口”→“时间轴”→“创建帧动画”,开始制作gif:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  8. 创建动画帧:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  9. (顺时针)覆盖一个点创建一个帧:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  10. 制作完后就可以点播放按钮看效果了:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
  11. 最后,保存为Web格式:【GIF制作】Photoshop制作简单的“loading.gif”(非专业)
    【GIF制作】Photoshop制作简单的“loading.gif”(非专业)