逐帧动画知识点
- 格式:doc
- 大小:271.50 KB
- 文档页数:7
第7章逐帧动画制作1、什么是逐帧动画?顾名思义,逐是逐个,帧是关键帧,所谓的逐帧动画指的就是每一帧都是关键帧,对于有的动画我们需要一个一个关键帧去制作中间不需要插入过渡帧从而形成一种特殊效果。
在制作逐帧动画时,由于不需要创建补间(即过渡帧),所以对象的类型可以为任意类型。
(包括:散件、元件、文字、组合的对象等)。
2、滴管工具为了使多个物体填充颜色或边框色相同,可以使用滴管工具来进行吸取,吸取的时候可以吸取填充色也可以吸取边框色。
按shift键:表示同时吸取填充色和边框色。
3、翻转帧:将所选择的动画反向播放。
4、对于一些序列图片:(根据名称判断),当导入到舞台后将按照片名称顺序自动创建关键帧,从而行成动画效果。
在默认的情况下,我们所编辑的图片指的是当前帧的图片,所谓当前帧指的就是磁头停留的帧;编辑多个帧:可以同时对多个帧进行编辑,这里的帧既包括关键帧,又包括过度帧等。
编辑多个帧按钮:时间轴上会出现范围,调节范围,即一起调节所有帧。
5、显示标尺:CTRL+SHIFT+ALT+R6、选择多个帧按F6,可以快速插入关键帧。
7、变换点和注册点:变换点所指的就是对物体进行一系列变换操作时所参照的点。
变换操作包括:移动、旋转、缩放、倾斜等。
(例如:绘制一个散件,选择任意变形工具后中间的可移动的白点即为变换点。
)注册点:指定物体位置时所参照的点。
散件:注册点在左上角(例如:绘制散件后,修改两个坐标为(0,0),此时与(0,0)对齐的点为散件的左上角)。
元件:注册点可以任意改变(对于元件注册点有无数个,可通过双击更改,即十字位置为注册点位置)。
散件转换成元件:可以选择注册点。
直接绘制元件(CTRL+F8):不能直接选择注册点转换成元件后可看见注册点。
8、套锁工具:可以选择物体的一部分。
7-1实例(流动方块)操作步骤:1)更改舞台颜色和舞台大小。
2)选择矩形工具绘制正方形。
修改填充色和边框色。
3)选中正方形,按ALT键和SHIFT键进行复制,一共16个。
逐帧动画的学习
1.逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
2.创建逐帧动画的几种方法
(1)用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。
(2)绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容。
(3)文字逐帧动画
用文字作帧中的元件,实现文字跳跃、旋转等特效。
(4)导入序列图像
可以导入gif序列图像、swf动画文件或者利用第3方软件(如swish、swift 3D等)产生的动画序列。
由于逐帧动画的帧序列内容不一样,不仅增加制作负担而且最终输出的文件量也很大,但它的优势也很明显:因为它相似与电影播放模式,很适合于表演很细腻的动画,如3D效果、人物或动物急剧转身等等效果。
3月4日逐帧动画知识点:一、基本概念1、帧:构成动画的一系列画面2、关键帧:用于定义动画变化的帧3、空白关键帧:帧上没有任何对象注意:空表关键帧用空心圆表示,关键帧用实心圆表示4、帧频(FPS):每秒钟播放的帧数5、图层:与PS类似,每个图层包含不同内容,对某个图层内容操作不影响其他图层二、基本操作1、舞台属性的设置,包括大小、背景颜色、帧频屏幕右边的“属性”选项卡中2、插入关键帧的方法●选择帧鼠标右击,选择“插入关键帧”●插入菜单——时间轴——关键帧●快捷键F63、插入空白关键帧的方法●选择帧鼠标右击,选择“插入空白关键帧”●插入菜单——时间轴——空白关键帧●快捷键F74、图层的基本操作1)新建:●插入菜单——时间轴——图层●选择任意图层右击——插入图层2)删除:选择任意图层右击——删除图层三、任务1、跳跃的豹子1)创建flash文档:文件——新建——常规中flash文件(ActionScript2.0)2)调整舞台大小、背景颜色、帧频:屏幕右边属性中单击编辑按钮大小改为300*200像素,背景颜色和帧频随意。
3)导入素材:文件——导入到库——选中所有的图片(ctrl+a)——单击打开按钮。
4)利用素材制作逐帧动画:选中屏幕右边的“库”选项卡,按着鼠标左键不动,把“位图1”拖动舞台中。
调整图像在舞台中的位置:单击窗口菜单—对齐命令,选择“水平中齐”和“垂直对齐”。
或者修改菜单—对齐——水平居中和垂直居中同样的方法把剩余的七张图片,放在第2帧到第8帧上舞台中相同的位置。
5)测试影片:保存文件(Ctrl+s);再按Ctrl+Enter测试影片2、运动的机器人1)创建flash文档:文件——新建——常规中flash文件(ActionScript2.0)2)调整舞台大小、背景颜色、帧频。
帧频设为1。
3)绘制机器人:单击屏幕右边工具栏上的矩形工具,在舞台上绘制头部、躯干、上肢、下肢。
可以利用复制(ctrl+c)粘贴(ctrl+v)完成另一个上肢、下肢。
逐帧动画一、什么是图层?图层就象是含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。
打个比方说,在一张张透明的玻璃纸上作画,透过上面的玻璃纸可以看见下面纸上的内容,但是无论在上一层上如何涂画都不会影响到下面的玻璃纸,上面一层会遮挡住下面的图像。
最后将玻璃纸叠加起来,通过移动各层玻璃纸的相对位置或者添加更多的玻璃纸即可改变最后的合成效果。
举个例子说明:比如我们在纸上画一个人脸,先画脸庞,再画眼睛和鼻子,然后是嘴巴。
画完以后发现眼睛的位置歪了一些。
那么只能把眼睛擦除掉重新画过,并且还要对脸庞作一些相应的修补。
这当然很不方便。
在设计的过程中也是这样,很少有一次成型的作品,常常是经历若干次修改以后才得到比较满意的效果。
那么想象一下,如果我们不是直接画在纸上,而是先在纸上铺一层透明的塑料薄膜,把脸庞画在这张透明薄膜上。
画完后再铺一层薄膜画上眼睛。
再铺一张画鼻子。
如下图,将脸庞、鼻子、眼睛分为三个透明薄膜层,最后组成的效果。
这样完成之后的成品,和先前那幅在视觉效果上是一致的。
虽然视觉效果一致,但分层绘制的作品具有很强的可修改性,如果觉得眼睛的位置不对,可以单独移动眼睛所在的那层薄膜以达到修改的效果。
甚至可以把这张薄膜丢弃重新再画眼睛。
而其余的脸庞鼻子等部分不受影响,因为他们被画在不同层的薄膜上。
这种方式,极大地提高了后期修改的便利度。
最大可能地避免重复劳动。
因此,将图像分层制作是明智的。
二、什么是帧?关键帧、空白关键帧?(1)帧是影像学中最小单位的单幅影像画面,相当于电影胶片上的每一格镜头,一帧就是一副静止的画面,连续的帧就形成动画。
(2)空白关键帧:空白关键帧是没有任何对象存在的帧,主要用于在画面与画面之间形成间隔,它在时间轴上是以空心圆的形式显示,用户可以在其上绘制图形,一旦在空白关键帧中创建了内容,空白关键帧就会自动转变为关键帧,按F7快捷键可创建空白关键帧。
(3)关键帧:相当于二维动画中的原画。
3月4日逐帧动画知识点:
一、基本概念
1、帧:构成动画的一系列画面
2、关键帧:用于定义动画变化的帧
3、空白关键帧:帧上没有任何对象
注意:空表关键帧用空心圆表示,关键帧用实心圆表示
4、帧频(FPS):每秒钟播放的帧数
5、图层:与PS类似,每个图层包含不同内容,对某个图层内容操作不影响其他图层
二、基本操作
1、舞台属性的设置,包括大小、背景颜色、帧频
屏幕右边的“属性”选项卡中
2、插入关键帧的方法
●选择帧鼠标右击,选择“插入关键帧”
●插入菜单——时间轴——关键帧
●快捷键F6
3、插入空白关键帧的方法
●选择帧鼠标右击,选择“插入空白关键帧”
●插入菜单——时间轴——空白关键帧
●快捷键F7
4、图层的基本操作
1)新建:
●插入菜单——时间轴——图层
●选择任意图层右击——插入图层
2)删除:选择任意图层右击——删除图层
三、任务
1、跳跃的豹子
1)创建flash文档:文件——新建——常规中flash文件(ActionScript2.0)
2)调整舞台大小、背景颜色、帧频:屏幕右边属性中单击编辑按钮大小改为300*200像素,
背景颜色和帧频随意。
3)导入素材:文件——导入到库——选中所有的图片(ctrl+a)——单击打开按钮。
4)利用素材制作逐帧动画:选中屏幕右边的“库”选项卡,按着鼠标左键不动,把“位图
1”拖动舞台中。
调整图像在舞台中的位置:单击窗口菜单—对齐命令,选择“水平中齐”和“垂直对齐”。
或者修改菜单—对齐——水平居中和垂直居中
同样的方法把剩余的七张图片,放在第2帧到第8帧上舞台中相同的位置。
5)测试影片:保存文件(Ctrl+s);再按Ctrl+Enter测试影片
2、运动的机器人
1)创建flash文档:文件——新建——常规中flash文件(ActionScript2.0)
2)调整舞台大小、背景颜色、帧频。
帧频设为1。
3)绘制机器人:单击屏幕右边工具栏上的矩形工具,在舞台上绘制头部、躯干、上肢、下肢。
可以利用复制(ctrl+c)粘贴(ctrl+v)完成另一个上肢、下肢。
通过选择工具调整机器人各部位的位置。
4)在第2~7帧按快捷键F6,插入关键帧。
5)单击第2帧,选择机器人的左上肢,单击“任意变形工具”或修改菜单—变形—旋转与倾斜命令,通过鼠标移动变形对象中的白色圆点即变形中心点,按住鼠标左键将中心点上移,如下图所示。
执行窗口菜单——变形命令,输入旋转角度为90度。
按enter键后,左上肢发生变化。
6)单击第3帧,按5)的步骤修改右上肢,旋转角度为-90度。
7)单击第5帧,按5)的步骤修改左上肢,旋转角度为45度;右上肢,旋转角度为-45度。
8)单击第6帧,按5)的步骤修改左上肢,旋转角度为90度;右上肢,旋转角度为-90度。
9)测试影片:保存文件(Ctrl+s);再按Ctrl+Enter测试影片
注意:观察前后两次抬臂动作,那次更自然。
拓展,请同学们自行增加腿部的动作。
3、花儿的成长
1)创建flash文档:文件——新建——常规中flash文件(ActionScript2.0)
2)调整舞台大小、背景颜色、帧频。
帧频设为1;背景色为水湖蓝色(#99ffff)。
3)绘制花儿成长的背景:
首先更改图层的名字:双击“图层1”,输入“背景”,回车即可
选择工具栏上的铅笔工具绘制一条曲线,再选择线条工具绘制三根直线,与曲线组成
一个闭合的图形。
用颜料桶工具填充土黄色(#996600)。
选择第23帧,按F6插入关键帧。
4)制作绿叶:
●插入图层,命名为“绿叶”,并通过鼠标左键拖动“绿叶”层到“背景”层的下面。
●绘制第一片绿叶:选择工具栏的刷子工具,填充颜色为绿色(#33cc00),笔触颜色
无,绘制一片绿叶。
如下图中的左数第一个绿叶。
●绘制第二片绿叶:选择第2帧,按F6插入关键帧,在第一片绿叶的基础上,用刷子工
具绘制第二片绿叶。
如上图左数第二个绿叶。
可以辅助修改菜单—变形—扭曲命令调整绿叶的形状。
●调整绿叶的形状:选择第3帧,按F6插入关键帧,用选择工具选中绿叶,选择任
意变形工具或修改菜单—变形—缩放命令,调整叶子的高度。
如上图左数第四个绿叶。
●绘制第三片绿叶:选择第4帧,按F6插入关键帧,在前两片绿叶的基础上,用刷子工
具绘制第三片绿叶。
如上图左数第五个绿叶。
同时通过修改菜单—变形—扭曲命令调整绿叶的形状。
●绘制第四片绿叶:选择第5帧,按F6插入关键帧,在前三片绿叶的基础上,用刷子工
具绘制第四片绿叶。
如上图左数第六个绿叶。
同时通过修改菜单—变形—扭曲命令调整绿叶的形状。
●调整绿叶的形状:选择第6帧,按F6插入关键帧,用选择工具选中绿叶,选择任意变
形工具或修改菜单—变形—缩放命令,调整叶子的高度和形状。
如上图左数第六个绿叶。
5)制作花径
●选择第7帧,按F6插入关键帧,用刷子工具绘制花径,长度稍短点。
●选择第8帧,按F6插入关键帧,用选择工具选中花径,选择任意变形工具或修改菜单
—变形—缩放命令,调整花径的长度,比第7帧的要长些。
●选择第9帧,按F6插入关键帧,用选择工具选中花径,选择任意变形工具或修改菜单
—变形—缩放命令,调整花径的长度,比第8帧的要长些。
●选择第10帧,按F6插入关键帧,用选择工具选中花径,选择任意变形工具或修改菜
单—变形—缩放命令,调整花径的长度,比第9帧的要长些。
如下图所示。
6)制作花朵
●选择第11帧,按F6插入关键帧,选择椭圆工具,设置
填充颜色为橘黄色(#ff9900),笔触颜色无。
然后在舞台上画一个椭圆。
如下图左
数第一个所示。
●通过选择工具选中椭圆,选择任意变形工具,调整中心到椭圆的下边。
选择窗口菜单—
变形命令,先单击“重置选区和变形”,在旋转中输入30度,然后单击“重置选区和变形”按钮11次,得出整个花朵,如下图所示。
●选择第12帧,按F6插入关键帧,直到第23帧,都插入关键帧。
●选择第11帧,按Delete键将其他多余的花瓣删除,只留一片花瓣。
●选择第12帧,按Delete键将其他多余的花瓣删除,只留二片花瓣。
●依次类推,直到第22帧,显示整个花瓣。
●选择第23帧,选择椭圆工具,设置填充颜色为褐色(#663300),画一个正圆,调整到
舞台的合适位置。
7)测试影片:保存文件(Ctrl+s);再按Ctrl+Enter测试影片
实训:
一、闪客天堂
用逐帧动画的方法制作“闪客天堂”四个字的打字效果,如下图所示:
二、游动的小鱼
利用绘图工具逐帧绘制小鱼游动的不同动作,如下图所示。
提示:运用工具箱中的箭头工具,改变鱼鳍、鱼尾的姿势。