配色: 字号:
《Flash CS5二维动画制作案例教程》第六模块 高级动画
2023-05-25 | 阅:  转:  |  分享 
  
第六模块 高级动画Flash cs5 动画制作案例教程高级动画案例14 走向未来——遮罩动画案例描述用静态图片素材制作遮罩动画,创
建如图6-1所示的地球旋转效果。 图6-1“走向未来”动画效果案例分析以圆形为遮罩层,以地图为被遮罩层,通过地图的运动创建地球的
旋转效果。使用Deco工具中的“闪电刷子”,创建闪电动画,作为地球的背景。操作步骤1.新建FLASH文档,按【Ctrl+S】保存文
件,命名为“走向未来.fla”。2.设置舞台的背景颜色为#0099FF。单击菜单“文件→导入→导入到库”,导入图片“地图.png”
。3.新建名称为“地图”的图形元件,将库中的“地图.png”拖放两次到元件内部拼接。效果如图6-2所示。图6-2 “地图”元件效果
4. 新建名称为“旋转地球”的影片剪辑元件,把库中的“地图”图形元件拖放到影片剪辑的舞台正中。双击时间轴左侧的图层名称“图层1”,
重命名为“地图”。单击左下角的“新建图层”按钮 ,在“地图”层之上建立新的图层,命名为“地球”。按住“地球”层的名称,将其拖到“地
图”层之下。在“地球”层绘制一个正圆形,用“径向渐变”色填充,颜色由左至右为:#3D3DF0,#0000FF,#00CCFF,如图
6-3所示。调整圆形的位置与大小如图6-4所示。 图6-3径向渐变参数 图6-4 圆形的位置与
大小5.在“地球”层的第60帧位置插入帧。右击舞台上的“地图”,选择“创建补间动画”命令。将“地图”层的补间范围拖动到第60帧位置
,播放头置于第60帧,调整地图的位置如图6-5所示。图6-5 第60帧的地图位置6. 在“地图”层之上新建图层,命名为“遮罩”层。
复制“地球”层的圆形,然后选择“遮罩”层的第一帧,执行菜单命令“编辑→粘贴到当前位置”。在“遮罩”层名称上右击,选择“遮罩层”命令
,这时“地图”层也自动转换为“被遮罩”层。效果如图6-6所示。图6-6创建遮罩的效果7. 单击舞台左上角的“场景1”返回主时间轴。
创建三个图层,自上至下分别命名为“行人”、“旋转地球”、“闪电”。选择“旋转地球”层的第一帧,将库中的“旋转地球”影片剪辑拖到舞台
正中,为它添加“发光”滤镜,设置参数为模糊X:44,模糊Y:44,强度:144,品质:高,颜色:#FFFFFF,内发光。复制刚添加
的“发光”滤镜,然后粘贴到同一滤镜属性窗口,修改“强度”值为135,取消“内发光”,其余参数不变。8. 新建名称为“行人”的影片剪
辑,导入外部素材“人.swf”到剪辑的舞台。效果如图6-7所示。新建名称为“闪电”的影片剪辑,使用Deco工具中的“闪电刷子”的“
动画”模式,制作闪电动画。效果如图6-8所示。图6-7 “行人”效果 图6-8 “闪电”效果6.1
使用图层FLASH中的图层就像透明的玻璃纸一样,可以在舞台上一层层叠加。每个图层上都可以放置不同的图形,而且在一个图层上绘制和编
辑对象,不会影响其它图层上的对象。若要同时补间多个组或元件,每个组或元件必须放在单独的图层上。可以通过创建图层文件夹来组织和管理图
层,把图形、声音、脚本、注释等分别放在不同的图层或文件夹中,有助于快速找到它们进行编辑。1.图层的分类FLASH中的图层包括一般层
、引导层、被引导层、遮罩层、被遮罩层、补间动画层、姿势层,在常规层、遮罩层、被遮罩层和引导层中,可以包含补间动画或反向运动骨骼。图
6-9展示了FLASH中不同的图层类型。案例14 走向未来——遮罩动画9. 返回“场景1”,选择“闪电”层的第一帧,把库中的“闪
电”拖放到舞台正中。选择“行人”层的第一帧,把库中的“行人”拖放到舞台,放置在地球之上的位置。按【Ctrl+S】保存文件,然后按【
Ctrl+Enter】测试影片,播放效果如图6-1所示。图6-9 FLASH中的图层类型案例14 走向未来——遮罩动画图层上各图
标的含义如下:? 图层文件夹 :用于组织管理图层。? 一般层 :包含FLA文件中的大部分插图。? 引导层 :包含一些笔触,可用于对
齐其它图层上的对象或引导其它图层上传统补间动画的运动。? 被引导层 :是与引导层关联的图层。可以沿引导层上的笔触排列对象或为这些对
象创建动画效果。被引导层可以包含静态插图和传统补间,但不能包含补间动画。? 遮罩层 :包含用作遮罩的对象,这些对象用于隐藏其下方图
层的特定部分。? 被遮罩层 :位于遮罩层下方并之关联,用于放置被遮罩对象。? 补间动画层 :创建了补间动画的图层。? 姿势层 :包
含骨架及其相关对象的图层。? 活动层 :标明该图层处于活动状态,层上的内容可以编辑。? 隐藏的层 :标明该图层处于隐藏状态,图层上
的对象不可见。? 锁定的层 :该图层处于锁定状态,图层上的对象不可编辑。? 显示为轮廓 :图层上的对象以轮廓形式显示。2.创建图层
创建图层,可以执行下列操作之一:单击时间轴底部的“插入图层”按钮 。选择菜单“插入→时间轴→图层”。右键单击时间轴中的一个图层名称
,然后从右键菜单中选择“插入图层”。要创建图层文件夹,可执行下列操作之一:单击时间轴底部的“插入图层文件夹”按钮 。在时间轴中选择
一个图层或文件夹,然后选择菜单“插入→时间轴→图层文件夹”。右键单击时间轴中的一个图层名称,然后从上下文菜单中选择“插入文件夹”。
新文件夹将出现在所选图层或文件夹的上方。3. 重命名图层和图层文件夹可执行下列操作之一:? 双击时间轴中图层或文件夹的名称,然后输
入新名称。? 右键单击图层或文件夹的名称,然后从上下文菜单中选择“属性”,打开如图6-10所示的“图层属性”对话框,在“名称”框中
输入新名称,然后单击“确定”。? 在时间轴中选择图层或文件夹,然后选择菜单“修改→时间轴→图层属性”(同样可打开如图6-10所示的
“图层属性”对话框),在“名称”框中输入新名称,然后单击“确定”。 图6-10“图层属性”对话框4. 选择图层或文件夹要选择图层或
文件夹,可以执行下列操作之一:单击时间轴中图层或文件夹的名称。在时间轴中单击要选择的图层的任意一个帧。在舞台中选择要选择的图层上的
一个对象。要选择连续的几个图层或文件夹,可以按住【Shift】单击它们的名称。要选择几个不连续的图层或文件夹,可按住【Ctrl】单
击它们的名称。5.组织图层和图层文件夹可以执行下列操作之一:要将图层或图层文件夹移动到图层文件夹中,可将该图层或文件夹的名称拖到目
标图层文件夹的名称中。要更改图层或文件夹的顺序,可将时间轴中的一个或多个图层或文件夹拖到所需位置。要展开或折叠文件夹,单击该文件夹
名称左侧的三角形。6. 删除图层或文件夹要删除图层或图层文件夹,可先选择要删除的图层或文件夹,然后执行下列操作之一:单击时间轴中的
“删除图层”按钮 。将图层或文件夹拖到“删除图层”按钮 。右键单击该图层或文件夹的名称,然后从上下文菜单中选择“删除图层”。7.
隐藏图层或文件夹可执行下列操作之一:要隐藏图层或图层文件夹,单击时间轴中该图层或文件夹名称右侧的“眼睛”列(与眼睛按钮 对应的圆点
)。要显示图层或文件夹,可再次单击它。要隐藏时间轴中的所有图层和文件夹,可单击眼睛按钮 。若要显示所有图层和文件夹,可再次单击它。
要显示或隐藏多个图层或文件夹,可在“眼睛”列中拖动鼠标。若要隐藏除当前图层或文件夹以外的所有图层和文件夹,可按住【Alt】单击图层
或文件夹名称右侧的“眼睛”列。要显示所有图层和文件夹,可再次按住【Alt】单击。8. 锁定图层或文件夹6-11锁定的图层和图层文件
夹操作方法:要锁定图层或文件夹,单击该图层或文件夹名称右侧的“锁定”列。要解锁该图层或文件夹,再次单击“锁定”列。要锁定所有图层和
文件夹,单击挂锁按钮。要解锁所有图层和文件夹,再次单击它。要锁定或解锁多个图层或文件夹,可在“锁定”列中拖动。若要锁定除当前图层或
文件夹外的所有图层或文件夹,可按住【Alt】单击图层或文件夹名称右侧的“锁定”列。要解锁所有图层或文件夹,再次按住【Alt】单击“
锁定”列。9. 以轮廓查看图层上的内容使用彩色轮廓显示图层上的对象,可以帮助区分对象所属的图层。可执行下列操作之一:要将图层上所有
对象显示为轮廓,单击该图层名称右侧的“轮廓”列(与轮廓按钮 对应的圆点)。要关闭轮廓显示,再次单击它。要将所有图层上的对象显示为轮
廓,单击轮廓按钮 。要关闭所有图层上的轮廓显示,再次单击它。若要将除当前图层以外的所有图层上的对象显示为轮廓,按住【Alt】单击图
层名称右侧的“轮廓”列。要关闭其它所有图层的轮廓显示,再次按住【Alt】单击。10. 将对象“分散到图层”操作方法:选择要分散到图
层的对象,然后执行下列操作之一:选择菜单“修改→时间轴→分散到图层”。右键单击所选对象之一,然后选择“分散到图层”。6.2遮罩动画
1.创建遮罩层操作方法:(1)选择或创建一个图层,在其中放置填充形状、文字或元件的实例。(遮罩层会自动链接下方紧贴着它的图层,因此
应选择正确的位置创建遮罩层。)(2)右键单击时间轴中的遮罩层名称,然后选择“遮罩”。图层左侧会出现一个遮罩层图标 ,表示该层为遮罩
层。紧贴它下面的图层自动链接到遮罩层,其内容会透过遮罩上的填充区域显现出来。被遮罩的图层名称以缩进形式显示,图标变为 。2.创建被
遮罩层可执行下列操作之一:将现有的图层直接拖到遮罩层下面。在遮罩层下面创建一个新图层,选择“修改→时间轴→图层属性”,然后选择“被
遮罩”。可执行下列操作之一:将图层拖到遮罩层的上面。选择菜单“修改→时间轴→图层属性”,然后选择“一般”。3.断开图层和遮罩层的链
接案例15 手有余香——引导层动画案例描述 图6-12“手有余香”动画效果通过使用运动引导层,制作蝴蝶沿文字边缘翩翩飞舞的动
画。效果如图6-12所示。案例分析把文本“rose”转换为填充,作为运动引导路径。为“蝴蝶”影片剪辑创建传统补间动画,让蝴蝶沿引导
线运动。操作步骤1.新建FLASH文档,按【Ctrl+S】保存文件,命名为“手有余香.fla”。2.把“图层1”重命名为“背景”,
导入图片素材“玫瑰.jpg”到舞台,缩放到与舞台相同尺寸,作为背景。3. 在“背景层”之上创建新图层,命名为“文字”。使用文本工具
输入“赠人玫瑰,手有余香”,设置字体为:方正舒体;大小为:36,放置在舞台左上角。为文字添加“投影”滤镜,设置参数为,模糊X:5;
模糊Y:5;强度:100;品质:高;角度:45;距离:5;颜色:#CCCCCC。再使用文本工具输入“rose”,设置字体为:Ele
phant;大小为100,放置在舞台右下角。为“rose”添加“投影”滤镜,设置参数为,模糊X:5;模糊Y:5;强度:100;品质
:高;角度:45;距离:5;颜色:#999999。继续为“rose”添加“发光”滤镜,设置参数为,模糊X:51;模糊Y:51;强度
:175;品质:高;颜色:#FFFFFF。这时的舞台效果如图6-13所示。图6-13 添加文本后的舞台效果4. 新建影片剪辑元件,
命名为“蝴蝶”,单击菜单“文件→导入→导入舞台”,导入素材“蝴蝶.swf”,制作蝴蝶飞舞的逐帧动画。如图6-14所示。图6-14
“蝴蝶”影片剪辑5. 在“文字”层之上创建新图层,命名为“蝴蝶”。将库中的“蝴蝶”元件拖放到舞台。在“蝴蝶”层的第120帧上右击,
选择菜单命令“插入关键帧”。选择第1-120帧之间的任一帧,单击右键,执行“创建传统补间”菜单命令。同时选中“背景”、“文字”、“
蝴蝶”层的第200帧,按【F5】插入帧。6. 在“蝴蝶”层的名称上右击,选择“添加传统运动引导层”菜单命令。“蝴蝶”层之上添加了一
个运动引导层,同时自动被命名为“引导层:蝴蝶”,“蝴蝶”层图标则向右缩进,成为“被引导”层。时间轴如图6-15所示。复制“文字”层
的文本“rose”,选择引导层的第1帧,单击菜单“编辑→粘贴到当前位置”,然后连续按4次【Ctrl+B】把文字分离。使用“选择工具
”修改分离后的文字,使4个字母首尾相接,作为引导路径。修改后的文字效果如图6-16所示。图6-15添加传统运动引导层
图6-16 修改后的文字效果7. 选择“蝴蝶”层的第1帧,拖动“舞台上的”“蝴蝶”实例,使它中心的圆圈吸附到引导线的左
端点。如图6-17所示。选择“蝴蝶”层的第120帧,拖动“舞台上的”“蝴蝶”实例,使它中心的圆圈吸附到引导线的右端点。如图6-18
所示。图6-17 第1帧对齐效果 图6-18 第120帧对齐效果8. 按【Ctrl+S】保存文件,
然后按【Ctrl+Enter】测试影片,播放效果如图6-12所示。6.3 运动引导动画1.引导层使用引导层,可以帮助对齐对象。引导
层不会导出,因此不会显示在发布的SWF文件中。 右键单击图层名称,从上下文菜单中选择“引导层”,层图层名称左侧出现图标 ,表明该层
是引导层。要将该层改回常规层,可再次选择“引导层”。2.运动引导层补间动画只能实现对象的直线运动和较简单的曲线运动,使用运动引导层
可以控制传统补间动画中对象的精确、复杂运动。在Flash CS5中,只能为传统补间,而无法为补间动画或姿势图层创建运动引导动画。制
作运动引导动画,至少需要两个图层,在上面的层中绘制路径,在下面的层中创建沿路径运动的传统补间动画。包含路径的层,叫做“引导层”;被
绑定的传统补间层,叫做“被引导层”。也可以将多个层绑定到一个运动引导层,使多个对象沿同一条路径运动,效果如图6-19所示。图6-1
9绑定多层到一个运动引导层3.创建运动引导动画的方法(1)创建有传统补间动画的动画序列。(2)右键单击包含传统补间的图层的名称,然
后选择“添加传统运动引导层”。Flash 会在传统补间图层上方添加一个运动引导层,该图层名称的左侧有一个运动引导层图标 ,并缩进传
统补间图层的名称,以表明该图层已绑定到该运动引导层。如图6-15所示。(3)在运动引导层上绘制所需的路径。(4)拖动要补间的对象,
使其贴紧至第一个帧中路径的开头,然后将其拖到最后一个帧中路径的末尾。如图6-17、图6-18所示。4.将图层链接到运动引导层将现有
图层拖到运动引导层的下面,使该图层在运动引导层下面以缩进形式显示。在运动引导层下面创建一个新图层,将其拖到运动引导层的下面,使该图
层在运动引导层下面以缩进形式显示。5.断开图层和运动引导层的链接拖动到运动引导层的上面。选择菜单“修改→时间轴→图层属性”,然后选
择“一般”作为图层类型。如果没有任何图层和运动引导层链接在一起,它会成为普通引导层。6.运动引导动画制作技巧(1)调整到路径创建补
间动画时,如果选择了补间属性面板上的“调整到路径”,补间元素的基线就会调整到运动路径,运动对象会根据路径形状调整角度,动画效果会更
加逼真。在示意图6-20中,右图选择了“调整到路径”属性,左图则没有。图6-20是否使用“调整到路径”属性的运动轨迹比较(2)对齐
元件到路径选择补间属性面板上的“贴紧”选项,补间元素的注册点会主动吸附到路径。如果元件为不规则的形状,可以使用“任意变形工具”来调
整注册点,通过调整元件的注册点能获得最好的对齐效果。如果对齐时没有吸附感,可以激活工具栏中的“贴紧至对象”按钮 。当元件对齐到路径
上的时候,注册点处的圆圈会变大,拖动元件会有一些吸附的感觉。单击工具栏里面的“缩放工具”来放大场景,可以更清楚地看到元件中的小圆圈
,方便实现对齐。 (3)使用路径技巧路径必须是连续、不间断的。当使用填充形状作为路径时,元件会沿着形状的边缘运动。对象运动时会选择
开始点与结束点之间的最短路径。如果路径的形状是完全封闭的,例如圆形,对象的运动方向往往与制作意图不符,无法按照圆形路径的形状完成圆
周运动。这时只需把封闭路径擦出一个小缺口就可以了。在工作时要想只显示对象的移动,可以隐藏引导层。案例16 变形金刚——3D动画案
例描述通过设置文本和元件实例的3D属性,制作富有空间透视感的动画效果,如图6-21所示。 图6-21“变形金刚”动画效果案
例分析创建影片剪辑,在剪辑内制作背景图片沿Y轴摆动的动画,然后把剪辑实例作为主场景的背景。创建文本“TRANSFORMERS 4”
,制作文本在X轴和Y轴方向同时移动的动画。创建文本“变形金刚4”,制作文本沿Y轴旋转的变形动画。创建文本“Bumblebee”,制
作文本沿Z轴运动的动画。操作步骤1. 新建FLASH文档,设置舞台的背景颜色为#000000,按【Ctrl+S】保存文件,命名为“
变形金刚.fla”。2. 新建影片剪辑元件,命名为“背景”。单击菜单“文件→导入→导入到舞台”,导入图片“背景图.jpg”。打开“
属性”面板,设置图片的宽为:550,高为:400。右击舞台上的图片,选择“创建补间动画”菜单命令,会弹出如图6-22所示的对话框,
单击“确定”按钮。图6-22 “转换为元件以进行补间”对话框3. 把播放头定位到第10帧处,选择“3D旋转工具” ,这时标靶形的“
3D旋转控件”出现在图片之上,如图6-23所示。打开“变形”面板,设置“3D旋转”的Y值为:-16。变形面板与变形效果如图6-24
所示,查看变形后的效果可与图6-23的原图相比较。图6-23 3D旋转控件 图6-24
旋转参数与变形效果4. 把播放头定位到第20帧处,打开“变形”面板,设置“3D旋转”的Y值为:0。选择第21-24帧,在上面右击
,执行“删除帧”菜单命令。5. 单击舞台左上角的“场景1”,把“图层1”重命名为“背景”。将库中的影片剪辑“背景”拖放到舞台。选择
第80帧,按【F5】插入帧。6. 在“背景”层之上新建图层,命名为“Trans”。创建TLF文本“ TRANSFORMERS 4”
,设置字符的属性为,系列:Algerian;大小:42;颜色:#FDAF1B;字距调整:-110。选择“3D旋转工具”,单击文本,
然后打开“变形”面板,设置“3D旋转”的Y值为:-55。把设置好是文本拖放到舞台左上角,效果如图6-25所示。在文本上右击,执行“
创建补间动画”菜单命令。选择第40帧,单击菜单“插入→时间轴→关键帧”。将播放头移至第1帧,选择“3D平移工具” ,然后单击文本,
文本对象的 X、Y 和 Z 三个轴显示在文本的上方。x 轴为红色、y 轴为绿色,而 z 轴为黑色圆点。如图6-26所示。图6-25
添加变形文本效果 图6-26 3D平移控件7. 分别向左、向上拖动X轴和Y轴控件,将文本移出
舞台。效果如图6-27所示。图6-27 移动文本效果8. 在“Trans”层之上新建图层,命名为“变形金刚”。在舞台上创建文本“
变形金刚 4”,设置字符的属性为,系列:草檀斋毛泽东字体;大小:57;颜色:#CC3300;字距调整:-60。为文本添加“发光”
滤镜,设置参数为,模糊X:4;模糊Y:4;强度:182;品质:高;颜色:#FFFFFF。选择“3D旋转工具”,单击文本,然后打开“
变形”面板,设置“3D旋转”的Y值为:-44。设置好的文本效果如图6-28所示。在文本上右击,执行“创建补间动画”菜单命令。选择第
40帧,单击菜单“插入→时间轴→关键帧”。将播放头移至第1帧,选择“3D旋转工具”,单击文本,然后打开“变形”面板,设置“3D旋转
”的Y值为:130。效果如图6-29所示。图6-28 添加文本效果 图6-29 第1帧的文
本效果9. 在“变形金刚”层之上新建图层,命名为“bumble”。在舞台上创建文本“ Bumblebee”,设置字符的属性为,系列
:Broadway;大小:42;颜色:#CCCC33。为文本为添加“投影”滤镜,设置参数为,模糊X:5;模糊Y:5;强度:97;品
质:高;角度:45;距离:5;颜色:#666666。。选择“3D旋转工具”,单击文本,然后打开“变形”面板,设置“3D旋转”的Y值
为:-42。设置好的文本效果如图6-30所示。在文本上右击,执行“创建补间动画”菜单命令。选择第40帧,单击菜单“插入→时间轴→关
键帧”。将播放头移至第1帧,选择“3D旋转工具”,单击文本,然后打开“变形”面板,设置“3D旋转”的Y值为:0。打开“属性”面板,
设置“3D定位和查看”的Z值为:-250,其它值不变。效果如图6-31所示。图6-30 添加文本效果
图6-31 第1帧的文本效果10. 按【Ctrl+S】保存文件,然后按【Ctrl+Enter】测试影片。编辑完成后的时
间轴如图6-32所示,播放效果如图6-21所示。图6-32 编辑完成后的时间轴6.4 制作3D动画1. Flash中的3D通过使对
象沿X轴移动或使其围绕X轴或Y轴旋转,可以为对象添加3D透视效果。若要使对象看起来离查看者更近或更远,可以沿Z轴移动该对象。若要使
对象看起来与查看者之间形成某一角度,可绕Z轴旋转对象。各种效果如图6-33至图6-36所示。通过组合使用这些工具,可以创建逼真的透
视效果。图6-33 未变形 图6-34 绕Y轴旋转 图6-35 沿Z轴移动 图6-36 绕Y轴、Z轴旋转2.
3D平移工具可以使用3D平移工具 在3D空间中移动对象。在使用该工具选择对象后,对象的 X、Y和Z三个轴将显示在它的顶部。X轴为红
色、Y轴为绿色,而Z轴为黑圆点。如图6-37所示。图6-37 3D平移工具的轴控件使用3D平移工具在3D空间中移动对象的方法如下:
(1)移动单个对象① 在“工具”面板中选择3D平移工具(或按【G】键选择此工具)。② 将该工具设置为局部或全局模式。通过选中“工具
”面板的“选项”部分中的“全局” 切换按钮,确保该工具处于所需模式。单击该按钮或按【D】键可切换模式。③ 用3D平移工具选择一个对
象。④ 若要通过拖动来移动对象,可将指针移动到X、Y或Z轴控件上。⑤ 若要使用属性面板移动对象,可在属性面板的“3D定位和查看”部
分中输入X、Y或Z的值。(2)同时移动多个对象当选择了多个对象时,可以使用3D平移工具移动其中一个选定对象,其它对象将以相同的方式
移动。如图6-40所示。图6-40 沿Z轴同时移动多个对象若要在全局3D空间中以相同方式移动组中的每个对象,可将3D平移工具设置为
全局模式,然后用轴控件拖动其中一个对象。按住【Shift】并双击其中一个选中对象可将轴控件移动到该对象。若要在局部3D空间中以相同
方式移动组中的每个对象,可将3D平移工具设置为局部模式,然后用轴控件拖动其中一个对象。按住【Shift】并双击其中一个选中对象可将
轴控件移动到该对象。3.3D旋转工具使用3D旋转工具 可以在3D空间中旋转对象。3D旋转控件出现在舞台上的选定对象之上。X控件红色
、Y控件绿色、Z控件蓝色。使用橙色的自由旋转控件可同时绕X和Y轴旋转。如图6-41所示。图6-41 3D旋转工具的轴控件(1)旋转
单个对象① 在“工具”面板中选择3D旋转工具(或按【W】键)。通过选中“工具”面板的“选项”部分中的“全局”切换按钮,验证该工具是
否处于所需模式。单击该按钮或按【D】键可在全局模式和局部模式之间切换。② 在舞台上选择一个对象。3D旋转控件将显示为叠加在所选对象
上。如果这些控件出现在其他位置,可双击控件的中心点以将其移动到选定的对象。③ 将指针放在四个旋转轴控件之一上。指针在经过四个控件中
的一个控件时将发生变化。④ 拖动一个轴控件绕该轴旋转,或拖动自由旋转控件(外侧橙色圈)同时绕X和Y轴旋转。(2)同时旋转多个对象①
在“工具”面板中选择3D旋转工具(或按【W】键)。通过选中“工具”面板的“选项”部分中的“全局”切换按钮,验证该工具是否处于所需
模式。单击该按钮或按【D】键可在全局模式和局部模式之间切换。② 在舞台上选择多个对象。3D旋转控件将显示为叠加在最近所选的对象上。
③ 将指针放在四个旋转轴控件之一上。指针在经过四个控件中的一个控件时将发生变化。④ 拖动一个轴控件绕该轴旋转,或拖动自由旋转控件(
外侧橙色圈)同时绕X和Y轴旋转。(3)使用“变形”面板旋转选中对象① 打开“变形”面板。② 在舞台上选择一个或多个对象。③ 在“变
形”面板中的“3D旋转”的 X、Y和Z字段中输入所需的值以旋转选中对象。这些字段包含热文本,因此可以拖动这些值以进行更改。如图6-
42所示。图6-42 通过“变形”面板旋转对象4. 调整透视角度透视角度属性会影响应用了3D平移或旋转的所有对象,而不会影响其他对
象。默认透视角度为55°视角,类似于普通照相机的镜头,其值的范围为 1°到 180°。不同透视角度效果如图6-43、6-44所示,
图中左侧对象未应用变形,所有不受视角影响。图6-43透视角度为55的舞台 图6-44透视
角度为 150 的舞台透视角度在更改舞台大小时自动更改,以便3D对象的外观不会发生改变。若要设置透视角度,可执行以下操作:(1)
在舞台上,选择一个应用了3D旋转或平移的对象。(2)在属性面板中的“透视角度”字段中输入一个新值,或拖动热文本以更改该值。5. 调
整消失点(1)在舞台上,选择一个应用了3D旋转或平移的对象。(2)在属性面板中的“消失点”字段中输入一个新值,或拖动热文本以更改该
值。拖动热文本时,指示消失点位置的辅助线显示在舞台上。(3)若要将消失点移回舞台中心,可单击属性面板中的“重置”按钮。调整消失点的
舞台效果如图6-45、6-46所示。图6-45 使用默认消失点 图6-46 消失点调整到舞台左下角
(虚线交叉点)案例17 健美先生——骨骼动画案例描述通过为形状添加骨骼,然后定义不同姿势,制作健美先生在舞台表演的动画。效果如图
6-47所示。图6-47“健美先生”动画效果案例分析通过为形状添加骨骼,定义不同的姿势,创建骨骼动画。通过控制特定骨骼的运动自由度
、设置“缓动”、“弹簧”属性,帮助创建人物的逼真运动。通过修改形状控制点,保证变形的完美形态。操作步骤1. 新建FLASH文档,按
【Ctrl+S】保存文件为“健美先生.fla”。2. 重命名图层1为“背景”。单击菜单“文件→导入→导入到舞台”,导入图片“舞台.
jpg”。新建图层,命名为“人”,将素材文件夹中的“man.swf”导入到舞台。效果如图6-48所示。图6-48 舞台与时间轴效果
3. 选择舞台上的人物,按【Ctrl+B】分离。选择“骨骼工具” ,按住鼠标左键,从人物的腰部中间位置向上拖动到颈部以下位置,放开
鼠标。这时FLASH自动创建了一个新图层“骨架_2”,人物被移动到了新图层,同时创建了一条骨骼。如图6-49所示。图6-49 添加
骨骼的舞台与时间轴效果4. 使用骨骼工具,从已有骨骼末端(较细端)的圆点中心开始拖动鼠标继续创建骨骼,在颈部以下和腰部需要创建分支
的骨骼。创建完成的骨架结构如图6-50所示。图6-50 完成的骨架结构5. 在“背景”层的第200帧插入帧。在“骨架_2”层的第4
0帧上右击,选择“插入姿势”菜单命令。单击肩膀部位的一段骨骼,在属性面板中,取消选中“链接:旋转”下“启动”复选框。这时所选骨骼根
部的圆圈会消失,如图6-51所示。使用“选择工具”分别拖动两手骨骼的末端圆心,调整成如图6-52所示的姿势。图6-51 不启用“旋
转” 图6-52 第40帧的姿势6. 在“骨架_2”层第1-40帧间的任一帧上单击,在
属性面板设置“缓动”的“类型”为“简单(最快)”,“强度”为50。如图6-53所示。单击左小臂的骨骼,再按【Shift】键同时单击
右小臂的骨骼,然后在属性面板设置“弹簧”属性的“强度”为80,“阻尼”为15。如图6-54所示。图6-53 设置“缓动”属性
图6-54 设置“弹簧”属性7. 在“骨架_2”层的第80帧上右击,选择“插入姿势”菜单命令。向右拖动
上半身骨架分支处的圆心,调整成如图6-55所示的姿势。在第120帧上右击,选择“插入姿势”菜单命令。向左拖动上半身骨架分支处的圆心
,调整成如图6-56所示的姿势。图6-55 第80帧的姿势 图6-56 第120帧的姿势8. 在“骨架_2”层的
第160帧上右击,选择“插入姿势”菜单命令。向左拖动上半身骨架分支处的关节圆心,然后拖动左脚踝处的关节圆心,调整成如图6-57所示
的姿势。这时,人物腰部的右侧出现了一处尖锐的突起。这是一处错误的变形,如图6-58所示。图6-57 第160帧的姿势
图6-58 错误的变形9. 使用“部分选取工具”单击人物图形的边缘,显示人物的轮廓和控制点,如图6-59所示
。选择突起顶端的控制点,按【Delete】删除,修改效果如图6-60所示。 图6-59 显示控制点
图6-60 修改后的效果10.选择腰部以上的第一段骨骼,在属性面板中取消“联接:旋转”下的“启用”复选框;选择“联接:X
平移”下的“启用”复选框和“约束”复选框,设置“最小”为0,最大为:50。如图6-61所示。拖动选中状态的骨骼,向右平移骨架到约束
范围的最右端,如图6-62所示。 图6-61 约束“X平移” 图6-62 向右平移骨架11. 按
【Ctrl+S】保存文件,然后按【Ctrl+Enter】测试影片。编辑完成后的时间轴如图6-32所示,播放效果如图6-47所示。6
.5骨骼动画1.反向运动反向运动(IK)是一种使用骨骼对对象进行动画处理的方式,只需指定对象的开始位置和结束位置即可创建动画。使用
骨骼,只需做很少的设计工作,元件实例和形状对象就可以按复杂而自然的方式移动。当一个骨骼移动时,与之相关连的其它骨骼也会移动。骨骼链
称为骨架。在父子层次结构中,骨架中的骨骼彼此相连。骨架可以是线性的或分支的。源于同一骨骼的骨架分支称为同级。每个骨骼都具有头部(圆
端)和尾部(尖端)。骨骼之间的连接点称为关节。如图6-63、6-64所示。 图6-63 骨骼的线性链
图6-64 骨骼的分支结构2. 向元件实例添加骨骼操作步骤:(1)在舞台上创建元件实例。(2)从“工具”面板中选
择骨骼工具 。也可以按【X】键选择骨骼工具。(3)使用骨骼工具,单击要成为骨架的根部的元件实例,然后拖动到另外的元件实例,以将其链
接到根实例。在拖动时,将显示骨骼。释放鼠标后,在两个元件实例之间将显示实心的骨骼。(4)要添加其他骨骼,可从第一个骨骼的尾部拖动到
下一个元件实例。指针在经过现有骨骼的头部或尾部时会发生改变。为便于将新骨骼的尾部拖到所需的特定位置,可能启用“ 贴紧至对象”。(5
)要创建分支骨架,可单击希望分支开始的现有骨骼的头部,然后进行拖动以创建新分支的第一个骨骼。3. 向形状添加骨骼操作步骤:(1)在
舞台上创建填充的形状。(2)选择所有形状。(3)在“工具”面板中选择骨骼工具。(4)使用骨骼工具,在形状内单击并拖动到形状内的其他
位置。(5)要添加其他骨骼,可从第一个骨骼的尾部拖动到形状内的其他位置。(6)要创建分支骨架,可单击希望分支开始的现有骨骼的头部,
然后进行拖动以创建新分支的第一个骨骼。4. 编辑骨架和IK对象(1)重新定位骨骼及其关联的对象?要重新定位线性骨架,可拖动骨架中的
任何骨骼。如果骨架已连接到元件实例,也可以拖动实例。?要重新定位骨架的某个分支,可拖动该分支中的任何骨骼。该分支中的所有骨骼都将移
动,其它分支中的骨骼不会移动。?要将某个骨骼与其子级骨骼一起旋转而不移动父级骨骼,可按住【Shift】并拖动该骨骼。?要将某个IK
形状移动到舞台上的新位置,可选择该形状,然后在属性面板中更改其X和Y属性。(2)在形状或元件内移动骨骼?要移动IK形状内骨骼任一端
的位置,可使用部分选取工具拖动骨骼的一端。 ?要移动元件实例内的骨骼关节、头部或尾部的位置,可通过任意变形工具移动实例的变形点,骨
骼将随变形点移动。?要移动单个元件实例而不移动任何其他链接的实例,可在按住【Alt】的同时拖动该实例,或者使用任意变形工具拖动它。
(3)删除骨骼?若要删除单个骨骼及其所有子级,可单击该骨骼然后按【Delete】键。?要删除所有骨骼,可双击骨架中的某个骨骼全部选
中它们,然后按【Delete】。IK形状将还原为正常形状。(4)编辑IK形状使用部分选取工具,可以在IK形状中添加、删除和编辑轮廓
的控制点。?单击形状的笔触,可显示IK形状边界的控制点。如图6-59所示。 ?要移动控制点,可拖动该控制点。?单击笔触上没有任何控
制点的部分,可添加新的控制点。也可以使用工具面板中的“添加锚点工具”。?通过单击选中,然后按【Delete】键,可删除现有的控制点
。也可以使用工具面板中的“删除锚点工具”。(5)将骨骼绑定到控制点用绑定工具 单击骨骼,选定的骨骼以红色加亮显示,已连接到该骨骼的
控制点以黄色加亮显示。仅连接到一个骨骼的控制点显示为方形。连接到多个骨骼的控制点显示为三角形。如图6-65所示。图6-65选中的骨
骼及其控制点?要向所选骨骼添加控制点,可在按住【Shift】的同时单击某个未加亮显示的控制点,也可以在按住【Shift】的同时拖动
选择要添加到选定骨骼的多个控制点。?要从骨骼中删除控制点,可在按住【Ctrl】的同时单击加亮显示的控制点,也可以在按住【Ctrl】
的同时拖动删除选定骨骼中的多个控制点。?要加亮显示已连接到控制点的骨骼,可使用绑定工具单击该控制点。已连接的骨骼以黄色加亮显示,而
选定的控制点以红色加亮显示。?要向选定的控制点添加其他骨骼,可在按住【Shift】的同时单击骨骼。?要从选定的控制点中删除骨骼,可
在按住【Ctrl】的同时单击以黄色加亮显示的骨骼。(6)约束骨骼的运动范围默认情况下,FLASH会启用骨骼的旋转属性。如果要对骨骼
的旋转进行约束,如只允许旋转750,则可以在选择骨骼后,在属性面板的“联接:旋转”栏选择“约束”复选框,同时在“最小”和“最大”文
本框中分别输入-300和450。如图6-66所示。图6-66 约束旋转的范围(7)设置连接点速度先选择骨骼,然后可设在属性面板的“
位置”栏中置联结点的速度。如图6-67所示。图6-67 设置联结点的速度5. 创建骨骼动画(1)插入姿势在Flash中,对IK骨架
进行动画处理的方式与处理其它的对象不同。对于骨架,只需向姿势图层添加帧并在舞台上重新定位骨架即可创建关键帧。姿势图层中的关键帧称为
姿势,在时间轴中以菱形标示,Flash会在姿势之间的帧中自动内插骨骼的位置。如图6-68所示。图6-68 姿势图层及其关键帧添加姿
势,可执行下列操作之一:将播放头放在要添加姿势的帧上,然后在舞台上重新定位骨架。右键单击姿势图层中的帧,然后选择“ 插入姿势”。将
播放头放在要添加姿势的帧上,然后按F6键。(2)设置缓动属性添加缓动:① 单击两个姿势之间的帧。缓动会影响选定帧左侧和右侧的紧邻姿
势之间的帧。如果选择某个姿势,则缓动会影响选定的姿势和下一个姿势之间的帧。② 从属性面板中的“缓动”类型中选择一种类型。可用的缓动
包括四个“简单”缓动和四个“停止并启动”缓动。从“慢”到“最快”代表缓动的程度,“慢”的效果最不明显, “最快”的效果最明显。如图
6-69所示。图6-69 缓动面板③ 设置缓动“强度”。默认强度是0,即表示无缓动;负值表示缓入;正值表示缓出。(3)设置弹簧属性
将弹簧属性添加到IK骨骼中,可以体现更真实的物理运动效果。要启用弹簧属性,可选择一个或多个骨骼,并在属性面板的“弹簧”部分设置“强
度”值和“阻尼”值。如图6-54所示。强度:弹簧强度。值越高,创建的弹簧效果越强,弹簧就变得越坚硬。阻尼:弹簧效果的衰减速率。值越高,弹簧属性减小得越快,动画结束得也越快。(4)为IK对象创建其它补间效果姿势图层不同于补间图层,无法在姿势图层中对除骨骼位置以外的属性进行补间。若要对IK对象的其它属性(如变形、色彩效果或滤镜)进行补间,可将骨架及其关联的对象包含在影片剪辑或图形元件中,然后再对元件的属性进行动画处理。选择IK骨架及其所有的关联对象。右键单击所选内容,然后从快捷菜单中选择“转换为元件”,从“类型”菜单中选择“影片剪辑”或“图形”,单击“确定”。在主时间轴上,将该元件从库拖动到舞台,然后可以向舞台上的新元件实例添加补间动画效果。思考与实训一、填空题1.FLASH中的“引导层 ”,可起到 和 的作用。2. 层和 层,在发布的SWF影片中都不会显示。3.通过将图层分类放入不同的 ,可以高效地组织图层。4.使用 命令,可以将图像的不同部分放置到不同图层,便于分别编辑。5.FLA文件的 属性可以控制3D影片剪辑视图在舞台上的外观视角。6.使用 和 工具,沿着影片剪辑实例的Z轴移动和旋转实例,可以为实例添加3D透视效果。7.透视角度属性会影响应用了3D平移或旋转的所有影片剪辑实例,其默认透视角度为 。8.通过使用 可以更加轻松地创建人物动画,如胳膊、腿和面部表情等。9.当向元件实例或形状添加骨骼时,FLASH会将实例、或形状及其关联的骨架移动到新的图层,该图层被称为 层。10.使用 工具,可以调整骨骼与形状控制点间的连接。二、上机实训1.使用提供的图片素材,制作如图6-70所示的炫彩文字效果(提示:将文字分离作为遮罩层,在被遮罩层用图片创建补间动画)。图6-70 炫彩文字效果2.使用运动引导动画,制作花瓣纷纷飘落的效果(提示:多种形态的路径能使效果更逼真)。3.使用提供的素材,制作如图6-71所示的3D文字特效动画。图6-71 3D文字特效动画图4-3“TLF文本段落分栏”效果 案例9 段落分栏——应用TLF文本使用TLF文本工具,创建如图4-3所示文本排版的效果。 TLF文本具有更多的段落样式,为在Flash中创建内容较多的文本提供了更为强大的排版方式。案例描述 4.用提供的影片剪辑元件,制作人物行走的IK骨骼动画。参考效果如图7-72所示。图7-72 人物行走参考图
献花(0)
+1
(本文系小磊老师首藏)