第6章图层动画的制作_第1页
第6章图层动画的制作_第2页
第6章图层动画的制作_第3页
第6章图层动画的制作_第4页
第6章图层动画的制作_第5页
已阅读5页,还剩168页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、6-1本章要点l图层 l场景l应用实例6-2l在学习基本动画的制作时,我们可能已经想如何制作包含多个对象的复杂动画,比如如何同时实现多个元件的同时运动等。l这章要介绍的图层动画制作,就可以解决类似的问题。6-3l图层好比一张透明的纸,我们可以在上面绘制任何的图形,在动画的制作过程中可以使用一个层也可以使用多个层。l图层列表如图所示:6-4层列表中各元素的含义:lA(图层名称):lB(显示/隐藏所有图层) :lC(锁定/解除锁定所有图层) :lD(显示所有图层的轮廓) :lE(插入图层) :lF(添加运动引导层) :lG(插入图层文件夹) :lH(删除层) :6-5l在时间轴面板中要选择图层或图

2、层文件夹,方法: 在图层名或图层文件夹名处单击 在图层中的任意帧处单击。 在舞台上选择对应图层中的对象。 按Ctrl键单击图层名,可以逐个选择多个图层;按Shift键单击两个图层名,其间所有图层都将被选择。l在时间轴面板中创建新图层或图层文件,方法: 单击 按钮插入一个新图层,单击 插入一个新图层文件夹。 选择插入/时间轴/图层命令,插入一个新图层;选择插入/时间轴/图层文件夹命令,插入一个新图层文件夹。 用鼠标右键单击图层名,在打开的快捷菜单中选择插入图层和插入文件夹命令。6-6l在时间轴面板中隐藏图层或图层文件夹,方法: 单击图层或文件名右侧的 图标将所对应的列,可以隐藏该图层或文件夹,再

3、次单击可以显示。 单击 图标可以隐藏所有的图层和文件夹,再次单击显示所有。 按鼠标左键,在 图标对应的列中拖动,可以显示或隐藏相对应的图层或文件夹。 按Alt键,单击图层或图层文件夹名称右侧的 图标所对应的列,可以隐藏其他所有图层和图层文件夹,再次按Alt键并单击图标所对应的列,恢复其显示状态。6-7l在时间轴面板中,锁定图层或图层文件夹以及显示图层或图层文件夹轮廓,可以采用与隐藏图层或图层文件夹相同的方法,图是图层设置后的显示状态。l此外还可以移动图层,以便调整图层顺序。当前选择的图层隐藏的图层 锁定的图层显示动画对象轮廓的图层6-8在图层列表中单击鼠标右键,将弹出如图所示的快捷菜单。6-9

4、图层快捷菜单中各命令的功能:l全部显示(Show All):l锁定其他图层(Lock Others):l隐藏其他图层(Hide Others):l插入图层(Insert Layer):l删除层(Delete Layer):l引导层(Guide):l添加引导层(Add Motion Guide):6-10l遮罩层(Mask):l显示遮罩(Show Masking):l插入文件夹(Insert Folder):l删除文件夹(Delete Folder):l展开文件夹(Expand Folder):l折叠文件夹(Collapse Folder):l展开所有文件夹(Expand All Folders

5、):l折叠所有文件夹(Collapse All Folders):l属性:6-11执行【修改】 【图层】命令,将弹出如图所示的【图层属性】对话框。6-12对话框中各参数的含义及其设置方法:l名称:l显示(Show):l锁定(Lock):l正常(Normal):l引导层(Guide):6-13l被引导(Guided):l遮罩层(Mask):l被遮罩:l文件夹:l轮廓颜色(Outline):l将图层视为轮廓(View Layer as out): l图层高度(Layer):6-14 对层进行操作前应先选取层,同一时刻只能对一个层进行操作,选取层的方法:l选取单个层:l选取多个层:6-15l制作所有

6、用元件l1、新建Flash文档,设置尺寸为“620”x“120px”l2、打开混色器面板,选择线性渐变类型,设置两个渐变颜色样本,如图。l3、选择 工具,在颜色区中将笔触颜色设置为“无”,按舞台大小画一个方框。l4、在属性面板中将X和Y坐标设为“0.0” ,将宽和高分别设为“620.0”和“120.0”,按Enter键。l5、选择 工具,调整填充颜色,形成上浅下深的变化,如图。红:260绿:80蓝:100红:200绿:0蓝:606-16l6、在时间轴面板中双击“图层 1”的层名,将其名称修改为“背景”。单击 按钮增加一个新层,层名自动设置为“图层 2”.l7、选择插入/新建元件命令,打开创建新

7、元件对话框,在名称栏中输入“手袋”,点选图形选项,单击确定按钮退出,开始进行“手袋”元件的制作。l8、选择文件/导入/导入到舞台命令,导入素材中的“手袋.png”文件。l9、分别制作“手机”元件、“头饰”元件、“照相机”元件和“壶”元件,并以此导入素材中响应的图片,库中最终制作完成的元件如图。6-17l制作“商品1”文件夹中的商品运动:l1、单击时间轴面板中的 按钮,返回到场景 1的制作。l2、从库面板中选择“照相机”元件,将其拖到舞台左侧,使其成为“图层 2”的对象。如图。l3、在时间轴面板中选择“背景”层的第60帧,按F5键插入帧。选择“图层 2”的第10帧,按F6键插入关键帧。l4、在时

8、间轴面板中用鼠标右键单击“图层 2”的第1帧,在打开的快捷菜单中选择创建补间动画命令。6-18l5、调整“图层 2”第1帧中对象的位置,将其左移一半到舞台的外部,在属性面板中设置颜色选项“Alpha”,并设置其值为“0%”,如图。l6、用鼠标右键单击“图层 2”的层名,在打开的快捷菜单中选择插入图层命令,增加一个“图层3”。l7、在时间轴面板中选择“图层 3”的第3帧,按F7插入空白关键帧。l8、从库面板中选择“壶”元件,将其拖到舞台的左侧,使其成为“图层 3”中的对象。l9、在时间轴面板中选择“图层 3”的第12帧,按F6插入关键帧。选择“图层 2”的第60帧,按F5键插入帧。6-19l10

9、、调整“图层 3”第3帧中对象的位置,将其下移一大半到舞台的外部。在属性面板中设置颜色为Alpha,值为“0%”。l11、在时间轴中用鼠标右键单击“图层 3”的第3帧,在打开的快捷菜单中选择创建补间动画命令。l12、同样再增加一个“图层 4”,用于放置“手袋”元件,它位于“壶”元件实例的右侧,同样由下向上移动。l13、在时间轴面板中单击 按钮,在“图层 4”上方插入一个“文件夹1”。l14、在“图层 4”的层名处按住鼠标想“文件夹 1”的名称处拖到,将“图层 4”放入图层文件夹中。以次处理“图层2和3”。l15、在“文件夹1”名称处双击鼠标,修改其名称为“商品1”,然后将其折叠,如图。6-20

10、l制作“商品 2”文件夹中的商品运动:l1、在“商品 1”文件夹名称处按鼠标右键,从打开的快捷菜单中选择插入图层命令。增加一个“图层 5”,然后再增加一个“图层 6”。l2、在“图层 5”和“图层 6”中分别处理“头饰、手机“元件实例,使“头饰”元件实例在舞台右侧由上向下运动,“手机”元件实例在舞台右侧由下向上运动。如图。l3、在时间轴面板中单击 按钮,再增加一个“文件夹 2”,将“图层 5和6”放置其中,然后将其重新命名为“商品 2”。6-21l制作文字运动:l1、在时间轴面板中选择“背景”图层,选择/工具,将笔触颜色选项设置为“白色”,将笔触高度设置为“2.75”,在背景上画一条斜线l2、

11、使用 工具选择斜线右侧的部分,按Ctrl+X键将其剪切掉。l3、在“商品 1”文件夹名称处按鼠标右键,从打开的快捷菜单中选择插入图层命令两次,增加“图层 7和8”。l4、在时间轴面板中选择“图层 7”,选择编辑/粘贴到当前位置命令,将剪切部分原位粘贴到这一层。6-22l5、在时间轴面板中选择“图层 8”的第16帧,按F6键插入关键帧。选择A工具,在属性面板中设置字体为“黑体”,字体大小为“25”,颜色“白色”,输入的字符如图。l6、在时间轴面板中选择“图层 8”的第25帧,按F6插入关键帧。用鼠标右键单击 “图层8”的第16帧,在打开的快捷菜单中选择创建补间动画。l7、选择“图层 8”第16帧

12、中的对象,将其向右移动直至被“图层 7”中对象完全遮住。如图。l8、选择控制/测试影片命令测试动画。6-23lFlash 8中有两个比较特殊的层,即普通引导层和运动引导层,它们统称为引导层。l在时间轴中面板中,在层名称前有 标志的就是运动引导层,有 标志就是普通运动层。在引导层中,可以像其他层一样绘制各种图形及导入元件等,但最终发布作品的时候,它们不会显示。l普通引导层主要为其他层提供辅助绘制和绘图定位等帮助;运动引导层可以起到设置运动路径的导向作用,使与之相链接的被引导层中的对象沿此路径运动。l在实际应用中,普通引导层的使用并不多,更多的是利用运动引导层产生特殊动画效果。6-24前面实例中制

13、作的动画,运动轨迹比较简单,采用设置关键帧的方法就能够完成。但在运动轨迹比较复杂的情况下,单纯依靠设置关键帧来实现,显然不太现实。而采用运动引导层实现运动引导层动画,则能较好地解决这一问题。设置运动引导层和被引导层可以采用以下方法:l在时间轴面板中直接单击 按钮,在当前图层上增加一个运动引导层,则当前图层变成被引导层。l用鼠标右键单击图层名,在打开的快捷菜单中选择添加引导层命令,在当前图层上增加一个运动引导层,当前图层变成被引导层l选择某个图层,选择修改/时间轴/图层属性命令,打开图层属性面板,单击引导层或被引导层选项。l选择被引导层,单击 按钮会在其上增加一个被引导层。6-25l制作运动引导

14、层动画:P148l1、创建一个新的Flash文档,选择文件/ 导入/导入到舞台命令,导入素材中的“荷花.jpg”文件。l2、选择文件/导入/打开外部库命令,导入素材“蜻蜓.fla”文件。l3、在时间轴面板中单击 图层按钮,增加一个“图层 2”。从库面板中将“蜻蜓”元件拖入到舞台中的任意位置,使其成为“图层 2”第1帧中的对象。l4、在时间轴面板中单击 按钮,增加一个运动引导层,而“图层 2”将自动变成被引导层,如图 。6-26l5、确认运动引导层被选择,选择 工具,在舞台上画出一个条路径曲线,如图。l6、锁定运动引导层,使用选择工具选择舞台上的蜻蜓,将其拖到曲线路径的右端点处,使其中心点吸附到

15、曲线路径上,如图。l7、选择 工具,旋转蜻蜓使其与曲线路径方向一致,如图。l8、在时间中面板中选择运动引导层和“图层 1”的第30帧,按F5键插入一个普通帧。选择“图层 2”的第30帧,按F6键插入一个关键帧。重要提示:选择 工具,如果选项区中的 按钮没有被激活,则必须将其激活,这样有利于进行吸附调整。6-27l9、选择“图层 2”第30帧中的蜻蜓对象,将其拖到曲线路径的左端点出,是蜻蜓的中心点吸附到曲线路径上。选择 工具,放大蜻蜓并调整方向,使之与路径方向一致。如图 l10、在时间轴面板中单击鼠标右键选择“图层 2”的第1帧,在打开的快捷菜单中选择创建补间动画命令,产生补间动画。l11、在时

16、间中面板中拖动播放头,会发现蜻蜓沿曲线路径运动,但蜻蜓没有方向变化,显得不够真实。重要提示:放大蜻蜓时,可以按Shift键进行等比例放缩,以保证蜻蜓不变形。6-28l修改运动引导层动画l1、在时间轴面板中选择“图层 2”的第1帧,在属性面板中勾选调整到路径选项,将缓动数值设为“50”,如图。l2、在时间轴面板中拖动播放头,会发现蜻蜓沿曲线路径运动并能变化方向。l3、在时间轴面板选择“图层 2”的第15帧,按F6插入一个关键帧,在属性面板中将缓动值设为“50”。l4、选择第15帧上的蜻蜓,沿曲线路径将其方向左拖动。使用 工具,调整蜻蜓的方向使之与路径方向一致。如图。l5、在时间轴面板选择“图层1

17、和2”的第50帧,按F5插入帧,使蜻蜓运动结束后停留一段时间。l6、选择控制/测试影片命令,会看到蜻蜓沿曲线路径逐渐飞近,速度有快到慢,而运动路径并没显示。保存“蜻蜓寻荷.fla”重要提示:设置调整到路径选项可以使蜻蜓根据路径的曲度而旋转方向,缓动值为正,产生先快后慢的变化。6-29l一个运动引导层中可以有多条曲线路径,用以一到多个动画对象沿不同的路径运动。l制作4个花瓣:P1516-30l1、新建一个Flash文档。选择插入/新建元件命令,打开创建新元件对话框,在名称栏中输入“花瓣”,点选图形选项,单击确定按钮退出,进入元件“花瓣”的制作。l2、首先在舞台上画一个不带边框的长方形,然后使用

18、工具调整出如图所示的花瓣图形。l3、打开混色器面板,选择放射状渐变类型,设置由红到白的渐变色,如图所示。6-31l4、选择 工具,将渐变色填充到花瓣图形中,如图所示。l5、单击时间轴面板上方的 按钮,返回到场景1的制作。l6、选择窗口/库命令,打开库面板,从中选择“花瓣”元件,将其分4次拖到舞台上方外侧,如图所示。l7、将4个实例全选,选择修改/时间轴/分散到图层命令,这4个对象将按导入顺序被分配到添加的4个层中,如图。l使用分散到图层命令功能。6-32l8、由于新增图层名称相同,因此需要按自上而下的顺序将它们的名称分别修改为“花瓣1、2、3、4”。l制作花瓣飘落效果。l1、在时间轴面板中选择

19、“图层1”。选择 工具,在选项区中单击 按钮,在舞台上画出4条路径曲线,如图。l2、确认“图层1”层为当前层,选择修改/时间轴/图层属性命令,打开图层属性对话框,点选引导层选项,单击确定按钮退出。此时“图层1”将变为一个普通引导层,如图。6-33l3、在时间轴面板中选择“花瓣 1”层,选择修改/时间轴/图层属性命令,打开图层属性对话框,点选被引导层选项,单击确定按钮退出。此时“图层1”层将由普通引导层变为运动引导层,“花瓣1”层变为被引导层,如图所示。l4、用上述方法分别将“花瓣2、3和4”层都变为被引导层。l5、在时间轴面板中单击“图层1”的第35帧,按F5键。单击“花瓣1”的第35帧并向下

20、拖到“花瓣4”的第35帧处,使这些帧同时被选择,按F6键,同时插入4个关键帧,如图。6-34l6、在时间轴面板中锁定“图层1”,选择 工具,单击选项区中的 按钮,调整各个层中花瓣的位置到曲线路径的末端,如图。l7、在时间轴面板中用鼠标单击“花瓣 1”的第1帧并向下拖到“花瓣4”的第1帧位置,使这些帧同时被选择。l8、在属性面板的补间选项下拉列表中选择动画选项,勾选调整到路径复选框,使这4层的第1到35帧同时产生补间动画,如图。6-35l9、在时间轴面板中拖动播放头,发现花瓣没有沿曲线路径运动,这是因为第1帧或第35帧中的花瓣实例没有被吸附到曲线路径上,下面对其调整。l10、在时间轴面板中拖动播

21、放头,看到花瓣以平面的形式下落,没有飘飞的感觉,也不真实。l11、在时间轴面板中选择“花瓣1”层的第11帧,按F6键插入关键帧。选择修改/变形/垂直翻转命令,使这一帧中的花瓣垂直翻转,如图所示。6-36l12、用上述方法在“花瓣 2”层的第14帧处插入关键帧,并垂直翻转花瓣;在“花瓣3”层第17帧处插入关键帧,并垂直翻转花瓣;在“花瓣4”层的第20帧处插入关键帧,并垂直翻转花瓣,如图所示。l13、选择 工具,分别调整第35帧中各个花瓣的旋转角度,如图所示。l14、选择控制/测试影片命令,此时会看到花瓣由上而下飘落。6-37l遮罩是进行图像特殊处理的有力工具,Flash 8中,利用遮罩层来决定被

22、遮罩层中动画对象的显示情况。6-38l在Flash8中,遮罩层中有动画对象存在的地方都会产生一个孔,使与其链接的被遮罩层响应区域中的对象显示出来;而没有动画对象的地方会产生一个罩子,遮住链接层相应区域中的对象。l遮罩层中动画对象的制作与一般层中的基本一样,矢量色块、字符、元件以及外部导入的位图都可以在遮罩层产生孔。l对应遮罩层的理解,可以将它看作是一般图层的反转,其中有对象存在的位置为透明,空白区域则为不透明。6-39l制作遮罩效果前,时间轴面板中起码要有两个图层,比如“图层 1”和“图层 2”,可以采用下面的方法设置遮罩层和被遮罩层: 用鼠标右键单击“图层 2”的层名,在打开的快捷菜单中选择

23、遮罩层命令,将“图层 2”变成遮罩层,下方的“图层 1”会自动变成被遮罩层,两层都将被自动锁定。 选择某个图层,选择修改/时间轴/图层属性命令,打开图层属性对话框,点选遮罩层或被遮罩层选项; 选择被遮罩层,单击 按钮会在其增加一个被遮罩层。6-40l变色文字示例:P155l1、新建一个Flash文档,选择A工具,在属性面板中设置字体为“黑体”,字体大小为“70”,颜色为“蓝色”,并设置字体加粗。在舞台上如果两行文本,如图所示。l2、在时间轴上单击按钮 增加一个“图层 2”。l3、在时间轴面板中“图层 1”第1帧上单击鼠标右键,在打开的快捷菜单中选择复制帧命令。在“图层 2”的第1帧上单击鼠标右

24、键,在打开的快捷菜单中选择粘贴帧命令,然后将“图层 2”中文字该为绿色。6-41l4、在时间轴面板中单击 按钮增加一个“图层 3”。l5、打开混色器面板,设置笔触颜色为“无”,选择线性渐变类型,设置3个颜色样本,如图。l6、确认“图层 3”为当前层,选择矩形工具,在舞台左外侧画一个长方形,然后使用 工具调整长方形的角度,如图。l7、按F8键打开转换为原价对话框,在名称栏中红:255绿:255蓝:0Alpha:0%红:255绿:255蓝:0Alpha:100%红:255绿:255蓝:0Alpha:0%6-42l8、选择“图层 3”第25帧,按F6键插入关键帧。然后选择“图层1和2”的第25帧,按

25、F5插入帧。l9、选择 工具,调整第25帧中长方形的位置到文字的右侧,如图。l10、在时间轴面板中选择“图层 3”的第1帧,在属性面板的补间选项拉列表中选择动画选项,创建长方形划过文字的效果。6-43l11、用鼠标右键单击“图层 3”的层名,在打开的快捷菜单中选择遮罩层命令,将“图层 3”变成遮罩层,其下方的“图层 2”将自动变成被遮罩层,两个层都将自动被锁定,如图。l12、在时间轴面板中拖动播放头,会看到文本中产生了绿色的变色效果。l13、在时间轴面板中取消“图层 1”的显示状态,拖动播放头会看到文字仅显示绿色部分,如图,由此可以理解“图层 1”的作用,“图层 2”与“图层 1”相同,如图。

26、6-44l过光文字制作示例:P157l1、接上例,在时间轴面板中设置“图层 3”的当前层,选择修改/时间轴/图层属性命令,打开图层属性对话框,点击一般选项。如图l2、大家确定按钮,此时“图层3和2”都变成一般层。l3、在时间轴面板拖动“图层 3”到“图层 2”的下方,改变层叠顺序。l4、用鼠标右键单击“图层 2”的层名,在打开的快捷菜单选择遮罩层命令,此时“图层 2”将变成遮罩层,其下方的“图层 3”将自动变成被遮罩层,两个层都将自动被锁定。6-45l5、此时舞台上一片空,在时间轴面板总拖动播放头,会看到文本产生了金色的过光效果。如果。l6、在时间轴面板中取消“图层 1”的显示状态,拖动播放头

27、,会看到文字仅显示金色的过光部分,如图。保存为“过光文字 .fla”。6-46l在Flash8中可以用遮罩制作许多特殊效果,但制作中应注意一个问题,就是并非所有的可显示对象都可以在遮罩层中产生孔,并使被遮罩层中的对象透出来。比如用直线、铅笔、钢笔和墨水瓶工具制作的矢量线就不能在遮罩层中产生孔。6-47l1、创建一个新的Flash文档,将尺寸设置为“620px”X“120px”。l2、选择插入/新建元件命令,打开创建新元件对话框,在名称栏中输入“机顶盒”,点选图形选项,单击确定,进入元件“机顶盒”的制作。l3、选择文件/导入/导入到舞台命令,导入素材中的“仪器.png”文件,如图所示。l4、单击

28、时间轴面板上方的 按钮,返回到场景1的制作。6-48l5、打开混色器面板,将笔触颜色设为“无”,选择线性渐变类型,选择重复溢出类型,设置两个颜色样本,如图。l6、选择 工具,按舞台大小画一个长方形,在属性面板中将X和Y坐标均设置为“0.0”,将宽和高设置为“500.0”和“200.0”,如图所示,按Enter键应用。l7、选择 工具,调整填充颜色如图所示,形成由上到下的条纹状变化。6-49l1、在时间轴面板中单击 按钮增加一个“图层2”.l2、选择窗口/库命令,打开库面板,从中选择”机顶盒“元件并将其拖到舞台右侧,使其成为”图层2“的对象。l3、在时间轴面板中再增加一个“图层3和4”。l4、确

29、认选择了“图层4”,选择 工具,将笔触颜色设置为“白色”,将笔触高度设为“3”画出机顶盒的轮廓如图所示。6-50l5、打开混色器面板,将笔触颜色设为无,选择线性渐变类型,选择扩展溢出类型,设置两个白色的颜色样本,但左侧颜色样本的Alpha数值为“100%”,而右侧的为“0%”,如图。l6、在时间轴面板中选择“图层3”,使用 工具画出一个长方形,然后使用 工具调整长方形的角度,如图所示。l7、按F8键打开转换为元件对话框,在名称栏中输入“虚化”,点选图形选项,单击确定。6-51l8、在时间轴面板中选择“图层3”的第25帧,按F6键插入关键帧。然后选择“图层1、2和4”的第25帧,按F5键插入帧。

30、l9、调整“图层3”第25帧中的“虚化”元件实例位置,如图。l10、在时间轴面板中选择“图层3”的第1帧。在属性面板中设置补间选项为动画,这样就完成了长方形移动划过机顶盒的效果。l11、用鼠标右键单击“图层4”的层名,在打开的快捷菜单中选择遮罩层命令,此时“图层4”变成遮罩层,下下方的“图层3”将自动变成被遮罩层。6-52l12、在时间轴面板中拖动播放头会看到遮罩层动画并没有实现,如图。l制作运动的亮线l1、在时间轴面板中取消对“图层4”的锁定,选择“图层4”的第1帧,使这一帧中的所有对象被选择。l2、选择修改/形状/将线条转换为填充命令,将舞台上的矢量线转换成矢量图形。虽然他们从外形上看并没

31、有什么区别,但性质已经改变。l3、选择控制/测试影片命令会看到遮罩效果产生了。6-53l平时看电影、电视节目时会发现,有些镜头的转换采用的是划变转换,即一个镜头以某种图案效果逐渐地转换为另一个镜头。恰当地运用划变效果,可以制作出一些赏心悦目的特技效果,大大增强艺术感染力。l在Flash 8中灵活运用遮罩层动画,就能实现划变效果。6-54l1、新建一个Flash文档,选择文件/导入/导入到舞台命令,导入素材中的“瀑布.jpg”文件。通过属性面板可知,“瀑布.jpg”尺寸为“200px”X“300px”。l2、选择修改/文档命令,打开文档属性对话框,将尺寸修改为“200X300”,如图,单击确定退

32、出。l3、在属性面板中将X和Y坐标均设为“0.0”,按Enter键应用,以调整舞台上的“瀑布.jpg”的位置。6-55l1、选择插入/新建元件命令,打开创建元件对话框,在名称栏中输入“图”,点选影片剪辑选项,单击确定按钮退出,进入元件“图”制作。l2、选择 工具,在工具面板的颜色区中将笔触颜色设为无,画出一个长方形。l3、选择绘制出的长方形,在属性面板中解除宽高比例锁定,设置参数如图,按Enter键。l4、在时间轴面板选择第30帧,按F6键插入关键帧。选择第1帧中的图像,然后删除。6-56l5、选择 工具,在属性面板中将笔触颜色设为无,按Shift键在舞台上画一个圆。l6、选择所画的圆,在属性

33、面板中锁定宽高比例,设置参数如图所示,按Enter键应用。l7、在时间轴面板中选择第1帧。在属性面板中设置补间选项为“形状”,产生补间形状动画,使元逐渐变成长方形。6-57l1、单击时间轴面板上方的 按钮,返回到场景1的制作。在时间轴面板中单击 按钮增加一个“图层2”。l2、确认“图层2”被选择,选择文件/导入/导入到舞台命令,导入素材中“棕榈树.jpg”文件。l3、选择 工具并选择舞台上的“棕榈树.jpg”,调整其位置,使之与“图层1”的“瀑布.jpg” 精确重合。l4、在时间轴面板中用鼠标右键单击“图层2”的层名,在打卡的快捷菜单中选择插入图层命令,增加一个“图层3”。l5、选择窗口/库命

34、令,打开库面板,从中选择“图”元件并将其拖放到舞台中,使其成为“图层3”的对象。6-58l6、选择窗口/设计界面/对齐命令,打开对齐面板,单击 按钮,然后单击 和 按钮,将实例与舞台中心对齐,如图所示。l7、在时间轴面板选择“图层3”的第30帧,按F6键,然后分别选择“图层2”和“图层1”的第35帧,按F5键。l8、在时间轴面板中选择“图层3”的第1帧。在属性面板中设置补间选项为动画,并设置旋转选项为顺时针,然后将选择周次设为“2”,如图。6-59l9、选择窗口/变形命令,打开变形面板,勾选约束复选框,将水平与垂直比例设为“1.0%”,按Enter键应用,如图。l10、用鼠标右键单击“图层3”

35、的层名,在打开的快捷菜单中选择遮罩层命令,将“图层3”变成遮罩层,其下方的“图层2”将自动变成被遮罩层,两个层都会自动被锁定,如图。l11、选择控制/测试影片命令测试动画,会看到遮罩变化使两幅图像产生了圈出划变效果。6-60l渐现与渐隐字幕的制作过程:P1636-61l1、创建一个新的Flash文档,将尺寸设置为“400px”X“300px”。l2、选择文件/导入/导入到舞台命令,导入素材中的“背景.jpg”文件,并调整图像,使其与舞台对齐。l3、打开混色器面板,选择线性渐变类型,设置4个红丝的颜色样本,但最左边与最右边两个颜色样本的Alpha值为“0%”,如图。6-62l4、在时间轴面板中单

36、击 按钮增加一个“图层2”,选择 工具,在工具面板的颜色区中将笔触颜色设为“无”,以舞台宽度为准画出如图所示的长方形,并填入渐变色。l5、选择 工具,旋转填充的渐变色,然后调整填充范围,如图。l6、打开素材中的“诗.txt”文件,如图,按Ctrl+A键将李白的这首“春思”全选,然后按Ctrl+C键进行复制。6-63l7、返回Flash工作界面,在时间轴面板中单击 按钮,在“图层2”的上面增加一个“图层3”。l8、选择A工具,在属性面板中设置字体为“楷体”,字体大小为“30”,颜色为“绿色”。在舞台上单击鼠标左键后按Ctrl+V键粘贴所复制的诗,然后调整其格式,如图。l9、按Shift+键向下移

37、动诗的位置,直至将其移动至“图层2”中长方形的下方,如图所示。6-64l10、在时间轴面板中选择“图层3”的第60帧,按F6键插入关键帧。然后选择“图层1和2”的第60帧,按F5键插入帧。l11、在时间轴面板中选择“图层3”的第60帧,使这一帧中的对象被选择,按Shift+键调整诗的位置,使其移动至“图层2”中长方形的上方,如图。l12、在时间轴面板中选择“图层3”的第1帧,选择插入/时间轴/创建补间动画命令,创建补间动画。6-65l13、用鼠标右键单击“图层3”的层名,在打开的快捷菜单中选择遮罩层命令,将“图层3”变成遮罩层,此时“图层2”会自动变成被遮罩层,如图l14、选择控制/测试影片命

38、令测试动画,会看到字幕从舞台下方升入的过程逐渐显示,在从舞台上方升出的过程中逐渐消失。6-66l要制作的动画效果如图所示。6-67具体操作如下:1、新建一个动画文件,并将动画文件的背景设 置为黑色。2、新建一个元件,在弹出的对话框中设置元件 的名称。6-683、单击【确定】按钮,进入“五星”元件的编辑环 境,导入一个五星图片到元件库中。6-694、在“五星”元件的编辑环境中,单击时间轴的第 1帧,从元件库中拖动“五星”元件到工作区中。6-705、单击时间轴的第3帧和第5帧,分别插入关键 帧。用鼠标右键分别单击时间轴的第1和第3 帧,为“五星”创建运动属性。此时的【时间 轴】面板如图所示。6-7

39、1 6、单击时间轴的第3帧,然后在工作区中单击 “五星”实例,设置实例的颜色,如图所示。6-727、选择【任意变形工具】,改变实例大小,如 图所示。6-738、新建一个源源,设置元件的各项参数,如图 所示。6-749、单击【确定】按钮,进入“光线”元件的编辑环 境。打开显示标尺和网格。10、选择【直线工具】,设置线条的属性,如图 所示。6-7511、将鼠标置于工作区中,绘制一条直线,如图 所示。6-7612、选择【箭头工具】,用鼠标单击选中直线, 执行【修改】 【形状】 【将线条转换为填 充(Convert Lines to Fills)】命令,将矢 量线转换成矢量图形。6-7713、取消对矢

40、量图形的选择。接着使用【箭头工 具】拖动矢量图形的右边缘,使线条由左向 右逐渐变细,如图所示。6-7814、新建一个元件并设置元件的各项参数,如图 所示。6-7915、单击【确定】按钮,进入“光芒A”元件的编辑 环境。打开元件库,从元件库中拖动“光线”元 件到舞台中,使“光线”的右端与舞台中心对 齐,并且位于舞台中心的上方,如图所示。6-8016、在工具箱中选择【任意变形工具】,拖动光 线实例的中心点到舞台的中心点,使两个中 心点完全重合,如图所示。6-8117、在工具箱中选择【箭头工具】,选择“光线” 实例,打开【变形】面板,在面板中设置各 项参数,如图所示。6-8218、在【变形】面板中单

41、击复制并应用变形按钮 多次,直到产生如图所示的效果。6-8319、然后拖动鼠标选中舞台中所有的对象,按 【Ctrl+B】组合键将其打散。20、执行【修改】 【组合(Group)】命令, 使对象成组,如图所示。6-8421、执行【插入】 【新建元件】命令,在弹出 的对话框中设置其参数,如图所示。6-8522、单击【确定】按钮,进入“光芒B”的编辑状 态。从元件库中拖动“光线”元件到舞台中, 将其中心与舞台中心完全重合,“光线”位于 舞台中心的下方,如图所示。6-86 23、在工具箱中选择【任意变形工具】,拖动 “光线”实例的中心点到舞台的中心点上,使 两个中心点完全重合,如图所示。6-8724、

42、按照制作“光芒A”的方法制作出“光芒B”,如 图所示。6-8825、单击舞台左上方的【场景 1】按钮,返回主 场景。26、在图层列表中双击【图层 1】,将其重命名 为“光芒A”。6-8927、从元件库中拖动“光芒A”元件到舞台中心, 如图所示。6-9028、在舞台中选中实例,单击属性面板中【颜 色】右侧的下拉按钮,从弹出的列表框中 选择【高级(Advanced)】,然后单击 【设置(Settings)】按钮,在弹出的对话 框中设置实例的颜色,如图所示。6-9129、单击层列表下方的【插入图层】按钮,插入 一个新层,将其命名为“光芒B”,从元件库 中拖动“光芒B”元件到舞台中心,如图所示。6-9

43、230、插入一个新层,将其命名为“五星”,从元件 库中拖动“五星”元件到舞台中心,并调整其 大小,如图所示。6-9331、单击“光芒A”层的第60帧,插入关键帧。单击 时间轴的第1帧,设置其属性,如图所示。6-9432、选择“光芒B”、“五星”层的第60帧,插入普通 帧,此时的【时间轴】面板如图所示。6-95 33、在“光芒A”层单击鼠标右键,从弹出的快捷 菜单中选择【遮罩层】命令,此时的效果 如下页图所示。6-966-9734、新建一个元件,然后在弹出的对话框中设置 元件的参数,如图所示。6-9835、单击【确定】按钮,进入“文字”元件的编辑环境。在工具箱中选择【文本工具】,在【属性】面板中

44、设置文本属性,并在舞台中输入文字,如下页图所示。6-996-10036、单击舞台左上方的【场景 1】按钮,返回主 场景。37、插入一个新层并将其命名为“文字”,然后从 元件库中拖动“文字”元件到舞台中,如图所 示。6-10138、在“文字”层的第10帧插入关键帧。单击时间 轴的第1帧,在舞台中单击“文字”实例,设置 其透明度,如图所示。6-10239、选择【任意变形工具】,然后将实例调整至 最小。40、单击时间轴的第10帧,将实例拖到舞台的下 部,如图所示。6-10341、单击时间轴的第20帧和第40帧,插入关键 帧。在时间轴上选中第40帧,在舞台中单 击对象,通过【属性】面板设置实例的颜 色

45、,如图所示。6-10442、单击时间轴的第1帧,然后在【属性】面板 中设置运动属性,如图所示。6-10543、分别用鼠标右键单击时间轴的第10帧和第 20帧,设置其运动效果。此时的【时间轴】 面板如图所示。6-10644、选中“文字”层的第1帧至第60帧,单击鼠标 右键,从弹出的快捷菜单中选择【拷贝帧】 命令。6-10745、插入一个新层,执行【编辑】 【粘贴帧】 命令粘贴帧,并单击【时间轴】的第1帧, 然后在【属性】面板中设置其旋转属性,如 图所示。6-10846、导入两个元件到元件库中。47、插入一个新层,并命名为“光”。在时间轴的 第20帧插入关键帧。6-10948、拖动元件库的“光”元

46、件到舞台中,并调整其 位置及大小,如图所示。6-11049、插入一个新层,并命名为“动画小狗”,在时 间轴的第20帧插入关键帧。6-11150、拖动元件库中的“动画小狗”元件到舞台中, 如图所示。6-11251、单击时间轴的第30帧,插入关键帧,拖动 “动画小狗”实例到“文字”的下方,如图所示。6-11352、用鼠标右键单击时间轴的第20帧,为其添加 运动效果。此时的【时间轴】面板如图所示。6-11453、将文件保存为“星光”。54、按【Ctrl+Enter】组合键测试动画效果。6-115l对应场景(Scene),在前面的内容中已经有所接触,时间轴面板上方如果只有 图标,则表明用户正在进行“场

47、景 1”的制作。l“场景”一词借鉴了影视执作中的术语,但在Flash8中其含义有了一定的变化。一般在Flash8中,将主要对象没有改变的一段动画制作成一个场景,这与影视作品中的一个镜头很相像。l使用场景的好处和模块化设计的优势一样,便于分工协作,便于修改。6-116 执行【窗口】/【其它面板】/【场景】命令,可以打开场景面板,如图所示。6-117【场景】面板中各元素的功能:l复制场景: l添加场景:l删除场景:l场景名称:6-118 1、改变场景的播放顺序方法:在【场景】面板中用鼠标拖动场景名称向上或向下移动,到合适位置时释放鼠标即可。 2、单击时间轴面板上方右侧的 按钮,在其下拉菜单中进行场

48、景的选择,以实现场景间的跳转。 6-119场景的基本操作:1、执行【文件】 【新建】命令,新建一个动画 文件,在【属性】面板中将文件的背景设为 蓝色。6-1202、在工具箱中选择【文本工具】,在属性面板 中设置文字属性,如图所示。6-1213、在舞台中输入文字,如图所示。6-1224、在工具箱中选择【箭头工具】,选中文字, 然后执行【插入】 【转换为元件】命令,将 文字转换成元件,在弹出的对话框中设置元 件的名称,如图所示。6-1235、单击时间轴的第15帧和第30帧,插入关键 帧。单击时间轴的第15帧,然后利用【箭 头工具】调整实例的大小,如图所示。6-1246、在【属性】面板中分别设置第1

49、帧至第15帧、 第15帧至第30帧的运动属性,此时的【时间 轴】面板如图所示。7、插入一个新层。6-1258、 导入一幅图片,如图所示。6-1269、单击图层 2的第30帧,插入普通帧。此时,场 景1制作完成,【时间轴】面板如图所示。6-12710、执行【窗口】 【场景】命令,打开【场 景】面板。11、在【场景】面板中,单击添加场景按钮,在 当前场景的下方添加一个场景,如图所示。6-12812、将【场景 2】重命名为“动画” 。13、此时进入“动画”的编辑环境,在工具箱中选择 【文本工具】,在【属性】面板中设置其文字 属性,并在舞台中输入文字,如图下页所示。6-1296-13014、单击时间轴

50、的第20帧,插入关键帧,并将文 字调整至最小。15、单击时间轴第1帧,然后在【属性】面板中 设置其运动属性,如图所示。6-13116、插入一个层。17、单击图层 2的第21帧,插入关键帧。18、在工具箱中选择【椭圆工具】,设置填充颜 色,然后在舞台中画一个椭圆,如下页图所 示。6-1326-13319、单击图层 2的第40帧,插入关键帧。按 【Delete】键,将椭圆删除。6-13420、在工具箱中选择【矩形工具】,然后在舞台 中绘制一个矩形,并利用【箭头工具】调整 成图所示的形状。6-13521、单击时间轴的第21帧,然后在【属性】面板 设置其渐变属性,如图所示。6-13622、单击舞台右上

51、方的【编辑场景】按钮,在弹 出的列表框中选择【场景 1】,回到场景 1,如图所示。6-13723、 按【Ctrl+Enter】组合键测试动画效果。6-138l本例要制作的效果如图所示。6-1391、新建一个动画文件,设置文件的背景为蓝色。2、新建一个元件,在弹出的对话框中输入元件的名 称,如图所示。6-1403、进入元件编辑状态,用铅笔工具绘制一个如 图所示的图形。6-1414、回到场景 1,将“闪光五星”元件导入到元件库 中,如图所示。6-1425、将【图层 1】重命名为“五星”,单击时间轴的 第1帧,然后拖动元件库中的“星光”元件到舞 台中,如图所示。6-1436、插入一个新层,并将层命名

52、为“线”。7、拖动元件库中的“线条”元件到舞台中,调整其 位置及大小,如图所示。6-1448、分别在“线”层的第5,10,15,20帧插入关键 帧。单击时间轴的第5帧,用【箭头工具】在 舞台中单击线条实例,设置实例的颜色,如图 所示。6-1459、利用同样的方法将第10帧的线条实例颜色设置 为白色,将第15帧的线条实例颜色设置为粉色。10、单击时间轴的第1帧,然后在属性面板中设置 其运动属性,如图所示。6-14611、使用同样的方法设置其他几帧的运动属性, 此时的【时间轴】面板如图所示。6-14712、插入一个新层,并将其命名为“底纹”。13、选择【矩形工具】,在【属性】面板中设置 其属性,在

53、舞台中绘制一个矩形,如图所示。6-14814、插入一个新层,并将其命名为“文字”。15、选择【文本工具】,在【属性】面板中设置 其属性,在舞台中输入文字,如图所示。6-14916、插入一个新层,并将其命名为“光”。17、新建一个元件,在弹出的对话框中设置元件 的名称等参数,如图所示。6-15018、进入“光”元件的编辑环境,舞台中绘制一个 圆形,如图所示。6-15118、单击舞台左上方的【场景 1】按钮,返回主 场景。20、单击时间轴的第1帧,拖动“光”元件到舞台 中。单击时间轴的第20帧,插入关键帧。21、添加一个引导层。6-15222、用铅笔工具在舞台中围绕矩形图形绘制一个 如图所示的曲线路径6-15323、单击时间轴的第20帧,插入关键帧。24、将当前层切换为“光”层,单击时间轴的第1 帧,用【箭头工具】将“光”实例移到曲线的 起点,如图所示。6-15425、单击时间轴的第20帧,用【箭头工具】将 “光”实例移到曲线的终点,如图所示。6-15

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论