flash 动画导学

73
Flash 动动动动 Flash 动动动动

Upload: joseph-moran

Post on 02-Jan-2016

105 views

Category:

Documents


0 download

DESCRIPTION

Flash 动画导学. 一、课程概况 《Flash 动画制作 》 课程中央电大计算机网络技术专业(专科)网站管理方向的一门省管课程。 教学目的:本门课程以培养学生实际操作能力为主,培养学生具备计算机二维动画的制作能力。课程的主要内容包括:动画理论、 Flash 二维动画制作、 Flash 的动画程序编写。为今后的专业课程学习打好基础。 《Flash 动画制作 》 课程 4 学分,学时为 72 学时。. 二、课程教学媒体 本课程文字教材为合一型教材,文字教材作为学习的主要媒体,着重反映课程的基本知识和针对性、应用性,在形式上要便于自学。在内容上包括基本理论知识讲解和实训两部分。 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Flash 动画导学

Flash动画导学

Flash动画导学

Page 2: Flash 动画导学

Flash动画导学一、课程概况 • 《 Flash 动画制作》课程中央电大计算机网络技

术专业(专科)网站管理方向的一门省管课程。

• 教学目的:本门课程以培养学生实际操作能力为主,培养学生具备计算机二维动画的制作能力。课程的主要内容包括:动画理论、 Flash 二维动画制作、 Flash 的动画程序编写。为今后的专业课程学习打好基础。

• 《 Flash 动画制作》课程 4 学分,学时为 72 学时。

Page 3: Flash 动画导学

Flash动画导学二、课程教学媒体• 本课程文字教材为合一型教材,文字教材作为

学习的主要媒体,着重反映课程的基本知识和针对性、应用性,在形式上要便于自学。在内容上包括基本理论知识讲解和实训两部分。

• 视频媒体配合文字教材的讲授,内容重点在于实训及辅导。

• CAI 课件作为网络教学媒体,可以在互连网上使用也可以单机使用。

• 网上教学资源和环境:中央电大在线,安徽电大在线

Page 4: Flash 动画导学

Flash动画导学三、教学媒体的安排• 本课程文字教材为合一型教材,课内学

时为 72 学时( 4 学分),其中授课 36 学时,实训 36 学时。 。

• 教学学时安排

Page 5: Flash 动画导学

Flash动画导学内容序号 教学内容 理论学时 实训学时

 1 走进 flash 的世界 3   3

 2 动画的基本创作流程  3  3

3 图形的绘制和编辑 3 3

4 颜色和渐变 3 3

5 文字处理 3 3

6 使用元件和库 3 3

7 制作按钮和导航 3 3

8 引导线和遮照动画 3 3

9 滤镜和混合模式 3 3

10 视频处理 3 3

11 幻灯片模式 3 3

12 手机应用  3  3

Page 6: Flash 动画导学

Flash动画导学• 教学建议

– 1. 面授辅导课重点精讲重难点、答疑解惑、作业讲评、与学生讨论交流、专题讲座、指导学员掌握自主学习方法等。

– 2. 网上实时答疑。– 3. 对学生自主学习应该使用的媒体资

源及时提出合理化建议。

Page 7: Flash 动画导学

Flash动画导学• 四、实践环节与考核方案

– 本课程的考核由两部分构成:平时形成性考核(占总成绩的50% )和期末大作业(占总成绩的 50% )。

– 形成性考核:要求在真实 Mecromedia Flash 环境下,完成 6次实训项目。视实训完成的情况评分,占考核总成绩的 50%,成绩由所在班级的任课教师给定,实训作品及实训报告上报省(市、自治区)电大认定、备案。

– 终结性考核:采用大作业形式,终结性考核占课程总成绩的的50% ,期末由任课教师布置大作业,由分校安排统一的时间,学生在实验室上机完成,时间为 60 分钟,每人提交一幅作品,由任课教师给出百分制成绩和相应评语。

– 分校根据平时成绩和大作业成绩合成最终课程成绩,最终课程成绩直接上报省校教务处。学生大作业和最后课程总成绩刻录光盘存档以备教学检查。

Page 8: Flash 动画导学

Flash动画导学• 教学内容• 第 1 章 Flash 基础 ( 3 学时)•   教学内容:•    (1) Flash 历史和概述•    (2) Flash 8 界面概览与新特性•    (3) 动画基础知识及创造流程•    (4) Flash 文件的基本操作•   教学要求:•   掌握:动画基础知识及创造流程、 Flash 文件的基本

操作•   理解: Flash 8 界面概览与新特性•   了解: Flash 历史和概述

Page 9: Flash 动画导学

Flash动画导学• 第 2 章 绘制图形 ( 2 学时)•   教学内容:•    (1) 绘制直线、椭圆、矩形和多边形•    (2) 使用钢笔工具绘制直线和曲线•    (3) 使用刷子和铅笔工具•    (4) 图形编辑•   教学要求:•   掌握:绘图工具、选取工具和图形编辑工

具•   理解:如何绘制基本图形

Page 10: Flash 动画导学

Flash动画导学• 第 3 章 颜色和渐变 ( 3 学时)•   教学内容:•    (1) 工具箱颜色编辑工具的使用•    (2) 渐变的控制•    (3) 使用混色器和颜色样本•    (4) 使用图案和位图的填充•   教学要求:•   掌握:与颜色相关的控件和工具使用;混

色器与颜色样本面板的使用。•   理解: Web 安全色。•   了解:渐变和渐变的溢出控制等等。

Page 11: Flash 动画导学

Flash动画导学• 第 4 章 创建和编辑文本 ( 3 学时)•   教学内容:•    (1) 使用文本工具 ( 新文本框特性 )•    (2) 可创建的三种文本类型•    (3) 文本的建立和编辑•    (4) 将文本转换成形状•    (5) 文本的扭曲变形•    (6) 给文本添加超级链接 •   教学要求:•   掌握:文本的建立和编辑•   理解:静态文本、动态文本和输入文本的区别和特点

。•   了解:动态和输入文本的基本用法。

Page 12: Flash 动画导学

Flash动画导学• 第 5 章 处理图形对象 ( 3 学时)•   教学内容:•    (1) 变形工具的使用•    (2) 扭曲和封套的使用•    (3) 变形面板的使用•    (4) 图形的排列和对齐•    (5) 合并对象•    (6) 复制变形的应用•   教学要求:•   掌握:对象的变形处理。•   理解:变形面板的使用•   了解:对象的组合、切割、变形、扭曲以及对齐的各种方法。

Page 13: Flash 动画导学

Flash动画导学• 第 6 章 使用元件和库 ( 3 学时)•   教学内容:•    (1) 元件和实例的概念•    (2) 元件的创建方法•    (3) 元件的三种类型•    (4) 编辑元件•    (5) 库的基本概念与操作•    (6) 素材共用库•    (7) 创建影片剪辑元件•    (8) 创建按钮元件•    (9) 使用影片浏览器•   教学要求:•   掌握:图形元件、影片剪辑元件、按钮元件和库的使用方法。

•   理解:元件和库的概念

Page 14: Flash 动画导学

Flash动画导学• 第 7 章 基础动画设计 ( 3 学时)•   教学内容:•    (1) 创建帧和关键帧•    (2) 移动帧、复制帧和粘贴帧•    (3) 帧的标签和注释•    (4) 逐帧动画•    (5) 创建补间动画•    (6) 补间动画的编辑和表现•   教学要求:•   掌握:基本的动画创建方法。帧和关键帧的使用;逐帧动

画、补间动画的多种变化形式,使用缓入 /缓出曲线来更有效率地创作动画。

•   理解:如何制作逐帧动画、如何运用补间动画的多种变化形式。

•   了解:如何使用渐进 / 渐出曲线来创建动画。

Page 15: Flash 动画导学

Flash动画导学•  第 8 章 高级动画技巧 ( 4 学时)•   教学内容:•    (1) 变形补间动画概念•    (2) 使用形状变形提示•    (3) 引导层动画的概念•    (4) 引导层动画的编辑•    (5) 遮罩层基础和遮罩动画•    (6) 时间轴特效•   教学要求:•   掌握:引导层动画的编辑、遮罩动画。•   理解:引导层动画、遮罩动画的概念。•   了解:时间轴特效。

Page 16: Flash 动画导学

Flash动画导学• 第 9 章 声音的控制 ( 3 学时)•   教学内容:•    (1) 声音的添加和导入•    (2) 编辑声音属性•    (3) 播放和停止声音的行为•    (4) 通过组件控制 MP3播放•   教学要求:•   掌握:在 Flash影片和按钮中插入声音。•   理解:流式声音和事件声音的区别。•   了解:用声音增强导航按钮的交互性,用行为控制声音。

Page 17: Flash 动画导学

Flash动画导学• 第 10 章 视频处理 ( 3 学时)•   教学内容:•    (1) 视频的输出•    (2) 制作网络流式视频文件•    (3) 使用行为控制嵌入式视频•   教学要求:•   掌握:制作网络流式视频文件。•   理解:多种视频输出格式的区别。•   了解:使用脚本控制视频。

Page 18: Flash 动画导学

Flash动画导学• 第 11 章 脚本基础和实例 ( 4 学时)•   教学内容:•    (1) ActionScript 语法简介•    (2) ActionScript 编辑器的使用•    (3) ActionScript 编辑器参数设置•    (4) 输出面板辅助排错•    (5) 使用 ActionScript 控制影片剪辑•    (6) 给帧、按钮、影片剪辑分配动作•    (7) 载入外部数据•   教学要求:•   掌握:使用 ActionScript 程序控制影片和实现交互。•   理解: ActionScript 语法简介。

Page 19: Flash 动画导学

Flash动画导学• 第 12 章 发布影片 ( 2 学时)•   教学内容:•    (1) 测试和播放 Flash影片•    (2) 输出 Flash不同媒体•    (3) 发布 Flash影片•    (4) HTML发布设置•   教学要求:•   掌握: Flash 的测试、导出和发布,以及发

布设置。•   理解:输出成多种格式文档的用途。•   了解:发布设置各选项的使用。

Page 20: Flash 动画导学

Flash动画导学• 实训 1 补间动画• 【考核内容】• 1.补间动画的相关知识• 2.补间动画的创建• 3.补间动画的多种变化形式• 【考核要求】• 1.掌握补间动画的创建方法• 2.掌握在 Flash 中创建动画补间• 3.掌握能够使用补间动画创建实例

Page 21: Flash 动画导学

Flash动画导学• 实训 3 颜色和渐变应用• 【考核内容】• 1.颜色相关控件和工具的使用• 2.混色器和颜色样板使用• 3.渐变的控制• 【考核要求】• 1.掌握利用混色器对图像进行渐变填充• 2.掌握使用颜色样板添加自定义颜色• 3.掌握使用图案和位图的填充为图像填充

Page 22: Flash 动画导学

Flash动画导学• 实训 4 文字的使用• 【考核内容】• 1.静态文本和动态文本的区别• 2.动态文本和输入文本的特点• 3.文本的超级链接• 【考核要求】• 1.掌握怎样创建三种文本类型的方法• 2.掌握如何将文本转换为形状• 3.掌握怎样创建滚动文本• 4.掌握使用文本进行超级链接

Page 23: Flash 动画导学

Flash动画导学• 实训 5 元件和库应用• 【考核内容】• 1.元件的创建方法• 2.对象转换为元件的方法• 3.库的相关属性• 4.公用库的基本应用技巧• 【考核要求】• 1.掌握将具体的对象或实例转换为元件• 2.掌握影片剪辑元件的创建• 3.掌握能够利用公用库中的内容创建按钮

Page 24: Flash 动画导学

Flash动画导学• 实训 6 按钮的应用• 【考核内容】• 1.按钮的创建方法• 2.按钮内四个关键帧的相关概念和用法• 3.使用按钮控制影片• 【考核要求】• 1.掌握创建一个有动态效果的按钮• 2.掌握使用按钮控制影片的的播放• 3.掌握利用脚本代码为按钮创建超级链接

Page 25: Flash 动画导学

Flash动画导学• 实训 7 引导层和遮罩应用• 【考核内容】• 1.引导层动画的相关概念• 2.引导层动画的编辑和使用• 3.遮罩动画的使用• 【考核要求】• 1.掌握利用引导层,制作一个对象沿路径运动的动画。

• 2.掌握将文本制作成为一个遮罩动画

Page 26: Flash 动画导学

Flash动画导学• 实训 2 :补间动画二(选做) • 实训 8 使用滤镜进行版面设计 (选做)

• 实训 9 视频的导入导出 (选做)• 实训 10 多媒体幻灯片的设计与制

作 (选做)• 实训 11 手机动画的设计与制作 (

选做)

Page 27: Flash 动画导学

Flash动画导学

第一课1. Flash 概述2. 绘图辅助功能的应用

学习目标:掌握 Flash 的相关概念

     掌握标尺、参考线、网格的应用

Page 28: Flash 动画导学

Flash动画导学 23/4/20

FLASH文件的特点

• 基于矢量• 流式动画• 交互功能

CG:Computer Graphic

Page 29: Flash 动画导学

Flash动画导学Flash的应用

• 矢量绘图,制作网页动画、甚至整个网站• 多媒体软件开发(软件片头、游戏)• 其他娱乐项目( MTV 、贺卡、小型卡通

片、影视广告等 )• 幻灯片,课件制作• 网络应用程序开发• 手机内容开发

23/4/20

Page 30: Flash 动画导学

Flash动画导学Flash的文件格式

• Flash 源文件的格式( fla )• Flash 导出文件的格式

( swf )• 打开旧文件• 动画的播放

23/4/20

Page 31: Flash 动画导学

Flash动画导学Flash动画的基本概念

• 动画基本原理:视觉暂留,连续放映的静止画面

• 帧:基本的时间单位,静止的图片画面• 帧频:动画: 12 帧 / 秒;电影: 24

帧 / 秒;电视: 25PAL 制式, 30NTSC 制式

23/4/20

Page 32: Flash 动画导学

Flash动画导学• 关键帧:包含舞台内对象的信息,可编

辑帧• 层:• 场景:• 矢量图:线条和色块组成 ( 图

形 ,ai,eps,cdr,png,psd)• 位图:由点构成 (jpg , gif,bmp)

Page 33: Flash 动画导学

Flash动画导学Flash的工作环境

• 工作区:舞台• 时间轴(帧、关键帧、层):用来将时

间和空间排列动画内容,控制内容显示和角色出场顺序的功能区。

• 库窗口• 工具箱• 场景:• 浮动面板:

23/4/20

Page 34: Flash 动画导学

Flash动画导学Flash的新电影的创建

• 创建新的电影• 设置电影属性

23/4/20

Page 35: Flash 动画导学

Flash动画导学Flash的绘图参考

• 使用标尺、网格、辅助线• 网格、辅助线的属性• 设定 Snap• 放大镜与手工具的使用

23/4/20

Page 36: Flash 动画导学

Flash动画导学

• 绘图工具的使用

学习目标:矩形、圆形、多边形、线形工具  的属性设置及应用

     掌握图形边框及内部单一色彩的 填充

Page 37: Flash 动画导学

Flash动画导学绘图工具的使用

• 关于选择工具概述– 矩形、圆形、多边形的应用– 内部填充及边框填充的设置–调整线条外形 (使用主选工

具 )–改变形状 : 拉直、柔化曲线

23/4/20

Page 38: Flash 动画导学

Flash动画导学

• 绘图工具的使用

学习:钢笔工具、铅笔工具、墨水瓶、

油漆桶工具的属性设置及应用

掌握路径的绘制与编辑

Page 39: Flash 动画导学

Flash动画导学

• 练习:• 完成课堂上所讲案例的制作。• 通过矩形、圆形、线型完成楼房的绘制 .• 完成课堂上所讲案例的制作。• 通过钢笔尖及铅笔工具,绘制心形,白云,箭.

Page 40: Flash 动画导学

Flash动画导学

• 渐变颜色及文字工具的使用

• 填充变形工具:学习:混色器面板的属性的学习

     文字属性面板的学习

     渐变颜色的应用

文字的输入方式及属性的设置

Page 41: Flash 动画导学

Flash动画导学

练习:

完成课堂上所讲案例的制作,花瓣,玫瑰,鸡蛋,台球,叶子,水滴,荷叶。

将前面所绘制的楼房及办公桌椅,重新上色,要求不仅有单色还要有渐变颜色,并加载文字注释.

Page 42: Flash 动画导学

Flash动画导学

• 角色创建 -场景篇

学习:理解元件及库之间的关系

   图形元件的创建方法

   巩固前面基本绘图工具的应用

Page 43: Flash 动画导学

Flash动画导学

练习:

完成课堂上所讲案例的制作。

构思一个角色并完成动画场景的绘制.

用花瓣作花,很多白云,飞鸟,很多旋转的花

Page 44: Flash 动画导学

Flash动画导学

• 导入外部图像 -软件结合篇

学习:位图的导入

   位图属性的设置、优化、分离、透明

   导入一些透明图像的操作

对象的编辑操作

Page 45: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的制作。

导入图片进 Flash 中转为图形元件.绘制一副场景,如:蓝天上白云朵朵,一架飞机在云中穿行

不限制场景

Page 46: Flash 动画导学

Flash动画导学

• 导入外部图像 -软件结合篇

图形的绘制与编辑

界面设计的规矩

Page 47: Flash 动画导学

Flash动画导学

• 动画制作 -帧的基本操作

学习: 掌握延长帧、关键帧、空白键等的操作

掌握逐帧动画的制作

Page 48: Flash 动画导学

Flash动画导学

• 动画制作 -补间动画的运用

学习目标: 理解补间动画的概念

掌握运动补间动画及

形状补间动画的运用

Page 49: Flash 动画导学

Flash动画导学

• 动画制作 -补间动画的运用

学习: 运动补间动画及

形状补间动画的属性的设置

车轮滚动,鸡蛋裂开,飘动的红旗

窗帘,,蜡烛火焰

Page 50: Flash 动画导学

Flash动画导学

• 动画制作 -引导动画的实现

学习目标: 通过“秋天落叶”动画的实现

掌握路径动画的应用

掌握动画制作的绘图技巧

小球弹跳,箭头移动

Page 51: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

针对大自然的现象完成一个动画的实现。如:鸟儿的飞翔,小恐龙行走等要求:动画制作流畅,画面绘制精美.

  

• 学习总结

Page 52: Flash 动画导学

Flash动画导学

• 动画制作 - 蒙版动画的实现

学习目标: 通过制作“放大镜蒙版”动画的过程

掌握蒙版动画应用的技巧

掌握动画制作的绘图技巧

Page 53: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

将上一课的“大自然的现象”动画场景,应用蒙片动画的技术 . 。

要求:动画制作流畅,画面绘制精美.

  

• 学习总结

Page 54: Flash 动画导学

Flash动画导学

• 动画制作 - 蒙版及路径动画的应用

学习目标:水波,羽化,水滴,倒影

百叶窗,图片切换效果

电影文字,转动的地球

Page 55: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

绘制“夜晚的星空”,并应用蒙版动画。

要求:动画制作流畅合理,画面绘制精美,色彩运用恰当.

  

• 学习总结

Page 56: Flash 动画导学

Flash动画导学

• 动画制作 -元件及库的应用

学习目标:

掌握图形元件的建立及应用

掌握影片剪辑元件的建立及应用

Page 57: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

针对 “夜晚的星空”,将星星制做成影片剪辑元件 ,并应用相应的动画效果。

要求:动画制作流畅合理,画面绘制精美,色彩运用恰当.

  

• :学习总结

Page 58: Flash 动画导学

Flash动画导学

• 动画制作 -元件及库的应用

学习目标: 认识按钮元件

掌握按钮元件的建立及应用

掌握影片剪辑元件、按钮元件、

图形元件的综合应用

Page 59: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

绘制一个场景,并完成动画的创作。

要求:将元件的三种属性全部应用到动画中

动画制作流畅合理,画面绘制细致,色彩运用舒适.

  

• 第二十课:学习总结

Page 60: Flash 动画导学

Flash动画导学

• 动画制作 -元件及库的应用

学习目标: 通过“礼花绽放”动画的制作

掌握影片剪辑元件、按钮元件、

      图形元件的创建及应用

掌握图形绘制的技巧

Page 61: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

绘制一个场景,并完成动画的创作。

要求:将元件的三种属性全部应用到动画中

动画制作流畅合理,画面绘制细致,色彩运用舒适.

  

• 学习总结

Page 62: Flash 动画导学

Flash动画导学

• 动画制作 - 都市飘雪

学习目标: 通过“都市飘雪”动画的制作

掌握元件应用技巧

    掌握卡通图绘制的方法

掌握路径动画的制作

Page 63: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

绘制下雪的场景,并完成动画的创作。

要求:画面绘制真实精美,动画效果形象细致。

  

• 学习总结

Page 64: Flash 动画导学

Flash动画导学

• 动画制作 - 写字效果

学习目标: 通过“写字效果”动画的制作

掌握路径动画的应用技巧

   

Page 65: Flash 动画导学

Flash动画导学

• 动画制作 - Flash特效的应用

学习目标: 掌握 Flash 滤镜效果的应用

掌握对象叠加效果的应用

   

Page 66: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

应用 Flash 的滤镜效果制作一段动画片段 .

要求:滤镜效果应用合理,动画制作自然流畅。

  

Page 67: Flash 动画导学

Flash动画导学

• 动画制作 - 时间轴特效的应用

学习目标: 掌握 Flash 时间轴特效的应用

掌握时间轴特效属性的设置

   

Page 68: Flash 动画导学

Flash动画导学

• 动画交互 - 动作及行为的应用

学习目标: 掌握常用动作的应用: play stop

掌握行为的添加及应用

按钮行为的添加

   

Page 69: Flash 动画导学

Flash动画导学

课后作业:

控制小熊走路,小鸟飞翔

要求:动画执行合理流畅。

  

• 学习总结

Page 70: Flash 动画导学

Flash动画导学

• 动画制作 - 声音及视频的应用

学习目标: 掌握声音文件的导入及属性设置

掌握视频文件的导入及属性设置

   

Page 71: Flash 动画导学

Flash动画导学

课后作业:

完成课堂上所讲案例的绘制。

将前面的作品进行声音效果的加载。

将一段视频影像应用于某个动画中。

要求:声音吻合画面情节,视频应用自然流畅。

  

• 学习总结

Page 72: Flash 动画导学

Flash动画导学

• 场景 - 场景动画

学习目标: 掌握场景的添加,跳转

   

Page 73: Flash 动画导学

Flash动画导学

四处碰壁的小球 鼠标尾随

转动的车轮

风扇旋转特效

漫天雪花

动态加载图片

小时钟

游戏制作 (键盘控制 )

  

• AS