逐帧动画制作.docx
- 文档编号:17256803
- 上传时间:2023-07-23
- 格式:DOCX
- 页数:14
- 大小:210.26KB
逐帧动画制作.docx
《逐帧动画制作.docx》由会员分享,可在线阅读,更多相关《逐帧动画制作.docx(14页珍藏版)》请在冰点文库上搜索。
逐帧动画制作
逐帧动画制作
学习目标:
1、熟悉逐帧动画的动画原理
2、会制作逐帧动画
重、难点:
熟悉逐帧动画的动画原理,,会制作逐帧动画
教学方式:
演示法、教学法、练习法
学时:
1课时
教学进程:
一、引入
由演示逐帧动画几个实例引入
二、新课学习
1.逐帧动画的动画原理
原理是在“持续的关键帧”中分解动画动作,也就是每一帧中的内容不同,持续播放而成动画
2.帧、关键帧、空白关键帧帧
时刻轴上的小方格叫单元格。
能够把单元格转化为帧、关键帧、空白关键帧。
当播放头移到帧上时,帧的内容就显示在舞台上。
帧与关键帧都用来记录舞台的内容,可是帧只能显示离它最左侧关键帧的内容,咱们不能对帧的内容直接进行修改编辑,要想修改帧的内容,必需把它转变成关键帧,后者修改帧最左侧关键帧的内容。
关键帧是能够直接编辑的帧。
空白关键帧是在舞台上没有任何内容的关键帧,一旦在空白关键帧上绘制了内容,它就变成关键帧。
3.创建逐帧动画的几种方式
(1)用导入的静态图片成立逐帧动画
用jpg、png等格式的静态图片持续导入到Flash中,就会成立一段逐帧动画(参考实例:
奔跑的豹子)。
(2)绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容(参考实例:
旋转的立方体)。
(3)文字逐帧动画
用文字作帧中的元件,实现文字跳跃、旋转等特效。
(4)指令逐帧动画
在时刻帧面板上,逐帧写入动作脚本语句来完成元件的转变。
(5)导入序列图像
能够导入gif序列图像、swf动画文件或利用第3方软件(如swish、swift3D等)产生的动画序列。
三、学生练习
任务:
熟悉逐帧动画的制作
1.按照老师所提供的学习资料制作逐帧动画
2.从网上搜索更多的教程学习
四、课堂小结
小结本节的主要内容和学生中存在的问题
附:
学生资料
逐帧动画
(1)
从本节起,咱们将逐渐给大家介绍FlashMX2004中的五种常见的动画形式:
逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。
本节着重介绍逐帧动画(FrameByFrame),这是一种常见的动画形式,它的原理是在“持续的关键帧”中分解动画动作,也就是每一帧中的内容不同,持续播放而成动画。
由于逐帧动画的帧序列内容不一样,不仅增加制作负担而且最终输出的文件量也专门大,但它的优势也很明显:
因为它相似与电影播放模式,很适合于演出很细腻的动画,如3D效果、人物或动物急剧转身等等效果。
1.逐帧动画的概念和在时刻帧上的表现形式
在时刻帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧地画,所以逐帧动画具有超级大的灵活性,几乎能够表现任何想表现的内容。
逐帧动画在时刻帧上表现为持续出现的关键帧,如图3-2-1所示。
图3-2-1逐帧动画
2.创建逐帧动画的几种方式
(1)用导入的静态图片成立逐帧动画
用jpg、png等格式的静态图片持续导入到Flash中,就会成立一段逐帧动画(参考实例:
奔跑的豹子)。
(2)绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容(参考实例:
旋转的立方体)。
(3)文字逐帧动画
用文字作帧中的元件,实现文字跳跃、旋转等特效。
(4)指令逐帧动画
在时刻帧面板上,逐帧写入动作脚本语句来完成元件的转变。
(5)导入序列图像
能够导入gif序列图像、swf动画文件或利用第3方软件(如swish、swift3D等)产生的动画序列。
3.画图纸功能
(1)绘画纸的功能
绘画纸是一个帮忙定位和编辑动画的辅助功能,那个功能对制作逐帧动画特别有效。
通常情形下,Flash在舞台中一次只能显示动画序列的单个帧。
利用绘画纸功能后,你就可以够在舞台中一次查看两个或多个帧了。
如图3-2-2所示,这是利用绘画纸功能后的场景,能够看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使咱们看起来恍如所有帧内容是画在一张半透明的画图纸上,这些内容彼此层叠在一路。
固然,这时你只能编辑当前帧的内容。
图3-2-2同时显示多帧内容的转变
(2)画图纸各个按钮的介绍
●
【画图纸外观】按钮:
按下此按钮后,在时刻帧的上方,出现
画图纸外观标记。
拉动外观标记的两头,能够扩大或缩小显示范围。
●
【画图纸外观轮廓】按钮:
按下此按钮后,场景中显示各帧内容的轮廓线,填充色消失,特别适合观察对象轮廓,另外能够节省系统资源,加速显示进程。
●
【编辑多个帧】按钮:
按下后能够显示全数帧内容,而且能够进行“多帧同时编辑”。
●
【修改画图纸标记】按钮:
按下后,弹出菜单,菜单中有以下选项:
【老是显示标记】选项:
会在时刻轴题目中显示画图纸外观标记,无论画图纸外观是不是打开。
【锚定画图纸】选项:
会将画图纸外观标记锁定在它们在时刻轴题目中的当前位置。
通常情形下,画图纸外观范围是和当前帧的指针和画图纸外观标记相关的。
通过锚定画图纸外观标记,能够避免它们随当前帧的指针移动。
【画图纸2】选项;会在当前帧的两边显示两个帧。
【画图纸5】选项;会在当前帧的两边显示五个帧。
【绘制全数】选项;会在当前帧的两边显示全数帧。
上面,咱们全面介绍了逐帧动画的特点和创建方式,此刻,咱们来动手制作二个逐帧动画实例,以加深对逐帧动画的熟悉。
逐帧动画
(2)
4.实例1——奔跑的豹子
实例简介
茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入持续位图而创建的逐帧动画,如图3-2-3所示。
图3-2-3奔跑的豹子
知识提要
● 导入位图的方式
● 创建逐帧动画
● 创建文字对象
● 利用洋葱皮工具移动多帧元件
步骤1创建影片文档
执行【文件】|【新建】命令,在弹出的对话框当选择【常规】|【Flash文档】选项后,点击【肯定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400×260像素,【背景色】为白色,如图3-2-4所示。
图3-2-4创建新文档
步骤2创建背景图层
选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的名为“雪景.bmp”图片导入到场景中,(“雪景”图片位置:
光盘\example\part3\***\图片\雪景.bmp)。
选择第8帧,按F5键,增加过渡帧,使帧内容延续到第8帧。
步骤3导入gif动画
新建一个图层,选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的“奔跑的豹子”系列图片导入,(“奔跑的豹子”系列图片位置:
光盘\example\part3\***\图片\奔跑的豹子)。
现在,会弹出一个对话框,如图3-2-5所示。
图3-2-5系列图片导入
选择【是】按钮,Flash会自动把gif中的图片序列按序以逐帧形式导入场景的左上角,如图3-2-6所示。
图3-2-6导入的gif动画在场景的上方形成帧帧动画
如图3-2-7所示是导入后的动画序列,它们被Flash自动分派在8个关键帧中。
图3-2-7导入的8张图片
逐帧动画(3)
步骤4调整对象位置
现在,时刻帧区出现持续的关键帧,从左向右拉动播放头,就会看到一头勇猛的豹子在向前奔跑,可是,被导入的动画序列位置尚未处于咱们需要的地方,缺省状况下,导入的对象被放在场景坐标“0,0”处,咱们必需移动它们。
你固然能够一帧帧调整位置,完成一幅图片跋文下其坐标值,再把其它图片设置成相同坐标值,若是你有足够耐性和时刻,也无妨,那么,咱们何不试试“多帧编辑”功能呢?
先把“雪景”图层加锁,然后按下时刻轴面板下方的【编辑多个帧】按钮
,再单击【修改画图纸标记】按钮
,在弹出的菜单当选择【显示全数】选项,如图3-2-8所示。
图3-2-8选择显示全数选项
最后执行【编辑】|【全选】命令,此不时刻轴和场景效果如图3-2-9所示。
图3-2-9选取多帧编辑
用鼠标左键按住场景左上方的豹子拖动,就可以够把8帧中的图片一次全移动到场景中央了。
步骤5设置题目文字
在场景中新建一个图层,单击工具箱中的【文字工具】
,设置【属性】面板上的文本参数如下,文本类型为【静态文本】;字体为【隶书】;字体大小为35;颜色为深蓝色。
如图3-2-10所示。
图3-2-10字体【属性】面板参数设置
在文本框中输入“奔跑的豹子”五个字,居中放置。
步骤6测试存盘
执行【控制】|【测试影片】命令(快捷键Ctrl+Enter),观察动画效果,若是满意,执行【文件】|【保留】命令,将文件保留成“奔跑的豹子.fla”文件,若是要导出Flash的播放文件,执行【文件】|【导出】|【导出影片】命令。
5.实例2——旋转的立方体
实例简介
在蓝天白云的衬托下,一个蓝色的立方体在不断的旋转,这种三维效果只有逐帧动画才能实现,本例专门好的表现了逐帧动画的优势。
如图3-2-11所示。
图3-2-11旋转的立方体
逐帧动画(4)
知识提要
● 绘制矢量线条
● 利用填充工具
● 创建矢量图逐帧动画
步骤1成立新文档
执行【文件】|【新建】命令,在弹出的对话框当选择【Flash文档】选项后,单击【肯定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为550×400象素,【背景色】为白色,如图3-2-12所示。
图3-2-12文档属性
步骤2创建背景图片元件
选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的“天空”图片导入到场景中。
(“天空”图片位置:
光盘\example\part3\***\图片\天空.jpg)。
步骤3建扬名为“立方体”的影片剪辑元件
执行【插入】|【新建元件】命令,新建一个影片剪辑元件,名称为“立方体”,如图3-2-13所示。
图3-2-13创成立方体元件
说明:
影片剪辑是Flash中最重要的元件之一,在制作动画时常常需要用到它。
有关影片剪辑的详细信息,请参阅本书第四章的相关内容。
在第一帧中,选择工具箱中的【线条工具】
,在【属性】面板上设置【笔触样式】为实线,【笔触高度】为1,【颜色】为#003366,如图3-2-14所示。
图3-2-14【直线工具】的【属性】面板参数设置
在场景中画一个立方体的边线,别离选择深蓝、蓝、浅蓝三种颜色,用【颜料桶工具】
填充各个面,参考颜色为:
#00009九、#0033FF、#00CCFF,如图3-2-15所示。
图3-2-15立方体的第一帧绘制
参考下图依次绘制各帧中立方体的外形并填充相应的颜色,共18帧,如图3-2-16所示。
(在配套光盘的源文件的库中提供了一个“立方体”的矢量线条图形元件供参考,源文件位置:
光盘\example\………)
图3-2-16立方体各帧线条轮廓
步骤4创建“立方体”图层
单击【图层】面板上的【插入图层】按钮
,新建一层,在时刻轴的第一帧上,把库里的“立方体”影片剪辑拖入主场景中,放在场景的中下部,如图3-2-17所示。
图3-2-17时刻轴面板和场景中的元件
步骤5创建题目文字
再添加一个新图层,选择工具箱中的【文字工具】
,在【属性】面板上设置参数:
【静态文本】、字体为【黑体】、字号为4五、颜色为蓝色,如图3-2-18所示。
图3-2-18文字参数设置
在场景上方输入“矢量图逐帧动画”七个文字,文字的位置请参考图3-2-17。
至此,整个实例制作完成。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 动画 制作