当前位置:文档之家› Adobe Photoshop CS6时间轴制作流畅的Gif动画

Adobe Photoshop CS6时间轴制作流畅的Gif动画

Adobe Photoshop CS6时间轴制作流畅的Gif动画
Adobe Photoshop CS6时间轴制作流畅的Gif动画

自从Photoshop CS3后,Adobe则将原来的ImageReady整拼到Photoshop中,因此直接透过Photoshop就可完成Gif动画制作,相当的方便,但到了Photoshop CS6后,则会发现到,在原来视窗的菜单中,却找不到「动画」选项,只有「时间轴」,其实在Photoshop CS3后,就有时间轴的存在,它除了可拿来制作影片外,也可用来制作Gif的动画,且会比原来的逐格方式更加的顺畅,而使用方法与AE相当雷同,因此就一块来看看,如何利用时间轴来制作出流顺畅的Gif动画。

PS CS6 时间轴:

使用版本:hotoshop CS6

操作难易:易

实用性质:★★★★★

步骤1

首先开启Photoshop CS6,建立一个新档案,并输入文字。

步骤2

接著选择菜单视窗/ 时间轴选项。

步骤3

当开启「时间轴」面板后,可从下拉选单中,选择动画的制作模式。

步骤4

设定好动画模式后,再对著它点一下,就可进入编辑模式,这是大家较熟悉的影格动画模式,但今天要来分享时间轴的部分,因此可点右上的箭头,可将模式切换为「时间轴」。

步骤5

这时点一下文字的三角形,展开选项后,比方要制作淡出效果,对著不透明度前方的小图示,点一下建立关键点,当建立成功时,在时间轴上会出现一个黄色的菱形图示,这边与AE的操控相同。

步骤6

接著拉到要淡出的时间轴上,并改变文字的不透明度,这时在时间轴上,就会再产生结束的关键点。

步骤7

完成后,在时间轴上,就会看到二个关键点,这时也可将时间轴,切回影格。

步骤8

切回影格后,就会看到一堆的影格。

步骤9

选择储存为网页格式时,将档案格式设成Gif后,还可预览动画效果。

步骤10

完成结果如下。

如何使用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、协作学习:利用学生分组操作和小组讨论,使学生在沟通中创新,在交流中发展,在

利用PS制作gif动画

利用PS制作gif动画 陈华明 所谓动画,实际上就是由若干幅具有连贯动作的图片逐幅连续播放的画面。通常认为,“幅”就是专业术语中的“帧”。实际上两者还是有差异的。帧是指视频播放过程中最小单位的单幅影像画面,相当于电影胶片上的每一格镜头。而幅则是通过绘制或拍摄后得到的静止画面。视频制作过程中,对于每帧播放时间相对固定的视频格式,有时候为了延长一幅画面的逗留时间,一幅可以横跨几个帧。所以,幅的概念大于等于帧。一个动画可以仅仅播放一次,例如在动画视频中;也可以连续循环无限制播放,例如网络上流传广泛的gif动画(当然,gif也可以根据作者的要求,播放指定的次数)。在PS软件中,就具有制作动画的功能。PS制作的动画格式通常为gif。本文就是就PS制作gif动画的方法做一个介绍。 我们可以试一试。打开PS工具。点击上面菜单“窗口”,如下: 在“动画”前面打“√”。于是,PS界面下方出现浅色长条形动画面板。如下: 如果显示的不是“动画(帧)”,而是“测量记录”,可以点击“动画(帧)”切换过来。

下面打开若干具有连续动作的独立画面。可以一次性将选中的画面全部打开。(操作过程:点中第一幅,然后按住“Shift”,同时点击最后一幅,即可将图片全部选中。或者,点住鼠标左键自左至右或自右至左画一个方框,将前部图片画在框内,也能将图片全部选中。再点击“打开”。) 于是,PS界面上方出现若干图片选项卡。如下: 由于是全部选中一起打开,PS会自动从第一幅到最后一幅顺序打开。所以选项卡也是从左至右依次排列。可以看一下,最左边的是“01”,最右边的是最后一幅“08”,而且“08”选项卡颜色呈现浅灰亮色。说明现在PS画面上的图就是“08”。 我们就以“08”为基准来制作动画。 在“08”打开的状态下,也就是“08”选项卡呈现浅灰亮色的情况下,检查PS界面右侧“图层”板块是否显示。如图: 如果没有显示,可以点击“图层”选项卡切换得到。总之,要使得“图层”选项卡呈现浅灰亮色。下面有一个图层名为“背景”。前面小方框中有一个眼睛图案。

《第二节制作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、竞赛法,结合教学内容布置恰当的课堂作业练习,学生自主参与,比赛 谁做得又快又好,这符合初中生争强好胜、集体感和荣誉感强的特点。同时也有利于对所学知识进行巩固和应用。

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

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

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

逼真的流水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格式动画制作教材

浅谈GIF格式动画制作 邹国平 一、什么是动画? 动画是通过连续播放一系列画面,给视觉造成连续变化的图画。 它的基本原理与电影、电视一样,都是视觉原理。医学已证明,人类具有“视觉暂留”的特性,就是说人的眼睛看到一幅画或一个物体后,在1/24秒内不会消失。利用这一原理,在一幅画还没有消失前播放出下一幅画,就会给人造成一种流畅的视觉变化效果。 我们所介绍是一种较简单的动画制作,称作平面GIF动画制作。是由许多帧静止的画面连续播放所产生的动画。 二、什么是帧(zhēn)? 帧是影像动画中最小单位的单幅影像画面,相当于电影胶片上的每一格镜头。一帧就是一副静止的画面,连续的帧就形成动画,如电视图像等。 帧数,就是在1秒钟时间里传输的图片的帧数,也可以理解为图形处理器每秒钟能够刷新几次,通常用fps(Frames Per Second)表示。每一帧都是静止的图像,快速连续地显示帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动画。每秒钟帧数 (fps) 愈多,所显示的动作就会愈流畅。 三、什么是GIF? GIF的全称是 Graphics Interchange Format(可交换的文件格式),

是 Compuserve 公司提出的一种图形文件格式,主要应用于互联网。 GIF格式提供了一种压缩比较高的高质量位图,但 GIF 文件的一帧中只能有 256 种颜色。GIF格式的图片文件的扩展名就是“.gif ”。 与其它图形文件格式不同的是, 一个GIF文件中可以储存多幅图片,这时, GIF 将其中存储的图片像播放幻灯片一样轮流显示, 这样就形成了一段动画。 GIF 文件还有一个特性:它的背景可以是透明的, 也就是说, GIF格式的图片的轮廓不再是矩形的, 它可以是任意的形状, 就好象用剪刀裁剪过一样。 GIF格式还支持图像交织, 当您在网页上浏览 gif 文件时, 图片先是很模糊地出现, 然后才逐渐变得很清晰, 这就是图像交织效果。 四、如何制作GIF动画? 很多软件都可以制作 GIF格式的文件, 如 Macromedia Flash, Microsoft Powerpoint 等, 相比之下, Ulead Gif Animator 的使用更方便, 功能也很强大。 Ulead Gif Animator 不但可以制作静态的 Gif 文件, 还可以制作 Gif 动画, 这个软件内部还提供了二十多种动态效果, 使您制作的 Gif 动画栩栩如生。现在我们就开始介绍 Ulead Gif Animator 的安装及使用方法。

网页动画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动画》教学设计.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动画

《有趣的GIF动画》教学设计

有趣的GIF动画 授课班级六年级授课教师孔庆冲授课时间 20XX年10月29日 一、教学目标 ㈠纲要或课程标准中的相关内容 广东省义务教育信息技术课程纲要倡导自主、合作、探究的学习方式,给学生提供充分的探究空间,使学生的信息素养在主动学习信息技术的过程中得到形成和发展。经历运用信息技术进行简单的信息加工处理的过程,学会一般的加工方法,懂得创造性地表达思想或解决实际问题。认识常用的多媒体制作工具及作品。通过应用实例的学习,初步掌握Ulead GIF Animator多媒体制作工具的简单制作方法,并能创作简单的多媒体作品。 ㈡教学目标 1.知识与技能 ⑴理解GIF动画制作原理。 ⑵初步掌握使用Ulead GIF Animator软件创作基础动画。 2.过程与方法: ⑴经历根据任务要求,从学习资料中获取信息的过程,懂得独立思考,解决问题。 ⑵经历合作探究完成动画合成任务,学会团队协作、掌握GIF动画制作的方法。 3.情感态度与价值观 ⑴养成良好的信息技术学习习惯,形成积极主动地学习和使用信息技术、参与信息活动的态度。 ⑵体验信息技术学习活动中获得成功的情感,树立敢于使用信息技术的信心。 二、学生分析 六年级的小学生还是比较活泼好动,对新奇的事物感兴趣。他们已经具备一定的信息技术基础知识与基本技能,分析解决问题的能力逐渐增强,自主学习和自我评价的能力有进一步的发展。在教学的过程中根据学生的差异,设计分层任务,创设有趣的情境,引导学生自主学习、主动探究、小组合作,鼓励学生对自己或他人的作品进行评价,在交流、竞争、合作中学习新知。 三、教材分析 《有趣的GIF动画》是佛山市《信息技术》编委会编写的《信息技术》(小学版)六年级上册第6课的教学内容。在五年级学习了flash动画,了解动画制作基本原理的基础上,引入GIF动画教学,承前继后,为以后学习插入网页动画作准备,是教材知识之间的衔接,也是应用软件教学的推动。 ㈠本节知识点分层 1.设置画布。 2.添加图像。 3.改变播放速度。 4.作品另存为GIF格式文件。

初中制作GIF动画教案

初中制作GIF动画教案 Making GIF animation teaching plan in junior high school

初中制作GIF动画教案 前言:教学设计是根据课程标准的要求和教学对象的特点,将教学诸要素有序安排,确定合适的教学方案的设想和计划。一般包括教学目标、教学重难点、教学方法、教学步骤与时间分配等环节。本教案根据教学设计标准的要求和教学对象的特点,将教学诸要素有序安排,确定合适的教学方案的设想和计划。便于学习和使用,本文档下载后内容可按需编辑修改及打印。 一、教学目标 1、知识与技能目标:了解制作动画的常用软件,了解 gif animator 5软件及其特点,会用ulead gif animator制作简单的gif动画。 2、过程与方法目标:借助 ulead gif animator 软件将动画分解成一组图片,帮助学生理解动画的原理;学生亲手用动画软件制作一幅动画,感受计算机动画技术的优越性,同时获得动画制作中的相关知识,为进一步学习打下基础。 3、情感态度与价值观目标:通过了解动画制作软件并尝试制作动画,培养学习动画制作的兴趣。并在学习中认识到动画不仅是一种技术,更是一种文化艺术;理解动画技术是人类文明的传承和智慧的结晶。 二、教学重难点

1、教学重点:动画原理的理解。 2、教学难点:gif动画的制作。 3、教具:微机室 4、教学方法:讲授法、讨论法、任务驱动法,小组协作法 三、教时安排:1个课时 四、教学过程: 素材资源:教师事先准备好一些动画素材,发送到学生电脑上。 教师活动 学生活动 说明 一、视频导入 1、播放视频“小破孩防火”和“遇到火灾怎么办”; 2、gif格式——一种常用的网页图形格式,适合于制作卡通、徽标等图像;它可以存储单幅的图像之外,还可以存储多幅图像组成动画。gif格式可以将单帧的图像组合起来,然

Ulead Gif Animator 基础入门教程

Ulead Gif Animator 基础入门教程 三、闪光字 动画的原理是,许多图片快速连续播放,人眼睛看着就是一个连贯的动画了,下面我们来看一个简单的动画,它是利用颜色的变化来产生闪光字效果; 1、运行程序 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序; 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”; 2、第一帧文字 1)在左边的工具箱里点击选中文字工具T,然后在中间的白色画布上点一下,在右下角出来一个文本面板, 光标在下面的文本框中一闪一闪,提示输入文字;

2)调出汉字输入法,在里面输入自己的姓名,然后点上边的黑色颜色块,在出来的菜单中,选择第一个“Ulead 颜色选择器”; 3)在出来的颜色面板中选择绿色,点右上角的“OK”按钮返回文本框;

4)然后点“确定”按钮,工作区里面有一个虚线框包围的文字; 5)点菜单“编辑-修整画布”命令,把多余的白色部分裁切掉,注意保持虚线框的选中状态; 3、第二帧文字 1)点菜单“编辑-复制”命令,把第一帧的文字复制一下; 2)点下面帧面板的白色“添加帧”按钮,添加一个空白帧; 3)点菜单“编辑-粘贴”命令,粘贴一个相同的文字对象,注意第一帧有白色背景,第二帧是透明背景;

4)把鼠标移到窗口的工作区中,瞄准绿色文字单击鼠标右键,出来一个菜单,选择“文本-编辑文本”命令,注意瞄准绿色笔画; 5)这时右下角出现文本框面板,点击上面的绿色颜色块,把它改成蓝色,然后点确定返回; 6)点菜单“文件-保存”命令,以“文字”为文件名,保存文件到自己的文件夹; 再点菜单“文件-另存为-Gif文件..”,也以“文字”为文件名,保存文件到自己的文件夹,这次保存的是是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所用的软件 制作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动画》,它是省编初二上册《信息技术》教材,第二章动画信息制作中的第二节内容。这部分内容主要讲了使用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、协作学习:利用学生分组操作和小组讨论,使学生在沟通中创新,在交流中发展,在合作中获得新知。 七、说教学理念 本节课主要是讲解使用ulead gif animator 5制作gif动画上,下载动画视频引入,从学生喜爱的动画视频入手,再通过对gif动画的分解和合成,加深学生对动画原理的理解,同时达到让学生掌握使用ulead gif animator 5制作简单的gif动画的方法。

时间轴制作

简介:时间轴制作动画是我们主要的动画制作方式,本篇教程开始正式学习利用 imageready的时间轴来制作动画。 此刻我们正是开始运用时间轴来打造动画,这和我们前面的帧式动画有非常大不同,但相比之下时间轴方式来的更直观与简便,还是我们以后最主要的打造方式。 继续上一课的内容,开始设置“悄然来去”的动画。在时间轴调板中展开这个文字层的动画项目,见下图。确保当前时间为0:00:00:00,同时留意红色箭头处的时间标杆应位于最左 端,这就表示是处于起始时刻。 继续用拖动工具把“悄然来去”拖动到画面的右端。之后在单击橙色箭头处的秒表按钮,这表示启动了“地方”这一动画项目,并且把目前该文字层的地方(画面最右端)记录在起始时刻。时间轴区域中出现的黄色菱形就是该处包含记录的标志,这也称为重点帧,是时间轴的 重点帧,和我们之前学习的过渡帧动画不同。 把时间标杆拖到最右半,运用拖动工具把文字拖动到画面最左端,这时会看到时间轴上的标杆处主动产生了一重点帧。见下图,并且留意在红色箭头处有一菱形的“删除/加上”按钮,这个时候假如按下该按钮,把会删除时间标杆处已新建的重点帧。假如标杆处没有重点帧, 单击则可新建一新帧。 想要留意的是,在这儿我们的时间标杆往右最多只能拖动到04:04时刻处,而不是05:00。这是由于05:00是动画最后结束的时刻,是“最终一帧结束时”的时刻,但我们此刻想要设置的是“最终一帧开始时”的状态,而最终一帧本身把停留一段时间。因此标杆并不会位于 05:00时刻。要记住帧是最小的单位。

通过上面的设置我们做完了“悄然来去”文字的地方拖动设置。继续来设置其透明度变化。我们先弄个简易的,就是从开始时淡入,执行到一半时完全显现,之后淡出直到结束。如此就想要3个重点帧执行设置,在开始时刻设置为0%,一半时设置为100%,结束时再设置成0%就可以了做完。大概见下图。留意在时间轴方式下不要通过隐蔽图层实现透明度变化。当我们在步骤1中把重点帧1设置成0%后,假如向后拖动时间标杆,会发觉在所有时间内透明度都是0%。在步骤2中设置重点帧2后,会发觉12之间已有过渡效果,但重点帧2然后直到结束时,文字都始终显示。这就带出时间轴一非常重要的性质:某个时刻的重点帧设置会影响该时刻然后的所有时间。所以重点帧1的设置导致了然后所有时间内(12之间、23之间)文字图层全程都是0%。而当重点帧2设置后,既在12之间形成了过渡,也导致了23之间变只为全程100%。直到重点帧3设置做完,23之间形成过渡。 在设置的顺序上,并不想要完全遵从上述的顺序。“悄然来去”本来就是100%的状态,如此我们可先在一半时刻新建重点帧,而并不想要设置不透明度,由于这个时候就应该设置成100%。之后再在开始与结束时刻新建重点帧并调节为0%。 撤销前面的设置,按照新顺序来执行,也就是从一,二,3的顺序改成二,一,3。因为开始与结束时刻(1和2)的不透明度是同样的,所以我们可通过复制粘贴重点帧的技法来做完。第一步新建这两个重点帧,设置好开始时刻后,在时间轴中该重点帧的标志上单击右键,选取“复制重点帧”,之后在结束时刻的标志上单击右键选取“粘贴重点帧”,如此就把前者的设置拷贝到了后者之中。顺序也可相反。这种技法可在所有已存在的重点帧之间执行操作。

第七讲 场景与时间轴动画

第七讲场景与时间轴特效动画 一、场景 1.增加场景与切换场景 在 Flash 影片中,演出的舞台只有一个,但在演出过程中,可以更换不同的场景。 (1)增加场景 (2)切换场景 2.“场景”面板的使用 单击“窗口”→“其他面板”→“场景”菜单命令,可以调出“场景”面板,利用该面板,可显示、新建、复制、删除场景,以及给场景更名和改变场景的顺序等。 (1)改变场景播放顺序 (2)新建场景 (3)重制场景 (4)删除场景 (5)更改场景名称 二、帧的基本操作 1.选择帧 编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧,然后单击右键,即可调出帧快捷菜单,常常需要使用帧快捷菜单中的菜单命令来编辑帧。选择帧的方法如下。 (1)选中一个帧 (2)选中连续的多个帧 (3)选中一个图层的所有帧 (4)选中多个连续图层的所有帧 (5)选中多个图层的所有帧 (6)选择所有帧 2.移动帧、复制帧和调整关键帧的位置 (1)调整关键帧的位置 (2)鼠标移动帧 (3)复制帧和移动帧 3.插入帧、删除帧和转换为关键帧 (1)插入普通帧:单击选中要插入普通帧的帧单元格,然后按 F5 键。这时就会在选中的帧单元格中新添加一个普通帧,该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。 (2)删除帧:选中要删除的一个或多个帧,单击帧快捷菜单中的“删除帧”菜单命令。

(3)插入关键帧:选中要插入关键帧的帧,按 F6 键或单击帧快捷菜单中的“插入关键帧”菜单命令。 (4)插入空白关键帧:选中要插入空白关键帧的帧,按 F7 键或单击帧快捷菜单中的“插入空白关键帧”菜单命令。 (5)清除关键帧:选中要删除的关键帧,单击帧快捷菜单中的“删除关键帧”菜单命令。此时,原关键帧中的内容会被前面的关键帧内容取代。 (6)清除帧:选中要清除的帧,单击帧快捷菜单中的“清除帧”菜单命令,可将选中的帧中的内容清除,使该帧成为空白关键帧。 (7)转换为关键帧:选中要转换的普通帧,然后单击帧快捷菜单中的“转换为关键帧” (或“转换为空白关键帧” )菜单命令,即可将普通帧转换为关键帧(或空白关键帧) 。 三、时间轴特效动画 1.时间轴特效动画简介 时间轴特效是Flash 8 中内置的一组动画效果,可以通过执行时间轴特效来快速创建复杂的动画。时间轴特效有“变形”、“转换”、“分离”、“展开”、“投影”和“模糊”等特效。它们的操作步骤很简单。可以对文本、图形、图像和元件实例等对象应用时间轴特效。 当将时间轴特效应用于舞台工作区中的对象,创建完一个时间轴特效后,“库“面板中会自动添加一个与该时间轴特效同名的文件夹,它包含有该时间轴特效所用到的所有元素。当一个对象创建了时间轴特效后,Flash 将为这个时间轴特效创建一个图层,并将对象放置在该图层中,动画所用到的所有补间、变形等都在该图层中。 2.编辑时间轴特效 (1)选中有时间轴特效动画的图层,单击“修改”→“时间轴特效”→“编辑特效”菜单命令,即可调出相应的对话框。 (2)在调出的对话框内进行参数修改后,单击该对话框内的“确定”按钮,即可完成时间轴特效的编辑。 四、案例 案例1图像切换 “图像切换”动画的显示效果是先显示第1 幅图像,接着第 1 幅图像从左向右淡出涂抹,同时由不透明变为透明,逐渐将第 2 幅图像显示出来;然后第2 幅图像逐渐旋转、缩小、移出左上角,逐渐将第 3 幅图像显示出来。动画播放后的2 幅画面如图4-4-1 所示。通过本实例的学习,掌握使用“转换”时间轴特效功能制作动画的方法。该动画的制作方法如下。

相关主题
文本预览
相关文档 最新文档