动画短片案例(草船)的制作

1案例《草船》动画短片制作2目录1.1动画片头的制作。.........31.2为动画添加声音...........81.3人物形象设计............111.4动画制作................171.5动画合成................483草船借箭动画短片的制作1.1动画片头的制作。（1）执行【开始】【程序】【AdobeFlashCS3】菜单命令，单击【Flash文件（ActionScript2.0）】,如图1-1.图1-1(2)执行【修改】【文档】，并设置影片尺寸640px×480px,背景色为灰色，帧频为12fps,如图1-2。图1-2（3）执行【文件】【导入】【导入到库】菜单命令，弹出【导入到库】对话框，在对话框中选择“背景1”，单击打开按钮，讲图片导入到库，如图1-34图1-3（4）按【Ctrl+L】组合键，打开“库”面板，从面板中将“背景1”图片托到场景中，然后选中图片，执行【修改】【转换为元件】菜单命令，在弹出的“转换为元件”对话框中，输入元件名称“元件1”，并选择元件类型为“图形’,如图1-4所示。图1-4（5）将“图层1”锁定，并单击时间轴左下方的“插入图层”按钮,新建“图层2”。（6）在工具箱中选择【文本工具】，并在“属性”面板中设置文本类型为“静态文本’,字体为”华文行楷”，大小为“100”，颜色为“黑色”，然后在场景中输入“草船借箭”字样，如图1-5。图1-55（7在“图层2”的第25帧和第50帧处，按【F6】键插入关键帧，然后用鼠标右键分别单击“图层2”的第1帧和25帧，在弹出的快捷菜单中执行“创建补间动画”命令，时间轴如图1-6。图1-6(8)分别选中“图层2”的第1帧和第50帧，并选中场景中的文字，在“属性’面板的“颜色”下拉列表中选择“Alpha”选项，将其值调整为“0﹪”，如图1-7。图1-7（9）执行【插入】【新建元件】菜单命令，新建图形元件“元件2”。进入编辑区后，在工具箱中选择【文本工具】，并在“属性”面板中选择文本类型为“静态文本”，字体为“华文行楷”，大小为“20”。颜色为“黑色”，然后再场景中输入“公元二零八年”字样，如图1-8。图1-8(10)按【Ctrl+E】组合键，也可单击【编辑场景】按钮，选择“场景1”，如图1-9所示，返回到“场景1”，将“图层2”锁定，新建“图层3”，在“图层3”的第72帧处，按【F6】键插入关键帧，然后从“库”面板中将图形元件“元件2”拖到场景中，如图1-10所示。图1-96图1-10（11）在“图层3”的第76帧处插入关键帧，然后选中第72帧，在“属性”面板的“补间”下拉列表中选择“动画”选项，如图1-11。图1-11（12）选中“图层3”的第72帧，并选中场景中的文字，在“属性”面板中设置透明度（即Alpha）为“0﹪”。（13）按照步骤（9）的方法制作其他文字元件，“库”面板如图1-12。7图1-12（14）在“场景1”的编辑区将“图层3”锁定，新建“图层4”，并在第89帧处插入关键帧，然后从“库”面板中将图形元件“元件3”拖到场景中，并按照步骤（11）-（12）的方法制作文字效果，如图1-13。图1-13(15)按照上述制作文字效果的方法制作其他文字效果，如图1-14。图1-14（16）将“图层3”解锁，在“图层3”的第286帧和第293帧处插入关键帧，并用鼠标单击第286帧，在弹出的快捷菜单执行“创建补间动画”命令，然后选中第293帧，并选中场景中的文字，在“属性”面板中设置透明度为“0﹪”，时间轴如图1-15。8图1-15（17）按照步骤（16）的方法制作其他文字淡出的效果，时间轴如图1-16。图1-16（18）将其他图层“锁定”，新建“图层12”、“图层13”、“图层14”，然后按照前面制作文字效果的方法制作图形“元件11”、“元件12”、“元件13”的效果，时间轴如图1-17。图1-171.2为动画添加声音（1）按【shift+F2】组合键，打开“场景”面板，在面板中单击“”，添加“场景2”如图1-18。图1-18（2）执行【文件】【导入】【导入到库】菜单命令，弹出【导入到库】对话框，在对话框中选择声音文件“声音”，然后单击“打开”按钮，将声音导入到库中。（或在“草船借箭范例﹡”中到“库”选中声音，右击，选中“复制”如图1-19，然后，到新建的Flash文档的“库”面板，右击选择“粘贴”）9图1-19（3）选中“场景2”中的“图层1”的第一帧，在“属性”面板的“声音”下拉列表中选择“声音”选项，并在“同步”下拉列表中选择“数据流”选项，然后在“图层1”的第845帧，插入普通帧，并将“图层1”重名为“声音”，如图1-20。图1-20（4）将“声音”图层锁定，新建“图层2”，并命名为“标记”。拖动“播放头”到第一帧的位置，按回车键开始播放。当听到第一句对话时，按下回车键，声音停止播放。此时看见红色的“播放头”停止在第一帧处，选中“标记”图层的第一帧，按【F6】键插入关键帧。然后打开“属性”面板，在“帧标签”中输入“孔明说”三个字，如图1-21。图1-21（5）第一句对话起始位置的“帧注释”标记添加完成后，再回车键，继续播放声音，用同样的方法在所有的起始位置加上“帧注释”，直到整个所有的所有对话添加完毕。所有的人物对话标记好后从头听一遍，对于不够准确的“帧注释”可以选中加上“注释”的关键帧，拖到准确的位置上即可。加上“帧注释”以后，关键帧上会出现已给小红旗和注释文字，如10图1-22。图1-22（6）执行【插入】【新建元件】菜单命令，新建图形元件“对话1”，在工具栏中选择“文本工具”，并在“属性”面板中选择文本类型为“静态文本”，字体为“华文行楷”，大小为“25”，颜色“白色”，然后在场景中输入“鲁肃救我”字样，如图1-23。图1-23（7）按照步骤（6）的方法制作其他对话元件。（8）用鼠标单击场景右上方的“编辑场景”按钮,在弹出的列表中选择“场景2”的编辑区。（9）在编辑区中将图层“声音”和“标记”锁定，新建“图层3”并命名为“对话”，然后将“播放头”定位到标记为“孔明说”的帧标签处，选中“对话”图层上与其相同的帧，按【F6】键插入关键帧，然后按【Ctrl+L】组合键打开“库”面板，从“库”面板中将图形元件“对话1”拖动到场景中，如图1-24。图1-24（10）将“播放头”拖到“标记”图层的第二句“帧标记”处，选中“对话”图层上与其相11同的帧，按【F6】键插入关键帧，此时舞台上依然显示的是第一句对话内容。（11）在场景中选中实例“对话1”，然后在“属性”面板中单击“交换”按钮，如图1-25。图1-25（12）单击“交换”按钮后，弹出“交换元件”对话框，在对话框中选择“对话2”，如图1-26。图1-26（13）按照步骤（10）到步骤（12）的方法将其他对话替换到场景中。1.3人物形象设计（1）执行【插入】【新建元件】菜单命令，新建图形元件“孔明”，在元件编辑区中利用“钢笔工具”，绘制孔明的头部轮廓，然后将已绘制好的大体轮廓全部选中，并按【Ctrl+G】组合键将其组合，再使用“钢笔工具”进行细化处理，完成效果如图1-27。（2）将“图层1”锁定，新建“图层2”，在工具箱中选择“钢笔工具”，在场景中绘制出人物帽子的轮廓，然后再进行颜色填充，如图1-28。图1-27图1-28（3）将“图层2“锁定，新建“图层3”，在工具箱中选择“刷子工具”，在场景中绘制出人物的胡子，时间轴和效果如图1-29。12图1-29（4）将“图层3”锁定，新建“图层4”，在工具箱中选择“椭圆工具”,在场景中绘制人物的眉毛，如图1-30。（5）将“图层4”锁定，新建“图层5”，在工具箱中选择“椭圆工具”,在场景中绘制眼睛，如图1-31。图1-30图1-31（6）将“图层5”锁定，新建“图层6”，在工具箱中“钢笔工具”，在场景中绘制人物的衣服，如图1-32。（7）【插入】【新建元件】菜单命令，新建图形元件“孔明2”，然后按照上述步骤绘制人物的方法绘制孔明正面，效果如图1-32。13图1-32图1-33（8）执行【插入】【新建元件】菜单命令，新建图形元件“嘴巴1”，然后再工具中选择“刷子工具”,在场景中绘制如图7-34所示的图形。图1-34(9)执行【插入】【新建元件】菜单命令，新建图形元件“嘴巴2”,在场景中绘制如图1-35的图形。141-35（10）执行【插入】【新建元件】菜单命令，新建图形元件“嘴巴3”，在场景中绘制如图1-36的图形。图1-36（11）执行【插入】【新建元件】菜单命令，新建图形元件“嘴巴4”，在场景中绘制如图1-37所示的图形。151-37(12)执行【插入】【新建元件】菜单命令，新建影片剪辑元件“嘴巴效果1”，在编辑区中分别将“嘴巴1”、“嘴巴2”、“嘴巴3”、“嘴巴4”拖到场景中，做成逐帧动画的格式，如图1-38所示。并按照此方法制作其他人物说话时嘴巴的动画效果。图1-38（13）按照上述步骤制作人物形象“鲁肃”，效果如图1-39。（14）按照上述步骤制作人物形象“曹操”，效果如图1-40。16图7-39图7-40（15）按照上述步骤制作人物“士兵”的背面，如图1-41。(16)按照上述步骤制作人物形象“士兵”侧身效果，如图1-42。图1-41图1-42171.4动画制作（1）执行【文件】【导入】【导入到库】菜单命令，导入图片素材“背景2”、“背景3”。（2）在“背景2”的编辑区中，将其他图层锁定，新建“图层4”，重命名为“背景”，并将其拖放到其他图层的下方，时间轴如图1-43。图1-43（3）选中“背景”图层的第1帧，然后，从“库”面板中将图形元件“背景2”拖到场景中。（4）将“背景”图层锁定，新建“图层5”，并且命名为“孔明”，然后从“库”面板中将图形元件“孔明侧面”，拖到场景中，如图1-44。图1-44（5）将图层“孔明”锁定，新建图层，并将命名为“鲁肃”，然后从“库”面板中将图形元件“鲁肃”拖动到场景中，如图1-45。18图1-45（6）新建图层，并将拖到“孔明”图层的下方，然后重名为“嘴巴1”。选中第1帧，从“库”面板中将影片剪辑元件“嘴巴效果1”拖到场景中，然后将“播放头”拖动到“标记”图层标有“鲁肃说”的帧标记处，选中“嘴巴1”图层上与其相同的帧（即第19帧处），按【F7】键插入空白关键帧，时间轴如图1-46。图1-46（7）将“播放头”拖到“标记”图层有标有“孔明说2”的帧标记处，然后选中“嘴巴1”图层上与其相同的帧，按【F7】插入空白关键帧，并从“库”面板中将影片剪辑元件“嘴巴效果1”拖动到场景中。然后将“播放头”拖动到“标记”图层标有“鲁肃说2”的帧标记处，选中“嘴巴1”图层上与其相同的帧，按【F7】键插入空白关键帧，时间轴如图1-47。图1-47（8）按照步骤（6）、（7）的方法，为孔明与鲁肃的第一段对话添加孔明说话时配音效果。（9）新建图层，重命名为“嘴巴2”，将“播放头”拖动到“标记”图层的第一个标有“鲁肃说”的帧标记处，按【F6】键插入关键帧，并从“库”面板中将影片剪辑元件“嘴巴效19果2”拖动到场景中，然后将“播放头”拖动到“标记”图层标有“孔明说2”的帧标记处，选中“嘴巴2”图层上与其相同的帧，按【F7】键插入空白关键帧，时间轴如图1-48。图1-48（10）按照步骤（6）、（7）的方法，为孔明与鲁肃的第一段对话，添加上鲁肃说话时的配音效果。（11）当为孔明和鲁肃的第一段内容添加完配音效果后，分别在图层“背景”、“孔明”、“鲁肃”的第185帧处，按【F7】键插入空白关键帧，时间轴如图1-49。图1-49（12）执行【插入】【新建元件】菜单命令，新建影片剪辑元件“黑夜效果”，在工具箱中选择“矩形工具”，按【Shift+F9】组合键，打开“混色器”面板，在面板中将笔触关闭，选择填充色为“#336699”和“#FF6633”,在场景中绘制一宽为850、高为560PX的矩形，如图1-50。图1-50（13）在“图层1”的第80帧处，按【F5】键插入普通帧，然后将“图层1”锁定，新建“图