快捷搜索:  汽车  科技

gif 动态图怎么制作(gif动图制作攻略快快收藏)

gif 动态图怎么制作(gif动图制作攻略快快收藏)载入我们之前导出好的序列帧2.打开PS。[新建]——[脚本]——[将文件载入堆栈]。弹出窗口点击[浏览],将我们之前导出的序列帧图片全部选中,点击确定,我们可以看到图全部载入PS了,再点击[确定]。进入工程画面,点击[窗口]——[时间轴],唤出界面下方的时间轴,点击[创建时间轴]。可以看到图片是纵向排列的。再点击界面左下角三个小方块的按钮,将序列帧图片切换为横向依次排开的样式,可以看到时间轴里目前只有第一张图片,怎样将所有的30张图都放入时间轴呢?点击时间轴窗口右上角的这个按钮,在弹出菜单中选择[从图层建立帧],这样所有的图片都出现在时间轴里了。点击时间轴下方的小三角预览动画的时候我们发现,时间轴里图片的播放顺序是和图层里反着的,如下,第3张图播放时跑到了第28帧的位置。我们选择第一张图片,然后按着键盘上的shift键,选中全部图片,点击时间轴窗口右上角的这个按钮在弹出菜单中选择[反向帧]

有事没事斗图玩是当下人们乐此不疲的事情,手里的gif动图也渐渐成为了人们抬杠互怼的一大资本。好有趣,好炫酷,gif是怎么做出来的?我也想做。什么?你不会?没关系,我来教你!

首先介绍一下制作gif动图需要使用的软件An和Ps。注意An就是我们以前常说的Flash 它是Flash的新版本而已,换了个名字,功能还是一样的,换用Flash也是可以的。这里作者用的是An。

gif 动态图怎么制作(gif动图制作攻略快快收藏)(1)

1.打开已经制作好的动画,这里以“你好”二字跳动的简单动画为例。点击[文件]——[导出]——[导出影片],导出这个动画的图片序列帧,注意下方选择框里,选择PNG序列帧导出的序列帧图片底子是透明的,选择JPEG序列帧导出的序列帧图片底子是当前舞台底子的颜色,比如这个文件舞台是白色的。这里我们选择PNG,导出透明底的图。弹出窗口选择完整文档大小导出。动画一共30帧,图片相应也有30张图。有朋友肯定会问我,导出菜单里有个[导出动画GIF]的选择,可不可以用这个功能直接导出gif动图呢?我可以告诉你,可以,但是画质真的很差,试一试哭晕在厕所。

gif 动态图怎么制作(gif动图制作攻略快快收藏)(2)

动画24帧每秒,一共30帧。

gif 动态图怎么制作(gif动图制作攻略快快收藏)(3)

[文件]——[导出]——[导出影片]

gif 动态图怎么制作(gif动图制作攻略快快收藏)(4)

选择导出PNG序列帧

gif 动态图怎么制作(gif动图制作攻略快快收藏)(5)

属性选择完整文档大小,完整文档大小就是舞台尺寸多大导出来的图就多大。

gif 动态图怎么制作(gif动图制作攻略快快收藏)(6)

2.打开PS。[新建]——[脚本]——[将文件载入堆栈]。弹出窗口点击[浏览],将我们之前导出的序列帧图片全部选中,点击确定,我们可以看到图全部载入PS了,再点击[确定]。进入工程画面,点击[窗口]——[时间轴],唤出界面下方的时间轴,点击[创建时间轴]。可以看到图片是纵向排列的。再点击界面左下角三个小方块的按钮,将序列帧图片切换为横向依次排开的样式,可以看到时间轴里目前只有第一张图片,怎样将所有的30张图都放入时间轴呢?点击时间轴窗口右上角的这个按钮,在弹出菜单中选择[从图层建立帧],这样所有的图片都出现在时间轴里了。点击时间轴下方的小三角预览动画的时候我们发现,时间轴里图片的播放顺序是和图层里反着的,如下,第3张图播放时跑到了第28帧的位置。我们选择第一张图片,然后按着键盘上的shift键,选中全部图片,点击时间轴窗口右上角的这个按钮在弹出菜单中选择[反向帧],这样时间轴里的图片顺序就正确了,最后记得把时间轴上面的循环次数改为永远。这个“你好”动画在Flash中是按照24帧每秒制作的,所以我们需要将PS时间轴里每张图片的停留时间改为和Flash里一致,计算一下,每张图片大约停留0.04秒,点击图片下部的秒数就能进行修改,记住每张图片都需要改哦。

gif 动态图怎么制作(gif动图制作攻略快快收藏)(7)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(8)

载入我们之前导出好的序列帧

gif 动态图怎么制作(gif动图制作攻略快快收藏)(9)

图片全部选中

gif 动态图怎么制作(gif动图制作攻略快快收藏)(10)

[窗口]——[时间轴]

gif 动态图怎么制作(gif动图制作攻略快快收藏)(11)

[创建时间轴]

gif 动态图怎么制作(gif动图制作攻略快快收藏)(12)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(13)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(14)

切换成图片横向排列的样式

gif 动态图怎么制作(gif动图制作攻略快快收藏)(15)

[从图层建立帧]

gif 动态图怎么制作(gif动图制作攻略快快收藏)(16)

序列帧图片全部进入时间轴

gif 动态图怎么制作(gif动图制作攻略快快收藏)(17)

图片播放顺序反了!

gif 动态图怎么制作(gif动图制作攻略快快收藏)(18)

[反向帧]

gif 动态图怎么制作(gif动图制作攻略快快收藏)(19)

每张图停留0.04s

gif 动态图怎么制作(gif动图制作攻略快快收藏)(20)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(21)

每张都要改为0.04s

3.所有的设置完毕之后我们就可以导出了,点击[文件]——[导出]——[存储为Web所用格式(旧版)]。在导出窗口中浏览一下属性是不是自己想要的,比如颜色,大小,顺便一提,默认颜色是256色,可以通过减少颜色的数量来缩减导出gif的大小。作者喜欢自己制作gif投稿,目前很多平台的投稿作品都是有大小限制的,有意向自己制作gif投稿的朋友也可以试一试这个方法哦。属性确认无误点击[存储]——[保存],这样我们的gif动图就制作完毕了。快来动手试一试吧!打造一款属于自己的gif。

gif 动态图怎么制作(gif动图制作攻略快快收藏)(22)

[文件]——[导出]——[存储为Web所用格式(旧版)]

gif 动态图怎么制作(gif动图制作攻略快快收藏)(23)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(24)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(25)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(26)

gif 动态图怎么制作(gif动图制作攻略快快收藏)(27)

4.最后作者提醒大家制作过程中一定要养成勤按Ctrl C的好习惯,重要事情说三遍,勤保存!勤保存!勤保存!

猜您喜欢: