如何在制作工具中制作动态图片

2023-05-06   类型-工具

一、什么是动态图片

当我们在浏览橙光作品的时候,常常会看到一些作品中的立绘有眨眼睛、说话等动作;或者在画面中出现樱花飘落的效果。这些画面效果,除了用移动图片可以制作外,最简单的快速的方法便是用动态制作器制作动态图片,但注意的是,动态图片完成后的大小不超过3M。

二、 原理及所需功能

使用2.0版制作工具下的动态制作器,可制作不同的动态效果,以达到提升画面效果。

三、 步骤

我们这里提供2种制作方式。

方式1:逐帧制作。

这种方式可以手动设置动态图的每一帧的播放速度,自由度高,但比较麻烦。

方式2:一键导入的方式制作。

这种方式比较方便快捷,但是所有帧都只能以同样的速度进行播放。




方式1:逐帧制作眨眼效果

第一步,打开2.0版制作工具,下载眨眼效果立绘图。


第二步,点击“设置”,找到“总设”,打开“动态图制作”。


第三步,双击“双击添加新项”,生成“动态立绘1”。


第四步,点击“添加素材”,可以看到在“Graphics”-“Oafs”下自动生成一个“动态立绘1”的文件夹。


第五步,将下载的立绘放到文“Graphics-Oafs”下的“动态立绘1”文件夹中。


第六步,再次打开“动态图制作”。

第七步,点击“动态立绘1”右边的三角,点击“子动画1”.


第八步,点击“添加素材”,选择素材,点击“打开”。


第九步,选择素材1,将“素材1”拖到“动画层1”的第一个帧里,调整立绘坐标。



第十步,鼠标放在第1帧,鼠标右键,选择“复制帧”。


第十一步,点击第10帧,鼠标右键,选择“粘贴帧”。


第十二步,点击“补间设置”,将补间范围填写为“1”到“10”帧,点击“确认”。


第十三步,选择素材2,将“素材2”拖到“动画层1”的第11帧里,将素材2的位置调整到与素材1一致。


第十四步,鼠标放在第11帧,鼠标右键,选择“复制帧”。


第十五步,点击第20帧,鼠标右键,选择“粘贴帧”。


第十六步,点击“补间设置”,将补间范围填写为“11”到“20”帧,点击“确认”。


第十七步,重复第十四步到第十六步,将“素材3”填充在“21-30帧”,“素材4”填充在“31-40”帧中。


第十八步,点击“帧数设置”,将增减量设置为“320”帧,点击“减少”,当前总帧数自动减少为“40”帧,点“确认”。


第十九步,点击“确认”。


第二十步,根据提示点击“确定”。


第二十一步,快捷键“Ctrl+Q”将工程切换成高级模式。

第二十二步,在制作菜单中点击“图像”,选择“显示动态图片2”。


第二十三步,点击“使用指定图片”后面的小铅笔,选择“动态立绘1”,点击“确认”。


第二十四步,点击“确定”。


这样,“眨眼效果”的动态立绘制作完毕。

完成图:




方式2:使用一键导入的方式制作动态图


第一步,先准备好我们要用到的图片帧。


第二步,点击“设置”,找到“总设”,打开“动态图制作”。


第三步,双击“双击添加新项”,生成“动态立绘1”。


第四步,点击“添加素材”,可以看到在“Graphics”-“Oafs”下自动生成一个“动态立绘1”的文件夹。


第五步,将准备好的图片帧放到“Graphics-Oafs”下的“动态立绘1”文件夹中。


第六步,再次打开“动态图制作”,点击“动态立绘1”右边的三角,点击“子动画1”。

第七步,点击一键导入,根据需要,选择要用的模式。我们这里选择序列帧模式。



第八步,点击序列帧,在打开的素材页面,把要用到的帧全部选中,点击打开。



第九步,在弹出的界面设置:

①间隔帧数:间隔帧数越大,播放速度越慢;

②设置动图底色是透明,还是黑底或白底;

③可以点击播放测试看看效果。

确认设置好后,点击确定。


第十步,回到编辑动态图片界面,点击确定,会弹出提示,再点击一下确定,oaf2格式的动态图生成了。



打开Oafs文件夹,就可以看见我们做好的动态图和容错图。



接着将做好的动态图运用在作品中。


第十一步,快捷键“Ctrl+Q”将工程切换成高级模式。

第十二步,在制作菜单中点击“图像”,选择“显示动态图片2”。


第十三步,点击“使用指定图片”后面的小铅笔,选择“动态立绘1”,点击“确认”。



第十四步,设置动态图的使用。

这里介绍常用的3个设置:

①调整动态图的透明度;

②设置动态图的播放方式;

③放置容错图,有时动图体积过大,会导致作品卡顿或闪退现象,此时,需要作者将“容错图”勾选中,这样使用手机的玩家便会显现此动态图的静态图效果。



设置好后,点击“确定”。


这样,动态图制作完毕。

完成工程及效果:



四、注意事项

1.补间设置时,请添加正确的帧数。

2.一个动态图的帧数不宜过多,请注意体积大小,建议不超过3MB,多了会导致工具卡顿。

3.动态图制作各按钮详情请查看教程:

如何认识工具中的动态图制作
0个人觉得很赞

如何在制作工具中制作动态图片

2023-05-06 类型-工具

一、什么是动态图片

当我们在浏览橙光作品的时候,常常会看到一些作品中的立绘有眨眼睛、说话等动作;或者在画面中出现樱花飘落的效果。这些画面效果,除了用移动图片可以制作外,最简单的快速的方法便是用动态制作器制作动态图片,但注意的是,动态图片完成后的大小不超过3M。

二、 原理及所需功能

使用2.0版制作工具下的动态制作器,可制作不同的动态效果,以达到提升画面效果。

三、 步骤

我们这里提供2种制作方式。

方式1:逐帧制作。

这种方式可以手动设置动态图的每一帧的播放速度,自由度高,但比较麻烦。

方式2:一键导入的方式制作。

这种方式比较方便快捷,但是所有帧都只能以同样的速度进行播放。




方式1:逐帧制作眨眼效果

第一步,打开2.0版制作工具,下载眨眼效果立绘图。


第二步,点击“设置”,找到“总设”,打开“动态图制作”。


第三步,双击“双击添加新项”,生成“动态立绘1”。


第四步,点击“添加素材”,可以看到在“Graphics”-“Oafs”下自动生成一个“动态立绘1”的文件夹。


第五步,将下载的立绘放到文“Graphics-Oafs”下的“动态立绘1”文件夹中。


第六步,再次打开“动态图制作”。

第七步,点击“动态立绘1”右边的三角,点击“子动画1”.


第八步,点击“添加素材”,选择素材,点击“打开”。


第九步,选择素材1,将“素材1”拖到“动画层1”的第一个帧里,调整立绘坐标。



第十步,鼠标放在第1帧,鼠标右键,选择“复制帧”。


第十一步,点击第10帧,鼠标右键,选择“粘贴帧”。


第十二步,点击“补间设置”,将补间范围填写为“1”到“10”帧,点击“确认”。


第十三步,选择素材2,将“素材2”拖到“动画层1”的第11帧里,将素材2的位置调整到与素材1一致。


第十四步,鼠标放在第11帧,鼠标右键,选择“复制帧”。


第十五步,点击第20帧,鼠标右键,选择“粘贴帧”。


第十六步,点击“补间设置”,将补间范围填写为“11”到“20”帧,点击“确认”。


第十七步,重复第十四步到第十六步,将“素材3”填充在“21-30帧”,“素材4”填充在“31-40”帧中。


第十八步,点击“帧数设置”,将增减量设置为“320”帧,点击“减少”,当前总帧数自动减少为“40”帧,点“确认”。


第十九步,点击“确认”。


第二十步,根据提示点击“确定”。


第二十一步,快捷键“Ctrl+Q”将工程切换成高级模式。

第二十二步,在制作菜单中点击“图像”,选择“显示动态图片2”。


第二十三步,点击“使用指定图片”后面的小铅笔,选择“动态立绘1”,点击“确认”。


第二十四步,点击“确定”。


这样,“眨眼效果”的动态立绘制作完毕。

完成图:




方式2:使用一键导入的方式制作动态图


第一步,先准备好我们要用到的图片帧。


第二步,点击“设置”,找到“总设”,打开“动态图制作”。


第三步,双击“双击添加新项”,生成“动态立绘1”。


第四步,点击“添加素材”,可以看到在“Graphics”-“Oafs”下自动生成一个“动态立绘1”的文件夹。


第五步,将准备好的图片帧放到“Graphics-Oafs”下的“动态立绘1”文件夹中。


第六步,再次打开“动态图制作”,点击“动态立绘1”右边的三角,点击“子动画1”。

第七步,点击一键导入,根据需要,选择要用的模式。我们这里选择序列帧模式。



第八步,点击序列帧,在打开的素材页面,把要用到的帧全部选中,点击打开。



第九步,在弹出的界面设置:

①间隔帧数:间隔帧数越大,播放速度越慢;

②设置动图底色是透明,还是黑底或白底;

③可以点击播放测试看看效果。

确认设置好后,点击确定。


第十步,回到编辑动态图片界面,点击确定,会弹出提示,再点击一下确定,oaf2格式的动态图生成了。



打开Oafs文件夹,就可以看见我们做好的动态图和容错图。



接着将做好的动态图运用在作品中。


第十一步,快捷键“Ctrl+Q”将工程切换成高级模式。

第十二步,在制作菜单中点击“图像”,选择“显示动态图片2”。


第十三步,点击“使用指定图片”后面的小铅笔,选择“动态立绘1”,点击“确认”。



第十四步,设置动态图的使用。

这里介绍常用的3个设置:

①调整动态图的透明度;

②设置动态图的播放方式;

③放置容错图,有时动图体积过大,会导致作品卡顿或闪退现象,此时,需要作者将“容错图”勾选中,这样使用手机的玩家便会显现此动态图的静态图效果。



设置好后,点击“确定”。


这样,动态图制作完毕。

完成工程及效果:



四、注意事项

1.补间设置时,请添加正确的帧数。

2.一个动态图的帧数不宜过多,请注意体积大小,建议不超过3MB,多了会导致工具卡顿。

3.动态图制作各按钮详情请查看教程:

如何认识工具中的动态图制作