手机
当前位置:查字典教程网 >软件教程 >图形图像 >Apng格式24位全彩高清动态图简单制作教程图解
Apng格式24位全彩高清动态图简单制作教程图解
摘要:本站之前发布了apng格式的几个动态图,效果很好,比gif动态图在色彩和细节表现力上强太多了,因为gif图只有256色,而apng动态图是2...

本站之前发布了apng格式的几个动态图,效果很好,比gif动态图在色彩和细节表现力上强太多了,因为gif图只有256色,而apng动态图是24位全彩的。在色彩表现上不失真。

目前只有少数软件和浏览器支持apng图片,但作为高清动态图粉来说,细节和色彩才是全部,下面为有同样爱好的朋友提供下简单制作apng动态图的教程。

用到的软件有:

1,GIF Movie Gear。这个软件是制作apng和gif图片的首选,支持avi视频及很多格式图片的导入。

软件名称:gif动画制作软件(GIF Movie Gear)V4.2.3 绿色汉化版

Apng格式24位全彩高清动态图简单制作教程图解1

下载地址:http://www.jb51.net/softs/19713.html

2,Ultra Video Splitter一个很牛的视频切割软件,选这个软件主要是自己从视频内导出图片的习惯,如果你喜欢其他的导出图片方法,那么这个软件就不需要选了。

软件名称:视频分割软件(Ultra Video Splitter)V6.4.1010 绿色中文版

Apng格式24位全彩高清动态图简单制作教程图解2

下载地址:http://www.jb51.net/softs/34011.html

3,Free Video to JPG Converter 一个很不错的把视频导出每一帧图片的软件。

软件名称:视频导出图片软件(Free Video to JPG Converter)5.0.40.514免费中文版

Apng格式24位全彩高清动态图简单制作教程图解3

下载地址:http://www.jb51.net/softs/170333.html

4,XnView 一个支持图片格式非常多的看图软件,反正到现在除了这个外,我还没发现别的可以浏览apng动态图的看图软件。

软件名称:xnview中文版v2.22.0 绿色版

Apng格式24位全彩高清动态图简单制作教程图解4

下载地址:http://www.jb51.net/softs/22190.html

5,火狐浏览器 这个就不需要多说了,对apng动态图支持非常好。

软件名称:Firefox(火狐浏览器)V29.0.1官方中文版

Apng格式24位全彩高清动态图简单制作教程图解5

下载地址:http://www.jb51.net/softs/25294.html

以上软件在pc6都可以很快捷地下载。

首先我们要把视频导出图片,有很多方法,比如各种播放器的连续截图等,如果你有自己喜欢的方法,那么跳过这个步骤,直接看下面的apng动态图制作

就可以了,每个人的习惯不同,我自己更喜欢这个方法。

1,打开UltraVideoSplitter,导入视频文件,拉动进度条,选择视频切割的开始和结束时间,然后开始切割,这个软件很容易上手,不做过多介绍了。

Apng格式24位全彩高清动态图简单制作教程图解6

2,打开Free Video to JPG Converter,导入切割好的视频文件,选择每帧,然后点转换,同样的,这个软件也很容易上手,也不多介绍了。

Apng格式24位全彩高清动态图简单制作教程图解7

3,打开转换好图片的文件夹,用看图工具选择图片,这里要说明下,为什么用这么笨的方法选择将来要生成的动画用到的每帧图片,因为我想要视频的每一帧,自己选择要的和不要的,这样是为了更完美的体现出动画画面的完美。不追求这个的可以不用这么复杂,随便节选几帧就可以了。

Apng格式24位全彩高清动态图简单制作教程图解8

Apng格式24位全彩高清动态图简单制作教程图解9

4,把选好的图片放到一个新的文件夹,主要是为了操作方便。

Apng格式24位全彩高清动态图简单制作教程图解10

5,打开GIF Movie Gear这个软件,在制作前有些选项先设置下。

点编辑,点首选项。

Apng格式24位全彩高清动态图简单制作教程图解11

点调色板,勾选抖动时颜色映射,这个是为了制作gif动态图用的。

Apng格式24位全彩高清动态图简单制作教程图解12

点导出,勾选保持24位彩色,,,,,,这个选项,这是为了制作apng用的。

Apng格式24位全彩高清动态图简单制作教程图解13

点导出2 勾选始终保存png为24位色

Apng格式24位全彩高清动态图简单制作教程图解14

然后文件,点导入,选则你的素材图片格式,导入图片。#p#分页标题#e#

Apng格式24位全彩高清动态图简单制作教程图解15

Apng格式24位全彩高清动态图简单制作教程图解16

导入好图片后,软件开始预览动画效果,

Apng格式24位全彩高清动态图简单制作教程图解17

帧数太多了,这样生成的图片过大,减少一些帧数吧,不在乎图片大小的可以忽略这个步骤,点动画,点减少帧数。

Apng格式24位全彩高清动态图简单制作教程图解18

在每次删除帧数这里,选择合适的数字,至于多少合适,根据图片素材的多少,自己选择。

Apng格式24位全彩高清动态图简单制作教程图解19

然后点显示动画预览这个图标,预览下动画。

Apng格式24位全彩高清动态图简单制作教程图解20

点时钟那个图标,设置合适的帧延迟时间,点绿色箭头保存时间。

Apng格式24位全彩高清动态图简单制作教程图解21

这样一个简单的动态图就处理好了,导出动画吧,点文件,点另存为。

Apng格式24位全彩高清动态图简单制作教程图解22

选择png那个格式,保存。

Apng格式24位全彩高清动态图简单制作教程图解23

看,生成的原始尺寸动画有13.1兆。是不是太大了。不在乎大小的就这样就可以了。

Apng格式24位全彩高清动态图简单制作教程图解24

生成动画成功,用火狐浏览器打开浏览,或者用XnView这个看图软件浏览。

Apng格式24位全彩高清动态图简单制作教程图解25

如果闲动画体积太大,那么在导出动画前,可以调整生成动画的尺寸,点动画,点调整大小。

Apng格式24位全彩高清动态图简单制作教程图解26

在这里输入合适的大小,可以是像素数,也可以是百分比。然后在选择输出动画。

Apng格式24位全彩高清动态图简单制作教程图解27

这里说明下,apng在不支持它的浏览器或者看图软件面前,只显示第一帧,所以看到的就是静态图,利用这个原理,我们可以把第一帧图片放上一个自己喜欢的图片,起到伪装的目的。

点动画,点属性,在动画标签里,勾选隐藏第一帧,然后输出就可以了,这个时候在支持apng动画软件或者浏览器里显示的就是动画,在不支持的软件或者浏览器里,显示的就是静态图片。

Apng格式24位全彩高清动态图简单制作教程图解28

生成gif的方法大同小异,自己摸索下吧。

下面是生成动画的演示。看下apng和gif的差距吧。

原始尺寸的apng 13.1MB

Apng格式24位全彩高清动态图简单制作教程图解29

缩小尺寸的apng 4.8MB

Apng格式24位全彩高清动态图简单制作教程图解30

缩小尺寸的gif 2.93MB

Apng格式24位全彩高清动态图简单制作教程图解31

同样尺寸的apng动态图和gif动态图比较,apng的优点是清晰,细节和色彩不失真,缺点是体积比gif大好多,一个网页内不能容纳太多的apng动态图,否则对网速慢的高清粉来说,那就是灾难,所以,一个帖子内最好10个左右缩小尺寸的图片比较好,原始尺寸的更加适合本地浏览,而不适合放到网页内。

【Apng格式24位全彩高清动态图简单制作教程图解】相关文章:

动图专家gif制作使用教程

美图秀秀图片处理中的自动抠图使用教程

光影魔术手怎么制作暖黄效果图片?

gif动态图片怎么缩小? gif动态图片缩小方法

美图秀秀教你制作长腿美女

Maya2014中文版安装破解教程(图文详解)

如何用美图秀秀快速加深你的事业线教程

什么是思维导图,制作思维导图的工具有那些

美图秀秀制作可爱的春游影集教程

图片处理软件QQ影像安装及使用全程图解

精品推荐
分类导航