动效落地系列教程(二):高清GIF图...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名
4099 4 0 2021-11-28

1、修改帧速率(为了使GIF更加流畅),合成--合成设置中,将默认帧速率由25提高至45,点击确定;

2、合成--添加到渲染队列,输出模块设置中输出格式设置为PNG序列,其他设置不变,直接点确定后进行渲染;

3、打开ps,文件--脚本-将文件载入堆栈;

4、选择浏览,打开文件所在文件夹,选中第一个图层,在按ctrl+a全选,导入进来后检查排序;

5、导入成功后,窗口--时间轴,打开时间轴,点击创建帧动画;

6、点击时间轴右侧的菜单按钮,选择从图层建立帧;

7、创建帧之后,再次点开,选择反向帧;

8、ctrl+alt+shift+s保存为web所用格式,格式选择gif,循环方式为永远,点击存储,选择保存路径,完成。


最后,如果GIF文件过大,推荐三个GIF压缩软件:

皮皮鸭:http://ppduck.com/

ezgif:https://ezgif.com/

docsmall:https://docsmall.com/gif-compress

Powered by Froala Editor

全部评论:4条

  • 子沐design

    2023-12-04 08:57

    @LinZayuki: 暂时没有B站哦

  • LinZayuki

    2023-04-27 15:27

    up主真是宝藏啊,每个都可以实操,步骤也详细,请问可以告知你的B站账号吗

  • 0112

    2022-03-02 11:28

    @少年你算个什么: GIF插件

  • IZCAT

    2021-12-08 15:30

    @少年你算个什么: 没有,GIF格式问题

  • 子沐design

    2021-12-07 17:20

    @少年你算个什么: 可以采用APNG或Webp的格式哦,后面文章有介绍

  • 少年你算个什么

    2021-12-07 15:47

    @IZCAT: 有没有导出高清GIF透明无白边无锯齿的方法呢

  • 少年你算个什么

    2021-12-07 15:47

    这个方法导出来有白边或者图像有锯齿。怎么可以导出高清GIF透明无白边锯齿的方法

  • IZCAT

    2021-12-06 16:53

    @子沐design: 看到了,赞

  • 子沐design

    2021-12-06 15:38

    @IZCAT: 是的,你说的对,这里只是讲解一个高清gif的制作思路,至于有透明通道的就不适合gif了,至于怎么落地,应该和开发沟通技术方案,我后面讲到的多种落地方案都可以去和开发沟通哦!

  • IZCAT

    2021-12-06 15:01

    提高帧率,流畅度提升的同时体积变大,再第三方压缩画质不是又降低了吗,跟主题相悖吧……另外GIF格式本身受限,只适合纯色系的简单动画,如果动画有渐变、光影、半透明之类的都难以避免会严重失真啊。

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票