文档库 最新最全的文档下载
当前位置:文档库 › GIF格式详解

GIF格式详解

GIF格式详解
GIF格式详解

5.3GIF格式

GIF(Graphics Interchange Format)的原义是“图像互换格式”,是CompuServe公司在1987年开发的图像文件格式。GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目前几乎所有相关软件都支持它,公

共领域有大量的软件在使用GIF图像文件。GIF图像文件的数据是经过压缩的,而且是采用了可变长度等压缩算法。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。

从整体结构上来说,GIF文件由全局信息表、调色板数据、局部信息表和像素数据4部分组成。全局信息表和局部信息表的长度是固定的,全局信息表的长度恒为13,而局部信

息表的长度恒为10字节。一个GIF文件可能存储着多幅图像,但整个文件只有一个全局信息表而每幅图像则各自拥有一个局部信息表,局部信息表以逗号做前导符,整个文件以分号结尾。

5.3.1GIF文件结构

GIF文件结构的典型结构如表1所示。为方便下文说明,在构件左边加了编号。

按块的特征可以分为三类:控制块(Control Block),图形描绘块(Graphic-Rendering Block)和专用块(Special Purpose Block)。

1、控制块

控制块包含有用来控制数据流(Data Stream)或者设置硬件参数的信息,其成员包括:

GIF文件头(Header)

●逻辑屏幕描述块(Logical Screen Descriptor)

●图形控制扩展块(Graphic Control Extension)

●文件结束块(Trailer)

2、图形描绘块

包含有用来描绘在显示设备上显示图形的信息和数据,其成员包括:

●图像描述块(Image Descriptor)

●无格式文本扩展块(Plain Text Extension)

●全局调色板、局部调色板、图像压缩数据和图像说明扩充块

3、特殊用途数据块

包含有与图像处理无关的信息,其成员包括:

●注释扩展块(Comment Extension)

●应用扩展块(Application Extension)

除了在控制块中的逻辑屏幕描述块(Logical Screen Descriptor)和全局彩色表(Global Color Table)的作用范围是整个数据流(Data Stream)之外, 所有其他控制块仅控制跟在它们后面的图形描绘块。

5.3.2构件详解

1、GIF文件头

文件头描述块(Header)定义GIF数据流(GIF Data Stream),它的结构如图1所示。文件头描述块(Header)由GIF标记域(Signature)和版本号(V ersion)域组成,是一个由6个固定字节组成的数据块,它们用来说明使用的文件格式是GIF格式及当前所用的版本号。GIF标记域(Signature)存放的是“GIF”,版本号域存放的是1987年5月发布的“87a”或者1989年7月发布的“89a”,或者更加新的版本号。

typedef struct gifheader{

BYTE bySignature[3];

BYTE byVersion[3];

}GIFHEADER;

2、逻辑屏幕描述块

逻辑屏幕描述块(Logical Screen Descriptor)包含定义图像显示区域的参数,包括背景颜色信息。这个数据块中的坐标相对于虚拟屏幕的左上角,不一定是指显示屏的绝对坐标,这就意味可以参照窗口软件环境下的窗口坐标或者打印机坐标来设计图像显示程序。逻辑屏幕

描述块的结构如图2所示:

typedef struct gifscrdesc{

WORD wWidth;

WORD wDepth;

struct globalflag{

BYTE PalBits :3;

BYTE SortFlag :1;

BYTE ColorRes :3;

BYTE GlobalPal :1;

} GlobalFlag;

BYTE byBackground;

BYTE byAspect;

} GIFSCRDESC;

逻辑描述块包含7个字节。字节0和字节1用来说明逻辑显示屏的宽度,字节3和字节4用来说明逻辑显示屏的高度,字节4用来描述彩色表的属性,字节5用来指定背景颜色索引,字节6用来计算像素的宽高比。现作如下说明:

1) 屏幕描述块中的第5个字节称为包装域(Packed Fields),它的位结构如图2所示,它由4个子域组成:

(1) 全局彩色表标志(Global Color Table Flag )域G用来说明是否有全局彩色表存在。如果G=1,表示有一个全局彩色表(Global Color Table)将紧跟在这个逻辑屏幕描述块(Logical Screen Descriptor)之后;这个标志也用来选择背景颜色索引(Background Color Index)。如果G =1,背景颜色索引(Background Color Index)域中的值就用作背景颜色的索引。

(2)彩色分辨率(Color Resolution)域CR用来表示原始图像可用的每种基色的位数(实际值减1)。这个位数表示整个调色板的大小,而不是这幅图像使用的实际的颜色数。例如,如果该域的值CR=3,说明原始图像可用每个基色有4位的调色板来生成彩色图像。

(3)彩色表排序标志(Sort Flag)域S用来表示全局彩色表(Global Color Table)中的颜色是否按重要性(或者称使用率)排序。如果S=0,表示没有重要性排序;如果S=1表示最重要的颜色排在前。这样做的目的是辅助颜色数比较少的解码器能够选择最好的颜色子集,在这种情况下解码器就可选择彩色表中开始段的彩色来显示图像。

(4)全局彩色表大小(Size of Global Color Table)域Size表示表示每个像素的位数,它用来计算全局彩色表(Global Color Table)中包含的字节数。在全局彩色表标志(Global Color Table Flag)域G=0时就不需要计算,G=1时就要计算彩色表的大小,具体计算见下文的“3、全局彩色表”。

2) 屏幕描述块中的第6个字节是背景颜色索引(Background Color Index),它是彩色表的一个索引值,用来指定背景颜色。如果全局彩色表标志(Global Color Table Flag)域G=0,这个域的值也设置为0。

3) 像素宽高比(Pixel Aspect Ratio)域中的值是一个因数,是计算原始图像像素的宽高比的一个近似值。如果该域的值范围为1~255,如果不等于0,宽高比的近似值按下式计算:Aspect Ratio = (Pixel Aspect Ratio + 15) / 64

像素宽高比(Pixel Aspect Ratio)定义成像素的宽度与高度之比,比值的范围在4:1~1:4之间,其增量为1/64。

3、全局彩色表

由于一个GIF文件可以包含多幅彩色图像,每幅彩色图像也许都包含适合自身特点的彩色表,所以一个GIF文件可以有好几个彩色表。但归纳起来只有两类:全局彩色表(Global Color Table)或局部彩色表(Local Color Table)。全局彩色表可用于图像本身没有带彩色表的所有图像和无格式文本扩展块(Plain Text Extension),而局部彩色表只用于紧跟在它后面的一幅图像。在处理全局彩色表和局部彩色表时需要注意下面一些规则。

(1)如果GIF文件包含全局彩色表(Global Color Table),而且要显示的图像本身又带有局部彩色表,那末显示该幅彩色图像时就用它自己的彩色表,而不用全局彩色表。在这种情况下,解码器就首先保存全局彩色表(Global Color Table),然后使用局部彩色表(Local Color Table)来显示图像,最后再回复全局彩色表(Global Color Table)。

(2)全局彩色表(Global Color Table)和局部彩色表(Local Color Table)都是可选择的。由于这个原因,解码器最好要保存全局彩色表(Global Color Table),一直到出现另一个全局彩色表(Global Color Table)为止。这样做之后,对于包含完全没有彩色表的一幅或者多幅彩色图像的GIF文件就可以使用最后保存的全局彩色表(Global Color Table)进行处理。

(3)如果同类型的图像能够使用相同的彩色表来显示,编码器就要尽可能使用一个全局彩色表(Global Color Table);如果没有彩色表可用,解码器就可以使用计算机系统提供的彩色表或者解码器自身的彩色表。

(4)全局彩色表(Global Color Table)存在与否由逻辑屏幕描述块(Logical Screen Descriptor)中字节5的全局彩色表标志(Global Color Table Flag )域G的值确定。如果存在,彩色表就紧跟在逻辑屏幕描述块(Logical Screen Descriptor)之后。彩色表的表项数目等于2(n+1),其中

n=b2b1b0,每个表项由三个字节组成,分别有R、G、B的相对强度,因此彩色表的字节数等于3×2(n+1),

彩色的结构如图4所示:

局部彩色表与全局彩色表有相同的存储格式。

4、图像描述块

GIF图像文件格式可包含数量不限的图像,而且也没有一个固定的存放顺序,仅用一个字节的图像分隔符(Image Separator)来判断是不是图像描述块。每一幅图像都由一个图像描述块(Image Descriptor)、可有可无的局部彩色表(Local Color Table)和图像数据组成。每幅图像必须要落在逻辑屏幕描述块(Logical Screen Descriptor)中定义的逻辑屏(Logical Screen)尺寸范围里。

图像描述块(Image Descriptor)之前可以有一个或者多个控制块,例如图形控制扩展块(Graphic Control Extension),其后可以跟着一个局部彩色表(Local Color Table)。无论前后是否有各种数据块,图像描述块(Image Descriptor)总是带有图像数据。

图像描述块(Image Descriptor)的结构如图5所示。

typedef struct gifimage{

WORD wLeft;

WORD wTop;

WORD wWidth;

WORD wDepth;

struct localflag{

BYTE PalBits :3;

BYTE Reserved :2;

BYTE SortFlag :1;

BYTE Interlace :1;

BYTE LocalPal :1;

} LocalFlag;

} GIFIMAGE;

在图5中,图像分隔符(Image Separator)用来标识图像描述块的开始,该域包含固定的值:0x2C;图像左边位置(Image Left Position)是相对于逻辑屏幕(Logical Screen)最左边的列号,逻辑屏幕最左边的列好定义为0;图像顶部位置(Image Top Position) 是相对于逻辑屏幕(Logical Screen)顶部的行号,逻辑屏幕顶部的行号定义为0。

图像描述块(Image Descriptor)中的第9个字节称为包装域(Packed Fields)字节,它的位结构如图6所示,它由5个子域组成:

(1) 局部彩色表标志(Local Color Table Flag )域L用来说明是否有局部彩色表存在。如果L=1,表示有一个局部彩色表(Local Color Table)将紧跟在这个图像描述块(Image Descriptor)之后;如果G=0,表示图像描述块(Image Descriptor)后面没有局部彩色表(Local Color Table),该图像要使用全局彩色表(Global Color Table)。

(2) 交插显示标志(Interlace Flag)域I用来表示该图像是不是交插图像(Interlaced Images)。如果I=0,表示该图像不是交插图像,如果I=1表示该图像是交插图像。使用该位标志可知道图像数据是如何存放的。GIF文件格式定义了两种数据存储方式:一种是按图像行连续顺序存储,这个顺序与显示器上显示行的顺序相同;另一种按交插方式存储。交插图像按行分成如下所示的4组(Group):

Group 1:每隔8行组成一组,从第0行开始显示/第1遍交插

Group 2:每隔8行组成一组,从第4行开始显示/第2遍交插

Group 3:每隔4行组成一组,从第2行开始显示/第3遍交插

Group 4:每隔2行组成一组,从第1行开始显示/第4遍交插

由于显示图像需要较长的时间,使用这种方法存放和显示图像数据,人们就可以在图像显示完成之前看到这幅图像的概貌,而不觉得显示时间长。图8说明了这种交插图像的存储和显示顺序。

行号像点交插遍次

0 (1)

1 (4)

2 (3)

3 (4)

4 (2)

5 (4)

6 (3)

7 (4)

8 (1)

9 (4)

10 (3)

11 (4)

12 (2)

13 (4)

14 (3)

15 (4)

16 (1)

17 (4)

18 (3)

19 (4)

图7交插图像显示顺序

(3) 彩色表排序标志(Sort Flag)域的含义与全局彩色表(Global Color Table)中(Sort Flag)域的含义相同。

(4) 保留(Reserved)。

(5) 局部彩色表大小(Size of Local Color Table)域的值用来计算局部彩色表(Global Color Table)中包含的字节数。

5、局部彩色表

局部彩色表(Local Color Table)用于紧跟在它后面的图像。彩色表是否存在取决于图像描述块(Image Descriptor)中局部彩色表标志(Local Color Table Flag)位的设置。彩色表的结构和大小与全局彩色表(Global Color Table)完全相同。

6、表基图像数据

GIF图像采用了LZW算法对实际的图像数据进行压缩。为了提高压缩编码的效率,对LZW编码器输出的代码采用可变长度码VLC(variable-length-code),不是用位数高度的代码来表示输出,而且代表码字的位数是可变的。

表基图像数据(Table Based Image Data)由LZW最小代码长度(LZW Minimum Code Size)和图像数据(Image Data)组成,如图8所示。LZW最小代码长度域的值用来确定图像数据中LZW代码使用的初始位数。图像数据(Image Data)由数据子块(Data Sub-blocks)序列组成。

数据子块(Data Sub-blocks)的结构如图9所示,这是一个可变长度的数据块,其长度由块大小域(Block Size)域中的值确定,字节数在0~255之间。

7、图形控制扩展块

图形控制扩展块(Graphic Control Extension)包含处理图形描绘块时要使用的参数,它的结构如图10所示。现说明如下:

(1) 扩展导入符Extension Introducer)用于识别扩展块的开始,域中的值是一个数值等于0x21的固定值。

(2) 图形控制标签(Graphic Control Label)用于标识当前块是一个图形控制扩展块,域中的值是一个数值等于0xF9的固定值。

(3) 块大小(Block Size)用来说明该扩展块所包含字节数,该字节数是从这个块大小(Block Size)域之后到块结束符之间的字节数。

typedef struct gifcontrol{

BYTE byBlockSize;

struct flag{

BYTE Transparency : 1;

BYTE UserInput : 1;

BYTE DisposalMethod : 3;

BYTE Reserved : 3;

} Flag;

WORD wDelayTime;

BYTE byTransparencyIndex;

BYTE byTerminator;

} GIFCONTROL;

(4) 包装域的结构如图10所示。处理方法(Disposal Method)规定图形显示之后译码器要用表2中所述方法进行处理。

用户输入标志(User Input Flag)域表示在继续处理之前是否需要用户输入响应。在延时时间(Delay Time)和用户输入标志(User Input Flag)都设置为1的情况下,继续处理的开始时间取决于用户响应输入在前还是延时时间结束在前。

(5) 透明(Transparency Flag)表示是否给出透明索引(transparency index)

(6) 延时时间(Delay Time)用来指定在图形显示之后继续处理数据流之前的等待时间,一百分之一秒为单位。

(7) 当且仅当透明标志位设置为1时,透明索引(Transparency Index)用来指示处理程序是否要修改显示设备上的相应象点。当且仅当透明标志位设置为1时,就要修改。

(8) 块结束符(Block Terminator)表示该图形控制扩展块(Graphic Control Extension)结束,它是由一个字节组成的数据块,该域的值是一个固定的值:0x00,因此称为零长度数据子块(zero-length Data Sub-block)。

8、无格式文本扩展块

无格式文本扩展块(Plain Text Extension)包含文本数据和描绘文本所须的参数。文本数据用7位的ASCII字符编码并以图形形式显示。扩展块的结构如图12所示。

9、注释扩展块

注释扩展块(Comment Extension)域的内容用来说明图形、作者或者其他任何非图形数据和控制信息的文本信息。

注释扩展块的结构如图13所示。其中的注释数据是序列数据子块(Data Sub-blocks),每块最多255个字节,最少1个字节。

10、应用扩展块

应用扩展块(Application Extension)包含制作该图像文件的应用程序的相关信息,它的结构如图14所示。

11、GIF文件结束块

结束块(GIF Trailer)表示GIF文件的结尾,它包含一个固定的数值:0x3B。它具有如图15所示的结构。

5.3.3速差表

Special Purpose Blocks(专用块)

表中:Req. (1)表示最多出现1次Opt. (*)出现次数大于等于0次

自我介绍gif图片

自我介绍gif图片 篇一:1.1PS与GiF的自我简介 1.PS与GiF的自我简介 这个世界没有陌生的人,只有还没有来得及认识的朋友,请允许他们自我介绍一下。PS自我介绍: 1999年发行adobePhotoshop5.5,主要增加了支持web功能和包含imageReady2.0。 (我用PS比较晚,我想,大概就是这个版本,开启了PS的动画功能。) 之前的“我”是包含imageReady(简称iR)的,但是在我9岁(9.0,也就是cS2版本)的时候,iR消失了。adobe公司将iR和我进行了合体,然后我变得有了更强大的动画功能!你可以用我创作更强大、复杂的动画! 而现在我的动画功能,已经走到了一个比较成熟的阶段,当然,我的各种功能都很强大,GiF在PS里算是最弱的吧。但是与同类软件相比,我承认Flash是一个更加优秀的动画软件,但是在GiF软件领域,我想我就是老大吧。 缺点:我在cS6之前就开始使用时间轴模式了,但是功能不是很理想,所以在教程里不会着重讲时间轴模式。如果你有用过aE,你就不会再用时间轴(在PS里处理小的视频片段除外)。当然,我不支持形变

动画,这也比较遗憾。也许我会进化出形变动画的功能吧,这大概需要编辑出一种新的图层。 GiF简介: GiF分为静态GiF和动画GiF两种,扩展名为.gif,是一种压缩位图格式,GiF动态图支持透明背景图像(纯透明的哦,半透明的还是不支持),适用于多种操作系统,“体型”很小,网上很多小动画都是GiF 格式。其实GiF是将多幅图像保存为一个图像文件,从而形成动画,所以归根到底GiF仍然是图片文件格式。但GiF只能显示256色。和jpg格式一样,这是一种在网络上非常流行的图形文件格式。 GiF和传统的图片相比,有以下几点优势: 可以在小的范围内做大的广告,什么意思?看图你就明白了。 如果我们只有一块120*120的区域做广告,传统的广告是这样的:显示内容有限,如果在配图的话,基本不可能了(左图)。 而右图,我想不用解释什么了吧。 通过对比,我们得知,GiF的优势还在于,让广告更生动。你想想,一个静态广告和一个动态广告你更愿意看哪个?为什么大街小巷贴的那些广告人们不愿意看?他不会动嘛,那些广告如果有个会动的,你看不看?是吧。 当然,除了广告,我们做的其他的东西也是比较有趣的,原因在于他是动态的。否则,电视的出现就没太大意义了。说的有点远了,我希望的就是你明白:动画是 精彩的。

如何把flash动画转换为gif格式动态图片

Magic Swf2Gif不但可以快速高效地将SWF格式的Flash动画转换为GIF 动画图片,而且在转换之后还能完整地保持原Flash动画中的动画帧数 和分辨率。 第一步:导入SWF 动画文件 点击软件界面中的“Add Files”按钮,在弹出的对话框中选择需要转换的Flash动画文件,在添加文件时可以一次选择多个Flash动画文件批量导入,当然也可以点击“Add DIR”按钮将某个目录下的SWF文件全部 导入。 在导入文件时有一个特色,那就是除了可以添加文件和目录之外,还可以在点击“IE Cache”按钮后直接将IE缓存中的SWF文件添加进列表中。 第二步:截取要转换的动画片段 在SWF文件列表中,选择一个Flash动画。这时我们可以看到原来的“文件信息”按钮已经显示为“W:500,H:400,T:2496,R:25”字样,如图所示,这是什么意思呢?点一下按钮你就知道了。原来,这表示该Flash动画的宽度为500像素,高度为400像素,总帧数为2496帧,帧频为25 帧/秒。 现在需要设置欲转换动画的起止点,以去掉自己不想要的开始或结尾片段。在右边的播放框中,拖动下方滑块或者用播放按钮将Flash动画停留在转换部分的起始处(如第1000帧),随后点击动画下方的“[”按钮在 此处做上起始标记。

同样,拖动滑块或者用播放按钮将Flash动画停留在转换部分的结尾处(如第1500帧),并点击“]”按钮在此处做上结束标记。 第三步:GIF动画的输出设置 点击“Options”按钮,先在“Resize”选项卡中选择生成GIF动画的图片尺寸大小,既可以选择预设的大小(默认为原始大小),也可以自定义大小,然后在“GIF Frame Rate”选项卡中设置GIF动画的帧率。 注意:当减少帧频的时候,软件将不会更改电影的播放速度,只是放弃一些帧以减小GIF文件的体积。最后切换到“目录”选项卡设置好转换后 的GIF文件的输出目录。 当一切准备完毕,我们就可以点击“Convert GIF”按钮,很快即可将所选定的Flash动画片段转换为GIF格式的动画文件。

教你如何修改GIF动画.

所需软件,Photoshop,Adobe Imageready(Photoshop7.0以上版本均有自带)。 好了,先让我们来看看原图。 然后,我们再来看看修改后的效果图。 在这里大家可以看到,我把原图里布料上的字给去掉了,然后换成我自己想要的文字。 这里面总共涉及到3个大知识点: 1. 如何把GIF导入到PS里。 2. 如何将图案完美的退底。 3. 如何在Imageready编辑动画。 好了,现在我们开始今天的课程。 首先,我们来观察一下原图:一个可爱的小孩在天上飞,手里抓着我们今天课程的主题,一块布,一块在上面印着GOOD LUCK的布。这块布是以白色红点为背景,我们现在要来做的就是把字去掉,然后把去掉部分用再用红点覆盖起来。 好了,现在让我们来打开ADOBE Imageready。 首先,双击空白处,找到并打开我们所要的图片。如图A。

A.jpg 接下来,点击左边的工具条最下方,跳转到Photoshop。如图B。

(这里可能有同学会问,为什么不直接用PS打开呢,这是因为,用PS直接打开GIF图片时,PS只能打开图片的第1帧)。 好,现在我们已经进入到PS的操作界面了。 按一下键盘上的“L”键:“使用多边型选择工具”。如图C。 C.jpg 在图片上圈选出如图D的部分。

D.jpg 这里要说明一下,因为呆会我们会把圈选的范围用红点填充,为了感觉完整性,所以我们现在在选择的时候尽量注意不要出现一颗红点有半边在圈外半边在圈内的情况。如上图D。 接下来,我们按键盘上的D键,把前、背景还原为默认色,然后,再按键盘上的Ctrl+Delete,用白色把圈选的区域用背景色填充。 按下来,我们按一下键盘上的B键:使用画笔工具,然后在窗口的右边有一“画笔”的标签,点击它,然后设如图参数:直径为5,硬度为100%,间距为500%。如图E。

GIF文件格式详解

GIF文件格式详解 6.2.1 简介 GIF(Graphics Interchange Format)是CompuServe公司开发的图像文件存储格式,1987年开发的GIF文件格式版本号是GIF87a,1989年进行了扩充,扩充后的版本号定义为GIF89a。 GIF图像文件以数据块(block)为单位来存储图像的相关信息。一个GIF文件由表示图形/图像的数据块、数据子块以及显示图形/图像的控制信息块组成,称为GIF数据流(Data Stream)。数据流中的所有控制信息块和数据块都必须在文件头(Header)和文件结束块(Trailer)之间。 GIF文件格式采用了LZW(Lempel-Ziv Walch)压缩算法来存储图像数据,定义了允许用户为图像设置背景的透明(transparency)属性。此外,GIF文件格式可在一个文件中存放多幅彩色图形/图像。如果在GIF文件中存放有多幅图,它们可以像演幻灯片那样显示或者像动画那样演示。 6.2.2. 文件结构 GIF文件结构的典型结构如图6-01所示。为下文说明方便,在构件左边加了编号。 图6-01 GIF文件结构 数据块可分成3类:控制块(Control Block),图形描绘块(Graphic-Rendering Block)和专用块(Special Purpose Block)。 (1) 控制块:控制块包含有用来控制数据流(Data Stream)或者设置硬件参数的信息,其成员包括: GIF文件头(Header) 逻辑屏幕描述块(Logical Screen Descriptor) 图形控制扩展块(Graphic Control Extension) 文件结束块(Trailer) (2) 图形描绘块:包含有用来描绘在显示设备上显示图形的信息和数据,其成员包括: 图像描述块(Image Descriptor)

如何制作GIF动态图片

如何制作GIF动态图片 GIF动态图像,适用于多种操作系统,“体型”很小,支持透明背景图像,网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,所以归根到底GIF仍然是图片文件格式。一个GIF动态图像可以包含很多信息,活泼可爱,很吸引人的眼球,可以起到很好的宣传店铺的效果哦。 以前认为制作这样一个GIF动态头像会很麻烦,其实学起来没有我们想象中的那样复杂,很简单嘀,下面我们就一步一步来看如何做这样的动态图标吧。 第一步制作GIF所用的软件 制作GIF图片需要专门的图像处理软件,这里推荐Ulead GIF Animator。Ulead GIF Animator 是友立公司出版的动画GIF制作软件,也是目前最常用的GIF处理软件。大家先下载这个软件。 软件下载地址:Ulead GIF Animator v5.05 简体中文绿色版- 霏凡软件站。这个软件不需要安装,下载下来是个压缩文件。解压缩到一个文件夹就可以直接使用嘀。 第二步制作步骤 1、设置初始图片 下载Ulead GIF Animator 5 后,把他解压缩到任意一个文件

夹,双击可执行文件打开程序,GIF图片做头像用,图片不宜太大,我们把图片大小设置为100*100高宽像素。点击左上角"文件"-"新建",设置高度和宽度都是100像素,选中"完全透明",点击"确定"。 2、设置第一张图片 点击“文件”-“添加图像”-弹出来选择图片文件的窗口,然后选择你要在GIF闪图中显示的第一张图片,点击“打开”。 3、设置图片大小 填加图片后,你会发现编辑界面中的图片只显示整张图片的左上角(100*100像素大小),鼠标左键点住图片不放,拖动可以看到完整图片。因此,我们需要对图片大小进行缩放的操作,把图片缩小到100*100像素大小(与背景一直)。鼠标右键点击图像,弹出来的菜单左键点击“对象属性”,"对象属性"的窗口中设置如下:左、顶部设置为0;高宽设置为100;保持外表比率不打勾;然后点击"确定"。这样整张图片就被缩放到100*100像素大小了,第一张图片制作完毕。备注:如果大家熟悉photoshop的话,可以事先把要放入GIFf中的图片处理成100*100像素大小,这里就不用这一步了。 4、添加第二张图片 接着做第二张图(也就是第二帧),鼠标左键点击下边的"添加帧"这个按钮,即可新建一个空白的图片。图片大小设置按照第一张那样来操作

制作清晰的gif动态图片绝招

制作清晰的gif动态图片绝招 作者:杨函祥 QQ:297254454 第一步:安装好两个必须的软件KMPlayer和Macromedia Fireworks 8。KMPlayer软件用来扑捉视频所需要部分的图片帧;Macromedia Fireworks 8软件用来编辑整合图片帧、输入文字等,然后导出gif动态图片。如图1: (1) 第二步:选定一段自己用手机或摄像机拍摄的视频。启动KMPlayer软件,点击(2)导入需要编辑的视频进入播放状态。点击鼠标右键找到菜单栏里面的“捕获(C)”—“画面:高级捕获”,点击弹出帧模式。如图片3:

(3) 第三步:在图片三内勾选“连续”,然后一边播放视频,一边点击“开始”进行视频捕获。然后到指定文件夹(D:\The KMPlayer\Capture)里面找到被捕获到的图片帧。如图4:

(4) 第四步:启动Macromedia Fireworks 8软件,找到工具栏上的“文件”点击,找到“打开”,弹出打开对话框。如 图5:

(5) 第五步:点击“我的电脑”—D盘—The KMPlayer—Capture文件夹(备注:因为我的KMPlayer软件是安装在D 盘,所以路径位置默认为D盘。),然后找到捕获到的图片帧。 如图6:

(6) 第六步:这一步很关键,注意一定要勾选“以动画打开 (A)”(7),然后选中所有的图片帧, 点击“打开”进行图片导入。如图8:

(8) 第七步:这时候可以点击(9)进行播放预览。因为 图片看上去太大,还可以点击(10)进行长和宽 相应的设置。如图11:

学习GIF动画制作

学习GIF动画制作 发表日期:2008年1月18日出处:网络已经有715位读者读过此文 Ulead GIF Animator 5是业界最完整也最经济的GIF动画制作工具。它可让您为网站与PowerPoint简报轻松制作可迅速下载的动画图片通过以下功能为您提供快速简易的动画制作: 1、直观化的操作界面:「编辑」、「最佳化」与「预览」三种模式以简易的卷标形式界面迅速切换,动画制作立即上手; 2、简易的编辑:以精确的拖放操作来制作出色的多重对象动画; 3、精彩的特效:套用各种文字特效、视讯特效、转场与 Photoshop 的相容滤镜效果; 4、强大的最佳化处理:以最新的影像压缩技巧,确保您可迅速下载动画; 5、弹性的输出:可汇出多样的档案格式,包括了 Flash、AVI、MPEG 与QuickTime。 新版GIF Animator 5拥有动画合成、编辑、特效制作、最佳化压缩、输出等强大功能,同时适用于Microsoft PowerPoint、向量形式的 Flash 项目上,并可完美整合至PhotoImpact、Adobe Photoshop与Jasc Paint Shop Pro等图像编辑软件,绝对让您制作网页动画banner快、狠、准~ Ulead GIF Animator 5是业界最完整也最经济的GIF动画制作工具。它可让您为网站与PowerPoint简报轻松制作可迅速下载的动画图片。 首先打开软件,会出现一个框框,然后按照我下面的步骤一步步来吧~选择"打开一个已存在的图像文件": 第一课:让图动起来 提示:1. 按下图中1--8的步骤依次进行。 2. 图小一点,太大的图做成GIF后太大,可能无法上传。

加载GIF图片

PictureEx图片显示类支持以下格式的图片:GIF (including animated GIF87a and GIF89a), JPEG, BMP, WMF, ICO, CUR等,我特别推崇的是可以做出动画,而且轻而易举,确实很COOL。 下面是详细的编程过程: 1. 新建项目:在VC6中用MFC新建一个基于对话框的GifDemo应用程序,接受所有缺省选项即可; 2.在项目中插入文件:把PictureEx.h,PictureEx.cpp文件copy 到项目文件夹下,Project->Add to Project->Files中选上PictureEx.h,PictureEx.cpp,Insert; 3.加入图片控件:从对话框控件中把Picture Control(图片控件)拖入主对话框中,修改其属性:ID:IDC_GIF,TYPE:Rectangle,其余接受缺省选项。再在ClassWiard中为IDF_GIF加入CSatic控制变量m_GifPic, 注意看一下,GifDemoDlg.h中是否加上了#include "PictureEx.h"(由ClassWiard加入)。然后将CSatic m_GifPic;更改成CPictureEx m_GifPic; 4.加载动画文件:先将要加载的动画文件放到res 资源文件夹下,再将其Import进项目中,由于MFC只支持256BMP文件的图片,因此,我们要新建一个图片类型:"GIF",我在这里将我网站的宣传图片roaring.gif 放进去(希望大家多支持),并将其ID修改成:IDR_GIFROARING。 ____________________________________ import(导入)gif动画的详细过程: 在resourceview窗口中,单击鼠标右键,在出现的环境菜单中选择“import...”命令,会出现“import resource”选择文件对话框,文件类型选择“所有文件(*.*)”,open as 选项为"auto",再选择动画文件所在目录,选上要载入的动画文件roaring.gif,再单击import,由于gif动画类型不是vc默认的文件类型,这时会出现"custom resource type"对话框,键入“"gif"”,再单击ok,然后再修改其id。 ________________________________________________________________ 5.在程序的适当位置添入加载代码:这里,我们在CGifDemoDlg::OnInitDialog()函数中加入如下代码: // TODO: Add extra initialization here if (m_GifPic.Load(MAKEINTRESOURCE(IDR_GIFROARING),_T("Gif"))) m_GifPic.Draw(); 如果仅仅把动画载入,到这就可以了,运行一下,应该看看您的的成果了。 下面附带说说如何将这幅动画制作成超链接,以后,咱们也可以宣传自已的公司、网站或产品了。

GIF动态图片的制作方法

GIF动态图片的制作方法 一.图片运动(移动)的制作 图例: 图片可放大可缩小,也可以左右上下移动。动态图片其实是由一桢一桢的静止画面构成的。下面以图片的左右移动为例,说说它的制作方法,上下移动、放大或缩小、它们的制作方法都相同。 1。打开软件界面,点“文件”——“打开图像”(找到您存的喜欢的图片双击,就导到了软件的编辑了) 2。用鼠标点左边的工具“变形工具”,再点舞台中间的图——再用鼠标把图平行地向左右拉宽。将图向右拖到图的左边边缘(距舞台框左边边缘有一点距离) 3。点下面的“复制桢”图标(这时在下面的予览框里就出现了第二幅图)——点第二幅图,用鼠标把舞台中的图再向左移一点(每帧不要移动过多)。 4。用第3步方法反复复制和移动图片,到满意为止。

5。点下面的播放按钮予览,并调整图片移动的幅度。——最后点“文件”——“另存为”(格式为GIF). 说明: 1。图如运动过快,无法调整,可用右键点预览框的图再点“属性”,用设定“延迟”桢数来调整。 2。图片不宜过大,可在“编缉”里的“调整图像大小”里设定。桢数也不宜过多。图片过大和桢数过多会导至形成的动画图过大。 二. 运动(淡进淡出转场效果)的制作 图例: 几张图片连在一起播放,需要有转场的效果,不然会呆板。这里,以淡进淡出转场效果制做图片为例,探讨一下图片的连续运动。

1。打开软件界面,点“文件”——“打开图像”(找到您存的喜欢的图片双击,就导到了软件的编辑框里了)。 2。在下面的图标里点“添加桢”图标——再点“文件”——再点“添加图像”(找到您存的喜欢的图片双击,就导到了软件的编辑框里了)。 3。重复第2步,再导入几张图片。把要用的图片导完(但不能很多)。 4。点下面的予览框里的第一幅图——再点下面的“之间(Tween)”图标——设“开始桢”为“1”,“结束桢”为“2”,“插入”为“4”,“延迟”为“30”。 5。重复第4步做法,把导入的图片做完(如:做第二幅图时,就不是设“开始桢”为“1”,“结束桢”为“2”了,而是“开始桢”为“6”,“结束桢”为“7”了)。 6。点下面的播放按钮予览——最后点“文件”——“另存为”(格式为GIF)。 说明: 1。图片不宜过大,可在“编缉”里的“调整图像大小”里设定。桢数也不宜过多。图片过大和桢数过多会导至形成的动画图过大。 2。在“之间(Tween)”里设置“插入”时,数小了转场不好,大了要造成最后做出的图过大。 3。在制做时一定要把“开始桢”和“结束桢”数字输正确。

网店装修教程-如何制作GIF动态图片

GIF动态图像,适用于多种操作系统,“体型”很小,支持透明背景图像,网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,所以归根到底GIF仍然是图片文件格式。一个GIF动态图像可以包含很多信息,活泼可爱,很吸引人的眼球,可以起到很好的宣传店铺的效果哦。 以前认为制作这样一个GIF动态头像会很麻烦,其实学起来没有我们想象中的那样复杂,很简单嘀,下面我们就一步一步来看如何做这样的动态图标吧。 第一步制作GIF所用的软件 制作GIF图片需要专门的图像处理软件,这里推荐Ulead GIF Animator。Ulead GIF Animator 是友立公司出版的动画GIF制作软件,也是目前最常用的GIF处理软件。大家先下载这个软件。 软件下载地址:Ulead GIF Animator v5.05 简体中文绿色版- 霏凡软件站 这个软件不需要安装,下载下来是个压缩文件。解压缩到一个文件夹就可以直接使用嘀。 第二步制作步骤 1、设置初始图片

下载Ulead GIF Animator 5 后,把他解压缩到任意一个文件夹,双击可执行文件打开程序,GIF图片做头像用,图片不宜太大,我们把图片大小设置为100*100高宽像素。点击左上角"文件"-"新建",设置高度和宽度都是100像素,选中"完全透明",点击"确定"。 2、设置第一张图片 点击“文件”-“添加图像”-弹出来选择图片文件的窗口,然后选择你要在GIF闪图中显示的第一张图片,点击“打开”。 3、设置图片大小 填加图片后,你会发现编辑界面中的图片只显示整张图片的左上角(100*100像素大小),鼠标左键点住图片不放,拖动可以看到完整图片。因此,我们需要对图片大小进行缩放的操作,把图片缩小到100*100像素大小(与背景一直)。鼠标右键点击图像,弹出来的菜单左键点击“对象属性”,"对象属性"的窗口中设置如下:左、顶部设置为0;高宽设置为100;保持外表比率不打勾;然后点击"确定"。这样整张图片就被缩放到100*100像素大小了,第一张图片制作完毕。备注:如果大家熟悉photoshop的话,可以事先把要放入GIFf中的图片处理成100*100像素大小,这里就不用这一步了。 4、添加第二张图片 接着做第二张图(也就是第二帧),鼠标左键点击下边的"添加帧"这

Win7图片查看器显示动态GIF图片

Win7图片查看器显示动态GIF图片 Windows 7用户都用系统内置的图片查看器浏览图片,因为它启动速度快,资源占用低,但唯一缺陷是不支持GIF动画图片,大家打开GIF动态格式图片的时候看到的都只是静态的图片: 平时要想浏览一些GIF格式的QQ表情,都要借助第三方软件才能实现。不过只要你装上这款名为ImageViewer for Windows7的插件之后,你就能以动态的形式查看gif动态图片。 软件名称:Image Viewer for Windows 7软件版本:1.0.0.1软件大小:913k软件授权:免费 下载地址:https://www.wendangku.net/doc/1b3050900.html,/s/1f4IYb测试图片:https://www.wendangku.net/doc/1b3050900.html,/s/1d2QYr

ImageViewer for Windows7只是一款非常细小的系统插件,远比那些动辄数十MB的第三方看图软件轻巧得多,安装过程也非常简单,疯狂点击下一步(Next)即可完成。 一般情况下,ImageViewer for Windows7 安装完毕后会自动进行关联,如果发现没有关联成功,那么就手动在GIF动态图片上单击右键,点击打开方式,选择默认程序;然后如下图选上“照

片库查看器”而不是“Windows 照片查看器”,并勾选左下方的“始终使用选择的程序打开这种文件”,点击确定后打开GIF动态图片就会动了。 不过大家可能都已经发现,这个“照片库查看器”与Windows 7系统默认的“Windows 照片查看器”界面有所区别。其实“照片库查看器”就是Windows XP时代系统内置的照片查看器。

用photoshop制作gif动画图片指导

用photoshop制作gif动画图片指导 只要是photoshop6.0以上的就用自带ImageReady ,先找到你要做的原图,然后第一步: 启动photoshop,并打开需要的两幅图! 第二步: 会弹出修改框,修改宽度和高度的像素。注意下面红线里的约束比例!要改成非比例的大小就把勾点去!然后将两副图片的大小调一致! 第三步 很多JPG格式的图在photoshop8.0里锁定的,所以双击图层里的背景项,会弹出一个选项框,选择好~将背景变为图层!(同理,另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片,所以改另一副图先点击一下) 第四步 选择左边工具条上面左边的工具!然后点住一幅图片将它拖至另一副图片里!这时在图层里应该是有两个图层!将两个图片根据画面的大小对对好~按保存! 第五步: 这时启动ImageReady,打开你刚保存的图片! 第六步: 在动画工具条里点击“复制当前帧”,复制后,在动画里会显示有两个帧! 第七步: 点击动画工具里的“过度...”按扭!点击后会出现过度对话框!在“要添加的帧数”里选择你希望的帧数,默认是5,这里我们也选择5,然后点击“好” 这时动画栏里会显示有7个帧! 第八步 这时看看图层里的当前图层是否为上面的图,不是的话点击来改变当前图层!(注意有兰色条显示的就是当前图层!)选择好当前图层后,点击动画栏里第二个帧!点中后第二帧应该是兰色的!然后在图层栏那边改透明度!将其从100%改为80% 第九步 接着选择第三个帧将其不透明值改为60% 第十步: 同样的方法点击第4帧!将其不透明值改成40%。 点击第5帧,将其不透明值改成20% 第十一步: 点击第1帧,点击“选择帧延迟时间”点击后会弹出个菜单!选择0.2秒延迟后,第1帧下面会变为0.2秒。当然可以根据你的喜好改变。 第十二步: 点击第7帧,和上面一样延迟0。2秒 第十三步: 点击“播放”按扭。就可以看到效果了 第十四步:

JPG、PNG、GIF图片的区别

网站图片JPG、PNG、GIF哪个好,该选择谁目前网站图片的采用一共有流行三种,分别是JPG、PNG、GIF,然而很多人并不知道三者在 选择的时候究竟应该选谁(BMP就不考虑了吧)。虽然都可以存储图片,但是如果要发布到网上,就必须考虑速度、大小和失真程度的问题。如果你运用得好,选对图片,那样便会使网站的整体体 验上升,如果你运用得不好,就会引起反效果。下面我通过文件大小等多方面的元素来讲一下网站 图片的合理选择。 PNG、GIF、JPG 介绍 GIF 图片 Gif 算是比较老的图片格式了,它的色彩效果最低,用gif保存鲜艳的图片的话会让你的网站 看上去非常可怕。但是gif有着不可忽视的特点:体积小,有着极好的压缩效果,支持动画,并且 支持透明效果,虽然这个透明没有PNG的那样渐变透明的强大。动画选gif没错;如果你的图片只有很单调的色彩,没有渐变色,例如只有红蓝两色,那么选GIF最好不过了!例如百度的首页LOGO就是很好的例子,它的大小只有2KB,节省了资源。 JPG是数码相机最常用的格式,其特点是色彩还原好,可以在照片不明显失真的情况下,大幅降低体积,所以体积不很大,缺点是不支持透明。照片类的图片,例如网站上的Gallery,你想要 张贴出来的自然风景之类,最好都用JPG。但是屏幕截图呢?一会介绍。 PNG是最适合网络的图片!PNG的优点是,清晰,无损压缩,压缩比率很高,可渐变透明, 具备几乎所有GIF的优点;缺点是不如JPG的颜色丰富,同样的图片体积也比JPG略大。但是

PNG应该在网站设计上被推广,它是公认的最适合网页使用的图片格式。Google就是一个很好的例子。Google所有站点几乎全部的图片资源都是PNG格式。8位的PNG完全可以替代掉GIF。 上图就是Google的LOGO,选择PNG是为了最清晰同时体积更小,并且Google主页的LOGO图片并不是背景透明的,而是白色背景的。既然不是透明的,为什么不选择JPG呢?Google难道没有考虑吗,所以png有其优势。 PNG有着另一个优点,那就是逐次逼近显示(progressive display):传输图像文件的同时,可以先把整个轮廓显示出来,然后逐步显示图像的细节,即先显示低分辨率显示图像,从模糊到清晰,然后逐步提高它的分辨率。这是一个很好的用户体验。 各方面比较 大小比较:通常地,PNG ≈ JPG > GIF 透明性:PNG > GIF > JPG 色彩丰富程度:JPG > PNG >GIF 兼容程度:GIF ≈ JPG > PNG 注意,IE6下PNG的透明是不能显示的,有其对应的Hack方法。 NG vs JPG 大小实测 我在电脑上用电脑自带的截图软件进行完全一样的截图,分别保存为JPG和PNG。下面是截图后所得的原始图片大小比较:

多张GIF动态图片合成为单张图片(用PS)

多张GIF动态图片合成为单张图片(用PS) 先来看看效果 原图有: 合成后的效果: 用到的工具:photoshop(我用的版本是CS3,其他版本类似),你的耐心和细心。 需要的材料:你想合成的原图GIF动态图片若干,可能需要的背景图片一张。 下面来讲解具体步骤: <1>导入GIF动画到photoshop 说点废话,尝试过用photoshop打开GIF图片朋友可能知道,直接打开的话只能打开动画的一帧,失去了动态性,图层面板中也只有一个图层。 这里就需要用到导入。具体操作为:文件—导入—视频帧到图层 这时就会弹出如图这样一个载入窗口:

不过这是正常情况下,也许你弹出的会是这样一个东东: 解决方案也很简单,自然是下载安装QuickTime 7.1以上的版本,下载地址百度一下一大把,如果你实在懒得搜,文末我也附上了下载地址,不过是要付

银子的哦。 正确安装QuickTime后,载入窗口也打开了,下一步自然是寻找你硬盘上的GIF图片,一步步找到了你存放GIF的文件夹,这时候你“惊喜”的发现,里面居然没有你的GIF图片,莫要惊慌,这也是正常现象,原因我解释不了,对策我倒是知道,你应该知道你的GIF图片的名称吧,比如说是1.GIF,那你就在文件名那栏手动输入1.GIF,然后单击载入,出来这样一个窗口 按图上这样选好,确定! ok,大功告成,导入GIF动画成功。(鼓掌) <2>合成GIF动画 经过上一步我罗里啰嗦的诱导,相信你已经成功将GIF图片导入PS了,那现在就要开始我们的重头戏了,导入GIF图片后,图层面板呈现出这样一种状态:

没错,就是动画的每个帧占据了一个图层,这正是我们想要的结果。这时候你也发现原本会动的图片这时候也是死的不会动的,那,这也是正常的。(怎么什么都正常—_—``) 单击PS最上方的菜单栏窗口-动画如图 就会打开这么个东东 你点一下下面那排中类似播放的按钮,GIF就会动了(哇,so神奇~)(白痴—_—``)

PNG图片和GIF图片与JPG图片特点比较

PNG图片和GIF图片与JPG图片特点比较 系列一:图片格式介绍 Gif格式特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种格式支持动画。 无损耗性 Gif是一种无损耗的图像格式,这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。 水平扫描 Gif是使用了一种叫作LZW的算法进行压缩的,当压缩gif的过程中,像素是由上到下水平压缩的,这也意味着同等条件下,横向的gif图片比竖向的gif图片更加小。例如500*10的图片比10*500的图片更加小 间隔渐进显示 Gif支持可选择性的间隔渐进显示 由以上特点看出只有256种颜色的gif图片不适合照片,但它适合对颜色要求不高的图形(比如说图标,图表等),它并不是最优的选择,我们会在后面中看到png是最优的选择。 Jpeg格式特点 透明性 它并不支持透明。 动画

它也不支持动画。 损耗性 除了一些比如说旋转(仅仅是90、180、270度旋转),裁切,从标准类型到先进类型,编辑图片的原数据之外,所有其它操作对jpeg图像的处理都会使得它的质量损失。所以我们在编辑过程一般用png作为过渡格式。 隔行渐进显示 它支持隔行渐进显示(但是ie浏览器并不支持这个属性,但是ie会在整个图像信息完全到达的时候显示)。 由上可以看出Jpeg是最适web上面的摄影图片和数字照相机中。 Png格式特点 类型 Png这种图片格式包括了许多子类,但是在实践中大致可以分为256色的png和全色的png,你完成可以用256色的png代替gif,用全色的png代替jpeg 透明性 Png是完全支持alpha透明的(透明,半透明,不透明),尽管有两个怪异的现象在ie6(下面详细讨论) 动画 它不支持动画 无损耗性 png是一种无损耗的图像格式,这也意味着你可以对png图片做任何操作也不会使得图像质量产生损耗。这也使得png可以作为jpeg编辑的过渡格式 水平扫描 像GIF一样,png也是水平扫描的,这样意味着水平重复颜色比垂直重复颜色的图片更小 间隔渐进显示 它支持间隔渐进显示,但是会造成图片大小变得更大

相关文档