《FLASH动画制作》教案Word格式.docx
- 文档编号:6617125
- 上传时间:2023-05-07
- 格式:DOCX
- 页数:67
- 大小:46.80KB
《FLASH动画制作》教案Word格式.docx
《《FLASH动画制作》教案Word格式.docx》由会员分享,可在线阅读,更多相关《《FLASH动画制作》教案Word格式.docx(67页珍藏版)》请在冰点文库上搜索。
浅蓝色(#33ccff)
2.使用文本工具输入:
“飘动得气球”,华文新魏,45号字,黑色
3.打开对齐面板,使文字相对于舞台水平居中对齐
4.新建按钮元件:
“播放按钮”
5.在按钮元件编辑区内画矩形按钮:
边框黑色,填充白色
6.在按钮上输入文字:
“播放”,宋体,20号字,蓝色
7.切换到场景1,将“播放按钮元件”拖入场景,放到合适位置
8.新建场景2:
插入/场景
9.新建图形元件:
“气球”
10.在图形元件中,用椭圆工具画气球:
边框红色,填充红色。
用铅笔工具画曲线:
铅笔选项为“平滑”,蓝色。
把气球和曲线组合在一起:
修改/组合
11.切换到场景2,将“气球”元件拖入场景,放到合适位置上
12.在第20帧插入关键帧,将气球向上移动,用变形工具缩小,不透明度改为70%
13.在第40帧插入关键帧,将气球向上移动,用变形工具缩小,不透明度改为40%
14.选中第1帧,补间:
动作,简易:
-50
15.选中第20帧,补间:
16.切换到场景1,选中第1帧,打开动作面板,输入“stop();
”
17.选中按钮,在动作面板中输入“on(press){gotoandplay("
场景2"
1);
}”
18.测试并保存文件
1.4上机操作综合指导
例1:
闪烁文字
1.使用文本工具输入“硬件系统”,隶书,85号字,黑色
2.使文字相对于舞台水平中齐,垂直中齐
3.使用两次修改/分离,将文字打散
4.分别将四个字填充为红、绿、黄、蓝
5.在第3帧、第5帧、第7帧、第9帧处插入关键帧
6.把第3帧“硬”字改为淡蓝色,第5帧“件”字改为紫色,第7帧“系”字改为深绿色,第9帧“统”字改为橙黄色
7.测试并保存文件
例2:
倒计时
1.用文本工具输入“5”,85号字,黑色,相对于舞台水平中齐,垂直中齐
2.在第3、5、7、9、11帧处插入关键帧,分别改为4、3、2、1、0
例3:
打字效果
1.用文本工具输入“欢迎使用计算机系统结构教学课件”,隶书,33号字,黑色。
相对于舞台水平居中,垂直居中
2.选中第2帧到第15帧,转换为关键帧
3.将第1帧只留下第一个字,打开信息面板使修改后的水平坐标不变
4.将第2帧只留下前两个字,打开信息面板使修改后的水平坐标不变
5.依次处理第3帧至第14帧
6.测试并保存文件
第2章FLASH图形的创建与编辑
2.1工具箱
2.2使用Flash绘制图形
2.2.1使用钢笔工具
单击,将锚点用直线连接
单击并拖动,将锚点用曲线连接,可产生贝塞尔曲线
在最后一个锚点上双击,可结束绘制
在线条上单击可添加锚点
在曲线锚点上单击,可将曲线转为直线
先将曲线转为直线,在锚点上单击可删除锚点
使用部分选择移动锚点
2.2.2使用线条工具
按住Shift键可以拖出水平、垂直或倾斜45度的直线
2.2.3使用铅笔工具
按住Shift键拖动,可绘制直线
铅笔工具的3种模式:
1.伸直:
用鼠标绘制接近椭圆的曲线,会自动规整成椭圆
2.平滑:
使绘制出的图形边缘的棱角尽可能消失
3.墨水:
接近墨水痕迹
2.2.4使用椭圆工具
绘制椭圆或正圆矢量图形
2.2.5使用矩形工具
绘制矩形或正方形矢量图形
2.2.6使用刷子工具
模仿水彩笔的笔触
刷子的5种模式:
先用椭圆工具绘制红色边框绿色填充色的椭圆,再将填充色改为蓝色,调整刷子模式:
标准绘画:
覆盖线条色和填充色
颜料填充:
只覆盖填充色
后面绘画:
不覆盖线条色和填充色
只在用选择工具选择的区域内填充
内部绘画:
对线条围成的封闭区填色
2.3使用Flash编辑图形
2.3.1选择对象
1.使用选择工具选择对象
绘制两个红色边框,绿色填充色的圆形,在左边的圆形上绘制蓝色边框,紫色填充色的矩形,使用选择工具选择:
单击矢量线,只能选一条线
双击矢量线,选中整条矢量线
单击色块,只选择色块
双击色块,同时选中色块和矢量线
按下Shift键,选择多个不同的对象
2.使用套索工具选择对象
可选择不规则的区域
2.3.2移动、复制和删除对象
1.移动对象
使用移动工具移动
使用箭头键移动
按下Shift键的同时,再按箭头键,一次移动8个像素
按下Shift键的同时用鼠标拖动选中的对象,可以将选中的对象沿45度的整数倍角度移动对象
2.复制对象
选择对象,按下Ctrl的同时,拖动对象
使用剪贴板
3.删除对象
使用Delete键或退格键
2.3.3变形对象
移动
缩放:
按住shift键,可按比例调整大小
旋转:
按住shift键并拖动,可以45度的增量进行旋转
按住Alt键并拖动,可以围绕对角旋转
倾斜
扭曲:
按住shift键,拖动角点或边
调整缩放的中心点
2.3.4分组、层叠和对齐对象
1.分组
修改/组合(取消组合)
2.层叠对象
修改/排列
3.对齐
修改/对齐或使用对齐面板
2.3.5使用填充变形工具
1.变形渐变填充
1)线形渐变:
调整渐变中心
调整渐变线的距离
调整渐变线的方向
2)放射状渐变:
调整渐变圆的长宽比
调整渐变圆的大小
调整渐变圆的方向
2.变形位图填充
调整位置
调整大小
调整倾斜
调整方向
2.3.6使用图形编辑工具
1.使用选择工具任意改变对象的大小与形状
2.使用橡皮擦工具
6种擦除模式:
标准擦除
擦除填色
擦除线条
擦除所选填充
内部擦除
水龙头
2.4上机操作综合指导
绘制小狗
绘制枫叶
第3章Flash动画基础知识
3.1了解时间轴
3.1.1时间轴标尺
3.1.2播放头
3.1.3状态栏
显示当前帧
帧频率:
可双击打开文件属性对话框
播放时间:
第1帧与当前帧之间播放时间间隔
3.1.4帧浏览选项
位于时间轴右上角
很小、小、标准、中、大、预览、关联预览、较短、彩色显示帧。
关联预览:
会以按钮符号放大或缩小的比例为标准,显示它们相对整个动画的大小。
例如,按钮符号放大2倍显示在时间轴的帧框中,则其他对象也放大2倍显示在时间轴的帧框中。
3.2认识图层
3.2.1图层及操作区
1.显示/隐藏所有图层
2.锁定/解除锁定所有图层
3.显示所有图层轮廓
4.制作层
表示该层正在编辑中,这一行被置黑并以一枝笔标识
5.插入图层
6.添加运动引导层
7.创建图层文件夹
8.删除图层
9.图层上的快捷菜单
3.2.2创建图层
3.2.3编辑图层
1.选择一个图层
单击图层的名称
单击图层中的任何帧
在舞台上单击图层中的对象
2.同时选择多个图层
按住Ctrl键或Shift键
3.重命名图层
双击图层名
右击/属性
修改/时间轴/图层属性
4.锁定/解锁图层
单击图层右侧“锁”列,给该层加锁
单击“锁”图标,给所有图层加锁
在“锁”列中拖动,给多个图层加锁
按住Alt键单击右侧“锁”列,给其他图层加锁
5.复制图层
将图层中的所有帧复制到新图层
6.删除图层
单击删除图标
拖到删除图标上
右击/删除图层
3.2.4设置图层属性
1.打开“图层属性”对话框
在图层图标上双击
2.修改图层属性
3.2.5遮罩层
例:
聚光灯
1.新建文件:
380×
480,背景:
黑色
2.将向日葵.jpg文件导入到舞台
3.新建图形元件:
4.在图形元件中绘制无边框圆形,填充黑白放射状渐变
5.新建图层,将聚光灯元件拖入舞台,在第15帧和第30帧处插入关键帧,调整位置,创建动作
6.将聚光灯所在图层设为遮罩层
7.测试影片
3.2.6运动引导层
例:
设置小球沿规定路线滚动
3.3认识帧
3.3.1帧和关键帧
3.3.2创建关键帧
3.3.5帧的操作
引导线。
去掉引导关系和补间
1.插入帧
可增加影片的长度
2.删除帧
3.插入关键帧
将当前帧转换为关键帧
4.插入空白关键帧
会将下一个关键帧以前的内容完全清除
5.清除关键帧
前面关键帧的区间会扩展到下一个关键帧
6.转换为关键帧
7.转换为空白关键帧
8.剪切帧
转为空白帧
9.复制帧
10.粘贴帧
11.清除帧
12.选择所有帧
13.翻转帧
将帧序列翻转过来
3.4认识元件、实例和库
3.4.1元件
是指在Flash中创建的图形、按钮或影片剪辑。
元件只需创建一次,即可在整个文挡或其他文档中重复使用。
图形元件:
用于制作静态图像
按钮元件:
用于创建响应鼠标单击、移动或其他动作的交互按钮。
影片剪辑元件:
用来制作可重复使用的,独立于主影片时间轴的动画片断
3.4.2实例
就是将元件从“库”面板拖到舞台中,实例是元件在舞台中的具体体现。
3.4.3库
库面板中存储了在Flash文档中创建的元件以及导入的文件,如视频剪辑、声音剪辑、位图和导入的矢量图形等内容。
3.5管理场景
窗口/设计面板/场景
3.5.1添加和切换场景
3.5.2命名场景
3.5.3删除和复制场景
3.5.4建立和排列窗口
创建新窗口:
窗口/新建窗口
窗口的排列:
1.随意方式
2.最大化方式
3.层叠方式
4.平铺方式
3.6上机操作综合指导
激光字
548×
410
2.背景层导入图片小猫.jpg。
3.新建图层“被遮罩层”,输入文字“love”:
华文行楷,150号字,紫色。
4.新建图层“遮罩层”,用刷子工具画一个填充快,在后面每一帧插入关键帧,依次用刷子画填充快
5.在“遮罩层”上点右键,选择“遮罩层”
6.测试影片
汽车爬坡
1.新建文件,背景:
浅绿色(#9cffce)
2.新建引导层,绘制曲线
3.下层改为被引导层,将汽车.jpg导入,调整大小,打散,使用魔术棒工具将背景去掉,将像素图转换为图形元件,放在曲线一端
4.在第50帧插入关键帧,将元件放在曲线另一端,设置补间,选中“调整到路径”
5.设置引导关系,测试动画
第4章Flash文本操作
4.1创建文本
4.1.1文本类型
1.静态文本
静态文本区用于显示影片中不作任何变化的文字。
文本内容在运行时不会发生改变,静态文本可以创建超链接。
对静态文本可以缩放、旋转、移动或者扭曲,指定颜色和Alpha效果。
初次输入文本时,是可扩展文本。
拖动调整后,变为固定宽度文本,在方形手柄上双击转换为标签文本框(可扩展文本框)
2.动态文本
动态文本区域用于显示影片中会被更新的文字。
该内容可以来自于即时数据源、动态更新的文本,如体育比分、气温、物价等
动态文本区是在运行时生成或者编辑的,不能在动态文本区上直接应用特殊格式或者进行形状修改(如扭曲或自动间距调整)
3.输入文本
输入文本区域用于在运行时由用户输入文本,它可用于任何需要用户输入的时候,如输入密码或者回答问题时
4.1.2设置垂直文本的首选参数
英文可旋转方向,中文需单个旋转
4.1.3创建文本
标签文本:
直接输入
块文本:
先将文本框调到要求的宽度,再输入文本
4.1.4创建滚动文本
对动态文本或输入文本可使用滚动文本:
文本/可滚动
4.2设置文本属性
4.2.1选择字体、点数、样式和颜色
使文本填充渐变色,须将文本转换为线条和填充图形。
文本样式可选择粗体或斜体。
4.2.2设置字符间距、字距微调和字符位置
字符间距值的调整范围是-60~60磅。
字距微调控制字符之间的距离,若要使用字体的内置字距微调信息,可选择“自动调整字距”复选框
字符位置包括:
正常、上标、下标
4.2.3设置对齐、边距、缩进和行距
对齐方式有:
左/顶端对齐、居中对齐、右/底端对齐、两端对齐
“格式选项”对话框:
缩进、行距、左边距和右边距
4.2.4使用设备字体
在Flash影片中使用安装在系统中的字体时,在Flash中嵌入的信息将保存在Swf文件中,以确保这些字体能在Flash播放时完全显示出来。
但不是所有显示在Flash中的字体都能与影片一起输出,在Flash中,可以使用设备字体解决上述问题。
设备字体不能嵌入到Flash的Swf文件中,Flash播放器可以使用与设备字体相接近的任何一种字体与它匹配。
由于动画中未包括设备字体信息,因此,使用设备字体可以缩小Flash影片的大小。
Flash包括3种设备字体:
_sans,_serif和_typewriter。
若在文档中使用设备字体显示文本,可将“文本类型”选择“静态文本”,选择“属性”面板中的“使用设备字体”复选框即可。
4.2.5设置动态文本选项和输入文本选项
实例名称:
用来设置该文本字段的实例名称,方便以后在脚本中调用
线条类型:
设置文本在文本框中显示的模式(单行、多行、不换行)
将文本呈现为HTML:
可保留丰富的文本格式,如字体和超链接,并有相应的HTML标记
目标:
在链接输入框中输入URL地址后,此菜单才可用,利用它可以为加载的URL选择目的地
可选:
可使文字成为可选择项目,即浏览者在观看动画时可选择其中的文字
变量:
用来输入该文本字段的变量名称
字符:
可打开“字符选项”对话框,用户可以选择嵌入字体轮廓的字符
对于动态文本或输入文本而言,注意两点:
文本在编辑状态下的显示和在输出时的显示是不一样的
如果动画中包含了动态文本或输入文本,则只能在输出影片中才能测试
4.2.6将文本链接到URL
对于水平文本,可以设置超链接。
先选中要进行超链接的文本,在“属性”面板中填写URL。
URL可以是以下内容之一:
本机文件地址。
以File:
//作为开头,如:
File:
//c:
/Flash/Flash.txt
网络文件地址。
以“<
Protocol>
:
//”作为开头,其中<
是传输的文件协议,如:
ftp:
//
邮件发送。
以mailto:
开头。
如:
mailto:
mosy@
可看到链接成功的文本出现下划线,这时可以选择目标窗口
4.3编辑文本
4.3.1选择文本
使用文本工具或选择工具
4.3.2编辑文本
4.3.3变形文本
使用任意变形工具或修改/变形
4.3.3分离文本
文本被分离为填充图形,就不再具有文本的属性,而具有了填充图形的属性。
但只有静态文本才能被分离。
4.3.5改变分离后文本的形状
使用选择工具或部分选择工具
4.3.6填充文本
将分离后文本填充位图
1.输入文本“FLASHMX”:
TimesNewRoman,60点,白色,粗体。
2.使用两次分离
3.填充位图:
向日葵
4.4制作特效文字
4.4.1五彩字
1.输入文本“五彩字”:
隶书,70点,黑色,粗体,自动调整字距
2.使用两次分离
3.填充五彩色
4.4.2空心字
1.输入文本“FLASHMX”:
ArialBlack,70点,黑色,粗体,自动调整字距
3.选中墨水瓶工具,在属性面板中设置:
红色,笔触高度为3,笔触样式为实线
4.在每个字上单击,添加轮廓线
5.将填充色删除
4.4.3阴影字
1.输入文字“FLASHMX”,ArialBlack,60点,蓝色,粗体
2.复制一个,颜色改为灰色,使用任意变形工具改变形状,调整位置
4.4.4立体字
1.输入文本“F”:
ArialBlack,96点,黑色
2.使用一次分离
3.选中墨水瓶工具,在属性面板中设置红色,笔触高度2,笔触样式为实线
4.为分离文本添加轮廓线
5.使用选择工具复制一个,调整位置
6.使用直线工具连接对应顶点,删除不可见线条
7.为各个平面填充颜色
4.5上机操作综合指导
例1荧光文字效果
1.新建文件480×
150,白色背景
2.输入文字“FLASHMX”:
verdana,60点,粗体,倾斜
3.使用两次分离
4.选中墨水瓶工具,在属性面板中设置颜色#ff00cc,笔触高度3,笔触样式为实线
5.给文字添加边框,删除填充色
6.选中所有空心字,修改/形状/将线条转换位填充
7.修改/形状/柔化填充边缘。
距离:
5,步骤:
10,方向:
扩展
例2变形文字
1.输入“OK”:
ArialBlack,96点,蓝色,粗体
2.两次分离
3.使用选择工具和部分选择工具改变文字形状
4.为文字填充渐变色
第5章导入图形图像和视频
5.1导入图形图像
5.1.1矢量图形和位图图像
矢量图形文件由描述位置的点和在这些点之间连线的方程组成。
使用Flash的绘图工具创建的任何图形都是以矢量格式来表示的。
矢量图形的优点是文件尺寸小并且可以无变形地精确缩放,缺点是高度复杂的矢量图形使得文件尺寸变得很大,而且在建立连续的色调、照片或者艺术作品时矢量图不是很合适
位图文件以独立的像素排列来描述,这些像素影射在带有小方格的坐标纸的栅格中。
每个像素有特定的颜色值。
位图图像在图形的尺寸放大时变形很厉害,但复杂的位图图像(如照片)常常比复杂程度相当的矢量图形要小,并显示出较好的效果。
在Flash项目中尽可能使用可缩放、节省带宽的矢量图形(除非要求使用照片或照片质量和连续色调图形的情况)
5.2.1可以导入Flash中的文件格式(90页)
在不安装QuickTime4时,可以导入的图形图像格式见表5-1
在已安装QuickTime4时,可以导入的图形图像格式见表5-2
5.1.3导入图形图像的方式
1.复制粘贴
2.导入到库:
文件/导入/导入到库
3.从一个Flash库或文档窗口拖到另一个Flash库或文档窗口
4.导入到舞台:
文件/导入/导入到舞台
5.导入文件的大小不得小于2px×
2px
5.1.4导入图形图像的规则
导入的文件格式不同,需要设置的选项也不同
为了保留位图文件的透明度设置,应选择文件/导入命令
5.2编辑导入的位图图像
5.2.1使用属性面板编辑位图
交换按钮:
可以用当前文档中的其他位图实例来替换选中的位图实例
编辑按钮:
可以打开一个关联的外部图像编辑器来编辑图像
5.2.2设置位图属性
方法:
打开库面板,选中图像文件,按右键/属性或单击面板底部的属性按钮
选项:
图像的名称、源文件路径、尺寸和日期信息
“更新”按钮:
当位图在Flash之外被改变时可在次导入或按用户的设置对位图图像进行更新
“导入”按钮:
新的位图将替换当前位图
“测试”按钮:
用于更新显示的压缩信息,可比较压缩文件的大小和源文件的大小
允许平滑:
消除锯齿
压缩:
照片(JPEG)可以JPEG格式压缩图像,对于很复杂的位图图像很合适;
无损(PNG/GIF)可使用无损压缩格式压缩图像,这样不会丢失任何数据
使用导入的JPEG数据:
指定为图像导入时的默认压缩品质。
取消可设置压缩品质值:
1~100,值越大图像越完整,同时产生的文件也就越大
5.2.3应用位图填充
将图形填充为位图
5.2.4在外部编辑器中编辑位图
如安装了FireworkMX、FreeHand等图像编辑应用程序,可在Flash中启动来编辑导入的位图图像
方法:
在库面板中,右击图像文件/编辑方式
5.3导入视频文件
5.3.1视频导入文件格式(98页)
安装了QuickTime4时,可以导入的视频文件格式见表5-3
安装了DirectX7时,可以导入的视频文件格式见表5-4
5.3.2将视频剪辑导入为嵌入文件
系统需安装QuickTime4或DirectX7,高版本只支持XP系统
在发布影片时将被包含在发布的影片中
5.3.3将QickTime视频剪辑导入为链接文件
系统需安装QuickTime4
文件/导入/导入视频
导入的视频并未成为Flash影片的一部分,只是保存了一个源文件的链接指针
5.4上机操作综合指导
为位图添加文本,并填充位图
1.新建文件,导入图像文件“小猫”
2.使用文本工具输入“小猫咪咪”:
ArialBlack,50,粉红色,粗体
3.使用两次将文本分离
4.打开颜色面板,混色器类型使用位图
例2:
去掉图像中的背景
1.新建文件,导入带有白色背景的图像文件“向日葵”
2.将图像分离
3.使用套索工具和魔术棒工具将背景色删除
第6章创建动画
6.1补间动画与逐帧动画
逐帧动画是制作好每一帧画面,然后生成动画效果
补间动画则是制作好若干关键帧的画面,由Flash通过计算生成中间各帧,使得画面从一个关键帧过渡到另一个关键帧
补间动画又细分为两类:
“补间动作”动画和“补间形状”动画
6.2创建补间动作动画
通过为实例、群组与文字创建补间动作动画,可改变这些对象的位置、尺寸、旋转或倾斜。
通过改变实例与文本的颜色,还可以创建颜色渐变动画或淡入、淡出动画
创建补间动作的方法:
补间使用“动画”或在帧上点右键/创建补间动画
逐渐放大加深的图像
1.新建文件,导入图像“向日葵.gif”
2.将图像转换为图形元件,Alpha值调为50%,将图像调小
3.在40帧插入关键帧,Alpha值调为100%,将图像放大
4.创建补间动作,测试动画
帧属性面板设置:
若修改对象的大小,可选中“缩放”复选框
在“简易”编辑框中输入值,可调整补间帧之间的变化速率。
若要使补间动画开始时较慢,然后朝着动画结束的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FLASH动画制作 FLASH 动画 制作 教案