【C#】Gif文件生成

【C#】Gif文件生成
【C#】Gif文件生成

【C#】Gif文件生成

使用codeplex的GifCreator https://www.360docs.net/doc/1d3199814.html,来处理Gif文件

引用库文件https://www.360docs.net/doc/1d3199814.html,ponents.dll

1、把Gif文件转成Png文件

///

/// 把Gif文件转成Png文件,放在directory目录下

///

///

///

///

public static void GifToPngs(string giffile, string directory)

{

GifDecodergifDecoder = new GifDecoder();

directory += "\\";

if (!Directory.Exists(directory))

{

Directory.CreateDirectory(directory);

}

//读取

gifDecoder.Read(giffile);

for (inti = 0, count = gifDecoder.GetFrameCount(); i< count; i++)

{

Image frame = gifDecoder.GetFrame(i); // frame i frame.Save(directory + "\\" + i.ToString("d2") + ".png", ImageFormat.Png);

//转成jpg

//frame.Save(directory + "\\" + i.ToString("d2") + ".jpg", ImageFormat.Jpeg);

}

}

2、把多张Png文件转成Gif文件

///

/// 把directory文件夹里的png文件生成为gif文件,放在giffile ///

/// png文件夹

/// gif保存路径

/// 每帧的时间/ms

/// 是否重复

public static void PngsToGif(string directory, string giffile, int time, bool repeat)

{

//一般文件名按顺序排

string[] pngfiles = Directory.GetFileSystemEntries(directory, "*.png");

AnimatedGifEncoder e = new AnimatedGifEncoder();

e.Start(giffile);

//每帧播放时间

e.SetDelay(500);

//-1:不重复,0:重复

e.SetRepeat(repeat?0:-1);

for (inti = 0, count = pngfiles.Length; i< count; i++)

{

e.AddFrame(Image.FromFile(pngfiles[i]));

}

e.Finish();

}

由于Gif的转换和生成速度比较慢,所以一般放在新的线程进行操作

库文件

https://www.360docs.net/doc/1d3199814.html,/bomo/https://www.360docs.net/doc/1d3199814.html,ponents.zip

如何使用photoshop制作GIF动态动画

如何使用PHOTOSHOP制作gif动画 步骤 photoshop是图像处理软件,不是动画专业制作工具,但其提供的动画组件用来制作GIF这类片断动画还是非常简单快速的。这里做一例子说明吧。 工具/原料 ?photoshop ?图片 方法/步骤 1.打开photoshop后,将需要成为动画的部分分图层制作出来。如图中所示,图层2 是绿色小汽车,也是我们要制作成动画的唯一一个活动的组件,所以我们根据需要直接复制多个该图层: 2.然后,再根据动画场景需要将各个动画组件放置在相应位置,并根据需要适当修改。 如图中头尾的小汽车相应的剪切过,中间转变处小汽车也有适当旋转:

3.好了,我们再单击“窗口”菜单,选择“动画”命令: 4.可以看到窗口底部打开了“动画”面板:

5.动画是以帧为单位来显示的,可能通俗理解为一个帧也就是PS的一个图层。所以每 个帧只需要显示相应的图层上的图片即可。这里是先制作第一帧,只要动画最开头的只显示半辆汽车的图层,其它所有图层都隐藏掉。注意不会变的底层(图层1)在所有的帧上都不要隐藏掉: 6.第一帧制作完毕后,单击“动画”面板下面工具栏上的“复制所选帧”按钮新建帧 (也就是动画片断):

7.和第一帧一样,在新建的帧上仅保留需要的显示的图层及不变的底层即可: 8.重复前一步操作,分别新建多个帧,并分别设置要显示和隐藏的图层即可:

9.帧制作完成后,我们再对各帧设置合适的播放时间: 10.制作完成后,单击“文件”菜单,选择“存储为Web和设备所用的格式”命令:

11.在弹出的“存储为Web和设备所用的格式”窗口中选择格式为“Gif”: 12.最后再单击“存储”按钮保存动画:

《制作GIF动画》说课稿.doc

《制作GIF动画》说课稿 一、说教材我说课的题目是《制作gif动画》,它是省编初二上册《信息技术》教材,第二章动画信息制作中的第二节内容。这部分内容主要讲了使用ulead gif animator 5制作简单的gif 逐帧动画,让学生在学习和实践的过程中深刻体会动画制作原理。本节课是学习动漫设计的基础。我采用由浅入深、由简单到复杂的顺序,逐步使学生学会并掌握gif逐帧动画的设计制作方法。学好本节内容有助于为后面制作交互式的flash动画奠定基础。二、说学生本节课的教学对象为初二(八年级)学生,在初一一年的学习中,他们已经掌握了计算机基本操作和一些常用软件的使用,有一定的学习基础。同时,学生十分喜爱动画,平时通过上网和游戏也接触了一些动画,对于制作动画跃跃欲试,兴趣浓厚。三、说教学目标1、知识与技能目标:了解制作动画的常用软件,了解gif animator 5软件及其特点,会用ulead gif animator制作简单的gif动画。2、过程与方法目标:借助ulead gif animator 软件将动画分解成一组图片,帮助学生理解动画的原理;学生亲手用动画软件制作一幅动画,感受计算机动画技术的优越性,同时获得动画制作中的相关知识,为进一步学习打下基础。3、情感态度与价值观目标:通过了解动画制作软件并尝试制作动画,培养学习动画制作的兴趣。并在学习中认识到动画不仅是一种技术,更是一种文化艺术;理解动画技术是

人类文明的传承和智慧的结晶。四、说教学重难点1、教学重点:使用ulead gif animator 5让学生理解动画制作原理。2、教学难点:使用ulead gif animator 5制作简单的gif动画。五、说教法 1、创设情境法,用动画视频导入新课,引起学生的兴趣。讲解ulead gif animator 5软件,让学生对常用制作动画软件有个初步的印象。2、互动式教学法,在教师的操作讲解过程中,有学生的猜想、讨论、抢答;在学生的上机操作过程中,有教师的指导和同学的互助。师生之间、生生之间不停地进行“信息”交流,有助于学生注意力的集中和学习积极性的提高。 3、课堂小结,教师归纳总结本课教学内容,点评学生制作过程中遇到的问题。同时请学生叙述gif动画制作的主要步骤,鼓励做得好的同学,并让同学们一起分析与思考好的作品。这样各种情况的学生都会积极参与课堂的教学中,发挥各自的长处。 4、竞赛法,结合教学内容布置恰当的课堂作业练习,学生自主参与,比赛谁做得又快又好,这符合初中生争强好胜、集体感和荣誉感强的特点。同时也有利于对所学知识进行巩固和应用。六、说学法1、探究学习:通过教师演示指导,学生上机操作课堂任务来探究gif动画制作过程,培养学生的观察能力、动手操作能力和综合分析能力。2、自主学习:指导学生从自主操作过程中,归纳出gif动画制作的方法,理解动画的制作原理,以调动学生思维的积极性,使学生自主地获取知识。3、协作学习:利用学生分组操作和小组讨论,使学生在沟通中创新,在交流中发展,在

如何把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格式的动画文件。

一步步教你学会Ulead Gif 动画制作

一步步教你学会Ulead Gif动画制作 一、认识窗口 Ulead Gif Animator 是友立公司出品的一款动画制作软件,用它可以很方便的制作出Gif图片来,下面我们来认识一下它的窗口。 1、安装 1)原版的Ulead Gif Animator是英文版的,可以在它的主页上下载15天的试用版,也可以在华军下载:https://www.360docs.net/doc/1d3199814.html,/soft/579.htm 2)我们一般使用汉化版或安装汉化包来学习, https://www.360docs.net/doc/1d3199814.html,/soft/580.htm 3)安装版会在桌面放置一个快捷图标,绿色版的解压后在文件夹中找到一个绿色地球图标,自己创建一个快捷方式。 2、启动 1)双击这个绿色地球图标,即可启动Ulead Gif Animator,打开一个窗口,中间有一个向导对话框。 这儿可以选中左下角的复选框,然后下次就不出现这个对话框了 3、窗口

1)进入默认窗口后,中间的工作区里是一个白色的长条,边上有一圈虚线,表示选中状态,鼠标一进去后变成黑色的移动指针。 2)窗口左边是工具箱,里面有选择工具和绘图工具,制作动画的时候可以按要求选择。 把鼠标移到工具按钮上,就会出来一个提示, 第一个箭头是选择工具,第二排的T是文字工具,下面的是画笔和橡皮擦工具, 右边一列主要是其他选择工具,像框选、圆形选区、魔术棒选区和套索选区。 油漆桶工具可以给一个选区里头填充颜色, 下面的两个颜色块,白色是背景色,黑色是前景色,点击后可以选取其他颜色。 3)窗口右边是对象窗口,工作区中每个内容都会显示在这儿,用它还可以在原来图像上新添加一个图层。

《第二节制作GIF动画》说课稿

第二节制作GIF 动画》说课稿 一、说教材 我说课的题目是《制作GIF 动画》,它是省编初二上册《信息技术》教材,第二章动画信息制作中的第二节内容。这部分内容主要讲了使用Ulead GIF Animator 5 制作简单的GIF 逐帧动画,让学生在学习和实践的过程中深刻体会动画制作原理。本节课是学习动漫设计的基础。我采用由浅入深、由简单到复杂的顺序,逐步使学生学会并掌握GIF 逐帧动画的设计制作方法。学好本节内容有助于为后面制作交互式的Flash 动画奠定基础。 二、说学生 本节课的教学对象为初二(八年级)学生,在初一一年的学习中,他们已经掌握了计算机基本操作和一些常用软件的使用,有一定的学习基础。同时,学生十分喜爱动画,平时通过上网和游戏也接触了一些动画,对于制作动画跃跃欲试,兴趣浓厚。 三、说教学目标 1、知识与技能目标:了解制作动画的常用软件,了解GIF Animator 5 软件及其特点,会用Ulead GIF Animator 制作简单的GIF 动画。 2、过程与方法目标:借助Ulead GIF Animator 软件将动画分解成一组图片,帮助学生理解动画的原理;学生亲手用动画软件制作一幅动画,感受计算机动画技术的优越性,同时获得动画制作中的相关知识,为进一步学习打下基础。 3、情感态度与价值观目标:通过了解动画制作软件并尝试制作动画,培养学习动画制作的兴趣。并在学习中认识到动画不仅是一种技术,更是一种文化艺术;理解动画技术是人类文明的传承和智慧的结晶。 四、说教学重难点 1、教学重点:使用Ulead GIF Animator 5 让学生理解动画制作原理。 2、教学难点:使用Ulead GIF Animator 5 制作简单的GIF 动画。 五、说教法 1 、创设情境法,用动画视频导入新课,引起学生的兴趣。讲解Ulead GIF Animator 5 软件,让学生对常用制作动画软件有个初步的印象。 2、互动式教学法,在教师的操作讲解过程中,有学生的猜想、讨论、抢答;在学生的上机操作过程中,有教师的指导和同学的互助。师生之间、生生之间不停地进行“信息”交流,有助于学生注意力的集中和学习积极性的提高。 3、课堂小结,教师归纳总结本课教学内容,点评学生制作过程中遇到的问题。同时请学生叙述GIF 动画制作的主要步骤,鼓励做得好的同学,并让同学们一起分析与思考好的作品。这样各种情况的学生都会积极参与课堂的教学中,发挥各自的长处。 4、竞赛法,结合教学内容布置恰当的课堂作业练习,学生自主参与,比赛 谁做得又快又好,这符合初中生争强好胜、集体感和荣誉感强的特点。同时也有利于对所学知识进行巩固和应用。

教你如何修改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的制作 动画技术已成为当今网页制作的一个重要组成部分。在网页中使用动画可引起用户对重要信息,如主要论点的注意;可显示某种动态过程;可从多种视角观察同一对象,还可实现自动放映幻灯片等多种特殊效果。以前,网页中的动画是通过服务器驱动的,其速度是可想而知的。GIF动画技术虽问世不久,但其鲜明的特色使其一跃成为网页动画的主流,得到了浏览器与系统平台的广泛支持。 动画GIF图形由多种不同的块组成,包括:图像块、文件头块、循环块、纯文本块、注释块、控制块等。动画GIF的制作非常简单,且无需了解相关编程语言,无需对Web服务器采取特殊形式的访问。动画GIF合并到网页中的方法和普通图像一样,即使用IMG符号。动画GIF是由本地计算机驱动的,因而其显示速度要比由服务器驱动的动画快。本文以在动画制作软件GIF Construction Set for Windows 1.0M中的二个制作来说明其一般用法。 系统提供了二个实例ball.gif和example.gif,选择File/Open来分别打开这二个文件后,在屏幕上将显示其组成内容。下面,我们制作二个动画文件。 ●让屏幕依次显示“Who”,“are”,“you?”三幅字幕。 1、启动画笔或其他画图工具,分别制作出三幅图像A1.BMP、A2.BMP、A3.BMP,其内容分别为“Who”、“are”、“you?”。 2、启动GIF Construction Set for Windows 1.0M。

3、选择File/Animation,单击Next,选择Yes/Next/Loop imdefinitely /Next /Photorealistic Wizard/Next,然后选择每幅图像的显示时间,如 100hundredths(即1秒)。 4、单击Select,依次选择A1.BMP、A2.BMP和A3.BMP三幅图像,选择Done /Next /Done。 5、选择File/Save,取名为Who.GIF,此动画文件就制作成功了。 在屏幕上,将会看到此文件的组成结构。第一行是文件头块(HEADER),它包含文件的GIF版本、文件的大小及使用的调色板。双击文件头可修改其内容,在Screen框内,应是最大的一帧图像的尺寸。第二行是循环块(LOOP),可设定动画的循环次数。第三行是控制块(CONTROL),控制其后面的一幅图像的显示方式,如显示时间、清除方式等。 单击View可观看此动画文件,也可在浏览器的地址栏中输入 file://c:\gifconstructionset\Who.GIF 来观看其动画效果。如不满意,可修改动画文件的循环块及控制块的内容。 ●改变图像的交错方式 要使一图像在显示时由浅到深,或从左向右显示,就需要改变其交错方式。下面是让A1.BMP在从底向上显示的制作过程。 1、启动GIF Construction Set for Windows 1.0M。

如何制作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动画制作把普通人像转为漂亮的芭比娃娃效果彩色光丝文字制作合成梦幻的海景婚片 镜抠发丝详解利用图章工具消除背景杂物制作漂亮的彩色光圈漂亮的彩带字制作 CS6新功能介绍 容感知移动工具2、矢量工具3、裁剪工具4、场景模糊5、光圈模糊 斜偏移7、图层分类及查找 初步认识CS6 件界面新建文件及参数设置图层基础知识文件的打开及大小调整RGB颜色 础知识高光选区图层蒙版矢量蒙版剪贴蒙版 版前景色与背景色智能对象路径及描边路径 工具箱 移动工具 矩形选框工具椭圆选框工具单行选框工具单列选框工具 套索工具多边形套索工具磁性套索工具 快速选择工具魔棒工具 裁剪工具透视裁剪工具切片工具切片选择工具 吸管工具颜色取样器工具标尺工具注释工具计数工具3D材质吸管工具 污点修复画笔工具修复画笔工具修补工具内容感知移动工具红眼工具 画笔工具铅笔工具颜色替换工具混合器画笔工具 仿制图章工具图案图章工具 历史记录画笔工具历史记录艺术画笔工具

像皮擦工具背景橡皮擦工具魔术橡皮擦工具 渐变工具油漆桶工具3D材质拖放工具 模糊工具锐化工具涂抹工具 减淡工具加深工具海棉工具 钢笔工具自由钢笔工具添加锚点工具删除锚点工具转换点工具 横排文字工具直排文字工具横排文字蒙版工具直排文字蒙版工具 路径选择工具直接选择工具 矩形工具圆角矩形工具椭圆工具多边形工具直线工具自定义形状工具 抓手工具旋转视图工具 缩放工具 填充及调整图层 色填充2、渐变填充3、图案填充4、亮度/对比度5、色阶 线7、曝光度8、自然饱和度9、色相/饱和度10、色彩平衡 白12、照片滤镜13、通道混合器14、反相15、色调分离 值17、渐变映射18、可选颜色 图层样式 项之常规混合混合选项之高级混合混合选项之混合颜色带斜面和浮雕等高线,纹理 内阴影内发光光泽颜色叠加 加图案叠加外发光投影样式新建及保存 入及应用

《制作GIF动画》教学设计.doc

《制作GIF动画》教学设计 一、教学目标 1、知识与技能目标:了解制作动画的常用软件,了解gif animator 5软件及其特点,会用ulead gif animator制作简单的gif动画。 2、过程与方法目标:借助 ulead gif animator 软件将动画分解成一组图片,帮助学生理解动画的原理;学生亲手用动画软件制作一幅动画,感受计算机动画技术的优越性,同时获得动画制作中的相关知识,为进一步学习打下基础。 3、情感态度与价值观目标:通过了解动画制作软件并尝试制作动画,培养学习动画制作的兴趣。并在学习中认识到动画不仅是一种技术,更是一种文化艺术;理解动画技术是人类文明的传承和智慧的结晶。 二、教学重难点 1、教学重点:动画原理的理解。 2、教学难点:gif动画的制作。 3、教具:微机室 4、教学方法:讲授法、讨论法、任务驱动法,小组协作法 三、教时安排:1个课时 四、教学过程: 素材资源:教师事先准备好一些动画素材,发送到学生电脑上。 教师活动 学生活动

说明 一、视频导入 1、播放视频“小破孩防火”和“遇到火灾怎么办”; 2、gif格式——一种常用的网页图形格式,适合于制作卡通、徽标等图像;它可以存储单幅的图像之外,还可以存储多幅图像组成动画。gif格式可以将单帧的图像组合起来,然后轮流播放每一帧而成为动画。它常用于网页之中,也可以作为手机的屏幕保护动画。 学生观看视频,听讲解; 学生回忆gif格式的特征。 从防火知识小动画视频导入,既能密切知识联系生活实际,创 设学习情境,又 能激发学生的学习兴趣。 二、讲授新课 1、介绍gif动画制作软件ulead gif animator。 ulead gif animator动画制作软件,是目前功能最强、操作最简易、使用也最广泛的gif动画制作软件。该动画制作软件还可以连结到绘图软件,来作图片的编辑修改,使用它来制作动画可说是相当的便利。 2、创设情境 (1)欣赏gif动画 提问:这几幅小动画有哪些特点?猜猜由几帧组成? (2)gif小动画分解(分析动画的组成,理解动画原理。)

常用的动画制作软件

课题:常用的动画制作软件 备课时间:9.10 上课时间:9.10—9.14 教学目标: 1.了解制作动画的常用软件,会用Ulead GIF Aanimator制作简单的GIF动画 2.借助相关软件将动画分解成一组彼此相关的图片,帮助学生理解动画的原理; 让学生利用动画制作软件制作一幅动画,感受计算机动画技术的优越性,同时学习动画制作中的相关知识,为进一步学习打下基础。 3.通过了解动画制作软件的使用方法并尝试制作动画,培养学生学习动画制作 的兴趣。 学情分析:学生对一些常用的动画制作软件并不熟悉,所以教师可通过网上下载好的一些gif动画增加学生的兴趣,并让学生试着自己去制作一个gif动画,体会这些软件带来的优越性,增加学习的兴趣。 教学重点难点: 1.会用Ulead GIF Aanimator制作简单的GIF动画 2.利用动画制作软件制作一幅动画,感受计算机动画技术的优越性 教学方法: 演示法、讲授法、实验法 教学过程: 1.新课导入:上节课我们已经了解了动画的原理和分类,并且学会了下载GIF动画和FLSH动画,那么制作动画的常用软件是什么呢?这节课就和大家一起学习本课的内容。 师:板书课题。并打开GIF动画制作软件Ulead GIF Aanimator。 师:引导学生看书140页,并结合Ulead GIF Aanimator窗口简单介绍其功能。师:小黑板展示

Ulead GIF Aanimator是友立公司开发的GIF动画制作软件,其功能使用方便、制作快捷、可以套用大量现成的特效。 师:广播教学,打开一幅已下载的GIF动画。 分析动画的组成,进一步帮助学生理解动画制作的原理。 师:大家不难看出用Ulead GIF Aanimator打开GIF动画,大家发现了什么呢?生:思考回答 师:根据学生的回答,总结。 事实上,GIF动画是由若干幅动作连续的静态图片组构成的。 师:进一步用Ulead GIF Aanimator播放,让学生体会其认识。 2.实践练习 制作一幅“豹子奔跑”的GIF动画。 师:利用广播教学传送豹子奔跑的相关图片 生:接收,地址:D:/原文件文件夹。 生:启动GIF动画制作软件Ulead GIF Aanimator 师:方法引导,利用广播教学演示。 生:以小组为单位,自主探究 师:巡查指导。 师:请小组学生上来演示,并协助完成。 师生共同总结GIF动画制作的主要步骤。 步骤一:收集一组内容相似的图片 步骤二:启动GIF动画制作软件Ulead GIF Aanimator 步骤三:执行“文件→添加图像”对话框。在存放图片的文件夹中选择所有图片,并选中“插入为新建帧”,单击“打开”按钮,导入图片到个新建帧。 步骤四:执行“编辑→修整画面”命令,使图片与画面大小吻合。 步骤五:单击“预览”标签或单击窗口左下角的“播放”按扭,观看动画鲜果。步骤六:执行“文件→另存为”命令,选择“GIF文件”格式保存。 3.其他动画软件 师:广播教学展示 (1)Ulead Cool 3D

学习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动态图片

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、添加第二张图片 接着做第二张图(也就是第二帧),鼠标左键点击下边的"添加帧"这

用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秒 第十三步: 点击“播放”按扭。就可以看到效果了 第十四步:

多张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神奇~)(白痴—_—``)

如何制作GIF动态图片

个人收集整理-ZQ 动态图像,适用于多种操作系统,“体型”很小,支持透明背景图像,网上很多小动画都是格式.其实是将多幅图像保存为一个图像文件,从而形成动画,所以归根到底仍然是图片文件格式.一个动态图像可以包含很多信息,活泼可爱,很吸引人地眼球,可以起到很好地宣传店铺地效果哦. 以前认为制作这样一个动态头像会很麻烦,其实学起来没有我们想象中地那样复杂,很简单嘀,下面我们就一步一步来看如何做这样地动态图标吧.资料个人收集整理,勿做商业用途第一步制作所用地软件 制作图片需要专门地图像处理软件,这里推荐. 是友立公司出版地动画制作软件,也是目前最常用地处理软件.大家先下载这个软件.资料个人收集整理,勿做商业用途 软件下载地址:简体中文绿色版霏凡软件站.这个软件不需要安装,下载下来是个压缩文件.解压缩到一个文件夹就可以直接使用嘀.资料个人收集整理,勿做商业用途 第二步制作步骤 、设置初始图片 下载后,把他解压缩到任意一个文件夹,双击可执行文件打开程序,图片做头像用,图片不宜太大,我们把图片大小设置为*高宽像素.点击左上角"文件""新建",设置高度和宽度都是像素,选中"完全透明",点击"确定".资料个人收集整理,勿做商业用途 、设置第一张图片 点击“文件”“添加图像”弹出来选择图片文件地窗口,然后选择你要在闪图中显示地第一张图片,点击“打开”.资料个人收集整理,勿做商业用途 、设置图片大小 填加图片后,你会发现编辑界面中地图片只显示整张图片地左上角(*像素大小),鼠标左键点住图片不放,拖动可以看到完整图片.因此,我们需要对图片大小进行缩放地操作,把图片缩小到*像素大小(与背景一直).鼠标右键点击图像,弹出来地菜单左键点击“对象属性”,"对象属性"地窗口中设置如下:左、顶部设置为;高宽设置为;保持外表比率不打勾;然后点击"确定".这样整张图片就被缩放到*像素大小了,第一张图片制作完毕. 备注:如果大家熟悉地话,可以事先把要放入中地图片处理成*像素大小,这里就不用这一步了.资料个人收集整理,勿做商业用途 、添加第二张图片 接着做第二张图(也就是第二帧),鼠标左键点击下边地"添加帧"这个按钮,即可新建一个空白地图片.图片大小设置按照第一张那样来操作资料个人收集整理,勿做商业用途 、图片之间切换速度地设置 做好两张图片后,点击“预览”可以看一下动态图效果,你会看到图片切换地速度太快,不停地闪动,这就需要调整图片切换地速度.鼠标右键点击图片,弹出来地菜单中点击“画面帧属性”,进入“画面帧属性”设置页面,设置图片切换速度.设置延迟为(将每章图片地延迟都设置为).资料个人收集整理,勿做商业用途 、同理制作其他图片 每一张图片是一帧,和制作第二张图片地过程一样,继续加入其它要放入闪图地图片. 、保存图片全部图片编辑好后,点击“保存”按钮,点击“保存为文件”,给做好地图取个名字保存到自己地电脑上,即大功告成啦. 是不是很简单,希望大家都能做出漂亮地图,吸引更多地顾客,最后祝大家生意兴隆!我们一起努力,一起加油吧.资料个人收集整理,勿做商业用途 1 / 1

Ulead_GIF_Animator_V5动画超级简单教程

Ulead GIF Animator V5.05动画超级简单做 从名字上便可看出,即“友立GIF动画,5.05版”,是一款专业GIF 动画制作软件,由Ulead(台湾友立)公司创作。Ulead GIF Animator (以后我们不妨也习惯称呼它UGA)不但可以把一系列图片保存为GIF 动画格式,还能产生二十多种2D 或3D 的动态效果,足以满足您制作网页动画的要求。在介绍这个软件之前,我们先说说GIF 文件。 什么是Ulead GIF Animator? 刘智宇 Ulead GIF Animator是Ulead(友立)公司最早在1992年发布的一个动画GIF制作的工具。1999年Ulead(友立)公司又推出的Ulead GIF Animator4.0的版本,在这个新版本中不但继承了前期版本的优点,例如多幅外部图象文件的组合动画、对外部动画文件的支持和GIF图象优化等,而且还提供了新的滤镜功能、条幅文字效果、增强的优化算法和新的四个工作版面状态等,使网页设计者可以快速地轻松创建和编辑网页动画文件。GIF Animator引入了图层Image Layer概念,这原本只有在高级图形处理工具中才提供的,而使用这项功能,我们可以创建出效果更加丰富的图形,甚至是多个图形之间的叠加,这样的画面效果极好。同时程序也提供了近乎专业的层合并、重定义尺寸、Layer Pane 多层内容的同步色彩编辑等功能。 GIF和GIF89a格式简介 在了解软件前,我们先了解一下GIF 的基本知识。GIF(Graphic Interchange Format 图形互换格式)是为跨平台消费市场而开发的。因为当时的计算机图形卡最高只支持256色,有的只是单色的。GIF格式应用了减色抖动(dithering)技术,将每点的位数减少至1—8位,通过这样的减少每点的存储位数来达到缩小图像文件的大小目的。因为GIF格式的图像文件的小巧,使GIF成为Internet上应用最广泛的图像格式,并且直到现在仍旧是这样。而自JPEG(简称JPG,最早由Joint Photographic Experts Group提出并由此命名)格式出现后,GIF格式受到挑战,但是GIF格式具有的特殊效果:交错效果、透明底色效果和GIF89a动画效果,使GIF格式仍然拥有较多的支持者。

PSD教程:轻松制作GIF动画之一基础篇

今天教你玩转PS时间轴,让你全面认识PS时间轴工具,附上一个超简单的颜色动画实例,十分钟就可以学会,来收! 首先要了解的是PS有5种类型的图层按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面,各种类型的图层都有对应时间轴的动作属性,如图所示: 可以得知所有的动作属性有:位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。 名称描述 位置:像素图层中元素移动的位置,也可以理解成位移,它不包含旋转和缩放,并且对形状图层无效。 不透明度:图层的透明度,而调整填充则无效。 样式:图层样式,产生动画的是各种样式参数变化(即颜色、角度、大小、不透明度等参数)。 图层蒙版位置:暂不描述。 变换:动作最多的一个属性,其中包含移动、缩放、旋转、斜切、翻转,因此很多情况下需要把图层类型转换为智能对象才能做。 矢量蒙版位置:形状图层中元素移动的位置。 制作一个动画的基本步骤 1,创建一个500px×500px的画布,调出时间轴面板(窗口—时间轴), 点击创建时间轴按钮,等一下!!!因为当前只有一个图层,所以最好先新建一个图层再点击这个按钮,当然如果是要做背景透明的可以直接点击(事实上要做透明背景的只需隐藏背景图就行了),否则在制作动画的时候会有很繁琐的事等着你。 额外话: 本人建议,当你要做一个设计的时候,新建带背景图层的文件(切图及少部分特殊的情况下可以新建透明背景的~),保留原生态纯正的背景图层,当你不需要的时候可以隐藏。否则,就算你新建一个背景图层,加上任何锁定,并且把它改为同样的ID,它始终不是纯正的背景图层,聪明的你看字体就知道啦。 2,做一个颜色变化的动画

三款经典Gif动画制作软件比较.

三款经典Gif动画制作软件比较 三款经典Gif动画制作软件比较 (2002-03-25 13:57:15) 当你浏览网站看到那些栩栩如生的动画时,是否想过自己去尝试着做一个,让别人也羡慕羡慕呢?现在使用较多的有Gif动画和Flash动画。虽然Flash动画迅速崛起,但Gif动画以其制作简单、适用广泛,在网页动画中的地位依然无可替代。本文向你介绍的三款软件———Adobe的ImageReady,Macromedia的Fire works,Ulead的GifAnimator皆可称为经典,仔细权衡之后,总会有一款适合你。 ImageReady号称Web-PhotoShop。它不仅有Photo Shop强大的图形处理能力,而且还可以创作富有动感的gif动画,有趣的动态按键,漂亮的网页,ImageReady完全有能力独立完成从制图到动画的过程。它与PhotoShop 的紧密结合更能显示出它的优势,ImageReady是基于图层来建立gif动画的,它能自动划分动画中的元素,并能将PhotoShop中的图像用于动画帧。 在ImageReady的编辑环境(可通过PhotoShop工具面板的跳转按钮直接转换),我们主要使用到的是Ani mation面板。开始时,该面板上默认只有一帧,点击面板下方添加按钮,插入新的图片可以新增加一帧。另外通过层面板改变显示和隐藏的层,还可以产生局部发生了变化的帧。当完成所有帧的设置,再依次播放这些帧时,动画就产生了。 在每一个帧的下方,都显示着一个数字标记,这是表示在动画完成之后,本帧所代表的画面将迟延几秒。数字越大,表示该画面停留的时间越长。一般可将重要的页面设置成比较大的数值,以便于引起别人的注意;而一些效果过渡的画面应取较小的值,以增加动感效果。在设置完成后,点击该面板下的播放按钮来对动画进行预览。 ImageReady在优化处理方面也提供了比较出色的支持。Optimize面板可以对你的作品进行压缩优化设置,通过减少颜色数量可以很大程度上降低文件大小。 如果你是一个PhotoShop高手的话,相信可以利用ImageReady制作出更经典的gif动画。另外,请在完成所有设置后,保存好PSD格式的文件,以便于以后在必要的时候进行改动。 Fireworks4.0是Macromedia公司推出的一款编辑矢量位图的综合工具,与Dreamweaver和Flash合为网页制作三剑客。在Fireworks中,你可以创建动画广告条、动画标志、动画卡通等多种类型的动画图像。由于该软件制作动画随意性比较大,所以下面用具体的步骤来说明。 新建一个文件,定义好长和宽,导入所需图片;选中图片,选择modify菜单Animate->Animatedselec tion,进入动画参数设置;在

相关文档
最新文档