设为首页 收藏本站
今日天气:
位置: 首页 > 教学资源 > 技术 > 正文
制作基本动画(巩固练习)
点击数:1835 更新时间:2011-12-3

课题:制作基本动画(巩固练习)

课时:3课时

教学目标:

1. 学会制作影片剪辑的方法,理解影片剪辑的意义。

2. 进一步熟悉常用工具的使用方法。

3. 培养自主的学习能力。

4.学生探究动画制作的规律,领悟动画制作的实质,并能够举一反三,触类旁通。

教学重点和难点:

1. 重点:变形动画

2. 难点:创建影片剪辑的方法,理解影片剪辑的意义。

教学过程:

实践练习:

一、制作“多边形变成圆形”的动画,其步骤如下:

         执行“修改      文档”命令,在弹出的“文档属性”对话框中,设定动画的大小为“400px×150px”,单击“确定”按钮。

     单击图层1的第1帧,按住工具栏中的“矩形工具”,在弹出的下拉菜单中选择“多角星形工具”,设置填充色为“绿色圆形渐变色”,在场景编辑区左侧画一个五边形。

         单击时间轴的第30帧,执行“插入      空白关键帧”命令,插入一个空白关键帧。

     选择“椭圆”工具,在场景编辑区右侧画一个圆。

     单击时间轴窗口下边的“绘图纸外观”按钮,在第30帧处能看到第1帧的画面内容,以便调整场景中元件的位置。

     单击第1帧,在帧“属性”面板中,设置“补间”项为“形状”,可见时间轴的第1帧到第30帧之间的影格呈淡绿色,同时标上了一条黑色的箭头线,表示这段动画是“形状补间”动画。

         制作完毕,执行“控制      播放”命令,观察动画效果。

二、制作“老鼠变成小猪”的动画

将“老鼠”和“小猪”两幅图片导入到库中,把“老鼠”图片拖动到舞台中。

         选定“老鼠”图片,执行“修改      位图      修改位图为矢量图”命令,将“老鼠”图片转换成矢量图,删除周围多余部分。

在时间轴第30帧处右击,在弹出的快捷菜单中选择“插入空白关键帧”命令。

将“小猪”图片拖到场景中并转换为矢量图,删除周围多余部分。

单击第1帧,在帧“属性”面板中,设置“补间”项为“形状”。

播放观看动画效果。

三、制作“小精灵张嘴吃豆”动画

  打开Flash,新建一个Flash文档,使用椭圆工具,并设置填充颜色为蓝色,在舞台上画一个圆。

  在时间轴的第18帧插入关键帧,并用选择工具将舞台上的圆移到合适的位置,然后用部分选取工具将圆调整为张嘴的形状。

  单击第1帧,在属性面板中将“补间”设置为“形状”。

      制作完毕,执行“控制      播放”命令,观察动画效果。

四、制作花儿“6朵”开放的动画

  建立一个新文档。

      执行“插入      新建元件”命令,创建名为“盛开的小花”的影片剪辑。

  将第1层改名为“茎干”,并在第1帧用“刷子”工具画出绿色茎干,再在第20帧插入帧。

  创建新图层,并命名为“花”,分别在第10帧、第20帧插入空白关键帧。

  设置“粉红”、“放射状”渐变色,分别在第11020帧用“椭圆”工具画椭圆,再用“部分选取”工具将椭圆变形成三个花朵形状。

  分别在第11020帧设置“形状补间”动画。

          执行“文件     导入     导入到库”命令,将“绿色家园”图片导入到库。

     单击“场景1”标签回到场景,将图层1改名为“背景”。选中“背景”层的第1帧,将元件库中的“绿色家园”图片拖到场景中作为背景。

     创建新图层,并命名为“小花”。6次从元件库中将名为“小花”的影片剪辑拖放互场景中,并调整这6朵小花的大小和位置。

         完成作品,执行“控制      测试影片”命令,观看效果。

五、综上所述,制作“形状补间”动画的主要步骤如下:

  在动画的起始处插入关键帧,然后在起始帧场景中编辑对象。

  在结束帧处插入关键帧,然后在结束帧场景中编辑对象。

  选择起始帧,在“属性”面板的“补间”选项中选择“形状”。

六、在七巧板的基础上,制作一个动画,将原来静态跑步姿势的图形加工为动态的跑步造型。

 1、绘制七巧板

  启动Flash软件,在绘图区绘制一个线条颜色为蓝色、填充色为红色的正方形。

  使用直线工具,按住Shift键小心绘制该正方形的两条对角线;想办法绘制出余下的线条(可以画辅助线,但使用后可以选中它并按Delete键将其删除),将正方形分成七个板块。

  使用颜料工具,选择你所喜欢的颜色对七个板块进行填充。

  选用橡皮擦工具(选用“擦除线段”状态)擦除所有的线条。

  用箭头工具小心移开每个板块(注意移动过程中,不要将两个色块叠放),至此,一套漂亮的七巧板就初步做成了。

  保存设计作品为FLA格式的文件以便下次继续编辑使用。根据需要,我们还可以导出所制作的结果为相应的图像文件(建议导出GIFJPG格式的图像文件)。

1、  构建运动造型

借助Flash的箭头工具和任意变形工具可以把七巧板变为跑步、舞蹈等造型。箭头工具的任务是移动和定位板块,任意变形工具的作用是旋转板块,必要时可以借助菜单命令进行水平和垂直翻转,还可以使用文字工具在适当的位置写上漂亮的文字。

2、  制作动态的跑步造型

     打开“七巧板跑步造型·fla”文件,选中“跑步造型”图层,通过菜单命令“插入/转换为元件”将跑步造型图转换为可供创建动画的图形元件“跑步”。

     在时间轴上的“跑步造型”图层的第20帧处插入关键帧(菜单命令为“插入/关键帧”),并在此帧中仔细将七个板块拼成七巧板初始图形。

     单击选中“跑步造型”图层的第1帧,设置动画的“中间”属性为“形状”。

     同样,在“文字”图层的第20帧插入关键帧,并将文字移动到一个新的位置,回到第1帧,设置动画的“中间”属性为“移动”。

         执行“控制      测试影片”命令,观看运行效果,保存文档(FLA格式)以备以后修改时使用,然后导出动画作品(SWF格式),双击该文件图标,观看动画效果。

七、制作太阳从左从右移动的动画

  建立一个新文档,双击图层1,将图层改名为“背景”。

          执行“文件     导入      导入到库”命令,将一幅名为“绿色家园”的背景图片导入到元件库中。

      执行“窗口     库”命令,打开元件库。选择“背景”层的第1帧,将元件库中的“绿色家园”图片拖入场景,并调整好大小和位置。选中第40帧,按F5键插入帧,使动画延长到40帧,即在1~40帧均能显示这幅图片,现锁定“背景”层,单击图层区左下角的“插入图层”按钮创建图层2,将图层2改名为“太阳”。

                 执行“文件     导入     导入到库”命令,将“太阳”图片导入到元件库中,并拖放到场景的左上方。选中“太阳”图片,执行“修改     位图      转换为矢量图”命令,将“太阳”图片转换为矢量图。用“选择”工具选取图片边缘的多余部分。按Delete键删除。

     选中“太阳”图片,执行“修改     转换为元件”命令,将其转换成名为“太阳”的图形元件。

在图层“太阳”的第40帧插入关键帧,将元件“太阳”移动到场景右侧。单击第1帧,在帧“属性”面板中,设置“补间”框中的选项为“动画”。

     执行“控制      播放”命令,观看效果。

八、制作“旋转的风车”动画

  建立一个新文档,将图层1改名为“杆”。分别用“线条”工具和“椭圆”工具在场景中画出风车的立杆和转轴。

  创建新图层,并命名为“叶片”。

      执行“窗口      混色器”命令,在“混色器”面板中设置“粉红色”、“线性”,选择“椭圆”工具,选择“无轮廓线”,画一个椭圆。

  用“选择”工具选中椭圆,复制后粘贴2次。

用“任意变形”工具分别对所复制的椭圆图形适当旋转,使它们拼合成风车叶片形状。

             执行“编辑     全选”命令,选中风车叶片形状图案;执行“修改      转换成元件”命令,将被选定的对象转换成名为“叶片”的图形元件。

             单击时间轴的第40帧,执行“插入     时间轴      关键帧”命令,插入1个关键帧。

     单击第1帧,在帧的“属性”面板中设置“动作”补间,这时,在时间轴的第1帧到第40帧间产生一条箭头线。

     创建新图层,命名为“背景”,并在图层区将该层移到最下方,再导入“绿色家园”图片到背景层的第1帧。

         适当调整场景中各元素的位置,执行“控制      播放”命令,观看效果。

九、综上所述,制作“动画补间”动画的主要步骤为:

在动画的起始帧,插入关键帧,然后在起始帧场景中编辑对象。

选择结束帧,并插入关键帧,然后在结束帧场景中编辑对象。

选择起始帧,右击,在快捷菜单中执行“创建补间动画”命令或在“属性”面板的“补间”下拉列表中选择“动画”选项。

学生自主探究学习,师指导学生自己动手操作,并巡回观看并指出学生在操作中出现的问题,对做得好的同学进行表扬,并在学生中展示。

   

  • 上一篇文章:
  • 下一篇文章:
  • Copyright©2011-2015 www.xztszx.com 徐州市贾汪陶圣中学版权所有
    地址:贾汪新工区 邮 编: 221011 电话:82159485 邮箱:tszxlwl@163.com 
    技术QQ: 546835523 会员注册 会员登陆