【实例说明】
“清风不识字,何故乱翻书?”本例给出翻书效果的动画制作过程,此技巧可广泛应用于书本类动画的设计之中,也可用于制作动态简历等。最终效果如图1-138所示。
图1-138 最终效果图
【设计要点】
用运动引导层定位;注册点的移动;此外较多地运用了旋转、倾斜与缩放等变形功能、动作及形状关键帧动画,最后生成翻页效果。
【步骤】
(1) 启动Flash MX 2004,选择菜单栏中的“视图”|“网格”|“显示网格”命令,显示网格以便定位。单击“时间轴”面板下方的“添加运动引导层”按钮 ,添加一个运动引导层并将其重新命名为“定位”。单击工具箱中的“矩形工具”按钮 ,在舞台上画一个矩形,然后单击工具箱中的“选择工具”按钮 ,再单击舞台上的矩形,按Delete键将矩形的填充色删除。如图1-139所示。
(2) 双击“图层1”的名称将其重新命名为“封面”。在如图1-140所示位置画一个灰色矩形,并将该矩形转换为图形元件。
图1-139 绘制定位框
图1-140 封面制作步骤
(3) 单击工具箱中的 工具,再单击封面图形,选择“修改”|“变形”|“自由变形”命令,将其注册点从矩形中心移到左边框的中点上,如图1-141所示。
(4) 在“封面”层的第10帧插入关键帧,然后在舞台上单击封面图形,并单击菜单栏中的“修改”|“变形”|“旋转与倾斜”命令,此时封面图形周围出现黑色的小方块。拖动中心手柄倾斜对象,并单击工具箱中的“任意变形工具”按钮 ,然后单击工具箱下部的“缩放”按钮 ,将封面图形调整到如图1-142所示位置。单击“封面”层第1帧至第10帧之间的任意帧,然后从“属性”面板的帧设置的“补间”下拉列表框选择“动作”选项。
图1-141 移动注册点
图1-142 “封面”层第10帧的图形
(5) 在“封面”层的第20帧插入关键帧,然后按照步骤(4)中的变形方法将封面图形变形至如图1-143所示位置。单击“封面”层第10帧至第20帧之间的任意帧,然后从“属性”面板的帧设置的“补间”下拉列表框选择“动作”选项。
(6) 用同样的方法建立“封面”层第20帧至第30帧之间的动画,第30帧的画面如图1-144所示。
图1-143 “封面”层第20帧的图形
图1-144 “封面”层第30帧的图形
(7) 右击“封面”层的第30帧,在弹出的快捷菜单中选择“复制帧”命令。然后右击第31帧,在弹出的快捷菜单中选择“粘贴帧”命令,此时在该帧的舞台上也出现第30帧的图形,如图1-145所示。单击该图形,选择菜单栏中的“修改”|“变形”|“水平翻转”命令。按照上述方法,分别复制“封面”层的第20帧、第10帧、第1帧并粘贴至该层的第40帧、第50帧及第60帧。分别选中第40帧、第50帧及第60帧处的图形,选择“修改”|“变形”|“水平翻转”命令,建立镜像图形。并在每两个关键帧之间创建补间动画。
(8) 单击“时间轴”面板下方的“插入图层”按钮 ,添加一个新的图层“封底”,单击“封底”图层名称的同时按住鼠标左键不放,将其拖动到“封面”层的下方。单击“封底”层的第1帧,然后单击工具箱中的“矩形工具”按钮 ,在矩形框的右半部分画一个灰色的矩形,如图1-146所示。
图1-145 “封面”层第31帧的图形
图1-146 “封底”层第1帧的图形
(9) 单击“时间轴”面板下方的“插入图层”按钮 ,添加一个新的图层“第一页”,单击该层的第1帧,用填充了白色的“矩形工具”在图1-147所示的位置画一矩形作为内页。右击第60帧,在弹出的快捷菜单中选择“插入关键帧”命令,然后在第70帧也插入一个关键帧。单击该白色矩形,然后单击工具箱中的“任意变形工具”按钮 ,再单击工具箱下部的“缩放”按钮 ,将白色矩形调整至合适大小,以边缘露出一小条灰色为宜。
(10) 单击工具箱中的“任意变形工具”按钮 ,再单击工具箱下部的封套 按钮,拖动点和切线手柄修改封套。将白色矩形调整至如图1-148所示形状。右击“第一页”层第60帧至第70帧之间的任意帧,然后从“属性”面板的帧设置的“补间”下拉列表框中选择“形状”选项。
图1-147 “第一页”层第60帧的图形
图1-148 “第一页”层第70帧的图形
(11) 用同样方法在“第一页”层的第80帧和第90帧插入关键帧,并利用封套工具、“旋转与倾斜”工具及“缩放”工具将图形调整至如图1-149所示形状,并创建补间形状。
图1-149 “第一页”层的第80帧和第90帧的图形
(12) 首先选中“封面”层,然后单击“时间轴”面板下方的“插入图层”按钮 ,在“封面”层之上添加一个新的图层“第一页左边”。右击“时间轴”面板上“第一页”层的第90帧,在弹出的快捷菜单中选择“复制帧”命令,在“时间轴”面板上,右击“第一页左边”的第91帧,在弹出的快捷菜单中选择“粘贴帧”命令,同样分别复制“第一页”的第80帧、第70帧及第60帧至“第一层左边”的第100帧、第110帧及120帧,如图1-150所示。并按照步骤(7)中提到的方法进行水平翻转,接着创建两个关键帧间的补间形状。
图1-150 “第一页左边”层第100帧和第110帧的图形
(13) 选中“封底”层,然后单击“时间轴”面板下方的“插入图层”按钮 ,在“封底”层之上添加一个新的图层“第二页”。单击该层的第1帧,在矩形框的右半部分画一个与第一页大小相同的白色矩形,如图1-151所示。分别右击所有图层的第125帧,在弹出的快捷菜单中选择“插入帧”命令。按Ctrl+Enter键显示效果,按Ctrl+W键恢复编辑状态。
图1-151 “第二页”层第1帧的图形
【注意事项】
移动注册点是实现翻书的关键。