网页动画设计与制作flashmx2004项目1-动画规划与动画软件热身

《网页动画设计与制作flashmx2004项目1-动画规划与动画软件热身》由会员分享，可在线阅读，更多相关《网页动画设计与制作flashmx2004项目1-动画规划与动画软件热身（37页珍藏版）》请在金锄头文库上搜索。

1、网页动画设计与制作Flash,项目1-动画规划与动画软件热身,课程简介,本课程以任务驱动的方式，结合职业相关岗位的工作内容，着重讨论了网页动画设计工作中涉及的主要问题 。 通过本课程的学习，能迅速掌握Flash网页动画设计方面的基本知识与基本职业技能 。,教材简介,主编：陈永东 人民邮电出版社 本教材采用了项目驱动的编写方法，用【项目背景】引出职业工作的需求，用【项目分析】引出主要问题，用【任务分解】引出若干个任务。 然后，对每个任务进行分别的目标定位与具体操作步骤讲解。其中，每个任务中都包括了任务目标、任务指导与模拟实训三个方面内容。 在每个项目的后面还给出了项目的小结。其中，用【经验总结】

2、总结项目学习的经验，用【照猫画虎】提出一些同类的问题，用【后续展望】来进行与后一项目的衔接。,学习内容（12个项目）,动画规划与动画软件热身 图形的绘制 颜色的编辑 对象的编辑 图层、场景与帧的使用 元件、实例和库的使用,设计一般动画 按钮与交互的设计 使用Actions行为 声音的添加 电影的测试与导出 综合动画设计,项目一 动画规划与动画软件热身,【项目背景】 小张刚进入一家公司，即将从事网页动画的设计工作。公司经理告诉他，电脑硬件已经给他配好，要求由小张自己选择并安装所需的动画设计软件，然后要求小张尽快熟悉动画软件界面与相关的系统设置。同时，公司经理要求他在具体动画设计前先对动画进行基本

3、的规划设计。,【项目分析】,动画设计有哪些相关的软件？ 动画设计如何进行规划？ Flash的文件操作主要有哪些？ 动画设计软件有哪些辅助设计的方式与工具？,【任务分解】,任务1：安装并启动动画软件。 任务2：规划动画。 任务3：管理动画文件。 任务4：使用查看对象。 任务5：使用辅助工具。,任务1安装并启动动画软件,确定动画设计软件的种类。 选择配合动画设计涉及的其他软件。 安装动画软件 启动Flash MX 2004。 熟悉Flash的基本界面。 制作一个简单的动画。 退出Flash MX 2004。,1确定动画设计软件的种类,（1）平面动画设计软件 Adobe Flash Jasc Ani

4、mation Shop Ulead GIF Animator （2）三维动画设计软件 3DMAX Maya,2选择配合动画设计涉及的其他软件,图像处理软件 文字动画专门处理软件 图像查看与格式转换软件 网页制作软件 后期处理软件 多媒体合成软件,3安装动画设计软件,关闭任何正在运行的 Flash 版本 将Flash安装盘插入光盘驱动器，或从网上下载并双击 FlashMX2004 Installer.exe 进入安装过程后，首先出现的是Flash MX 2004 安装开始画面 单击“下一步”按钮，进入Flash MX 2004 安装确认“许可证协议”画面 在“许可证协议”的画面上，单击“是”按钮

5、，再单击“下一步”按钮，出现Flash MX 2004 安装“选择目的地位置”画面 选择目的地位置,单击“下一步”按钮，出现是否选择安装播放器Macromedia Flash Player的画面 保留复选框前的钩号，表示需要安装Flash的播放器，再单击“下一步”按钮两次，可以进入到文件的进度提示对话框，进行Flash安装的具体过程。,4启动Flash,“开始”“所有程序”“Macromedia”-”Macromedia Flash”,5熟悉Flash的基本界面,6制作一个简单的动画,（1）启动Flash，并新建一个Flash文档； （2）执行“插入”“新建元件”命令，出现“创建新元件”对话框

6、，在该对话框中输入元件名称，如ball，并单击“确定”； （3）绘制元件图形，即绘制小球元件。可以直接通过拖曳绘制一个圆，也可以先选择笔触颜色（如红色）与填充色（如蓝色），再绘制这个圆 ; （4）单击屏幕左上方的“场景1”，进入场景（或称舞台）； （5）执行“窗口”“库”命令，或按下F11键以打开“库”面板； （6）单击时间线上第1帧，再将“库”面板中的小球拖放至舞台上的某位置（作为小球运动的起始位置）； （7）右键单击时间线上第30帧，在快捷菜单中执行“插入关键帧”命令； （8）单击工具箱中的“选择工具”（黑箭头），将小球拖放至新的位置（作为小球运动的结束位置）； （9）右键单击第1帧，在快

7、捷菜单中执行“创建补间动画”命令，或在下方的“属性”面板中的“补间”下拉式列表框中选择“动作”； （10）按下Enter键，开始播放动画，或使用CtrlEnter进行电影测试。,7退出Flash,方法有以下两种。 （1）与一般软件的退出方法一样，即执行“文件”“退出”命令。 （2）使用快捷键Ctrl+Q。 退出Flash MX 2004前应该对所动画文件进行保存。,任务2 规划动画,动画设计的整体构思。 动画设计的主要情节描述。 动画设计的主要功能需求描述。 相关素材对应的文件描述。,1动画设计的整体构思,（1）写出动画的设计目的。 （2）写出动画的设计要求。 （3）写出动画的总体构思。,2动

8、画设计的主要情节描述,（1）写出动画的主要情节名称。 （2）描述动画的各情节。 （3）绘制动画的各个情节对应主要画面的草图。,3动画设计的主要功能需求描述,（1）动画中需要人工设计的部分。 （2）动画中需要计算机自动生成的部分。,4相关素材对应的文件描述,在上面相关素材的功能描述后，要对相关的素材对应的文件名称与格式进行描述，,任务3 管理动画文件,新建电影文件。 设置电影属性。 保存电影文件。 打开电影文件。 关闭电影文件。 切换电影文件。,1新建电影文件,方法一：“新建文件”按钮或相关菜单创建新的电影文件。 方法二：利用菜单创建新文件，可以使用以下步骤。 （1）执行“文件”“新建”命令，出

9、现“新建文档”对话框； （2）在“常规”选项卡上选择“Flash 文档”，再单击“确定”按钮。,2设置电影属性,（1）在文件打开的情况下，执行“修改”“文档”命令，可打开“文档属性”对话框 （2）在“帧频”框中，输入每秒显示的动画帧的数量。对于大多数计算机显示的动画，特别是 Web站点中播放的动画，8fps（每秒帧数）到12fps就足够了（默认的帧频为 12 fps）。 （3）在“尺寸”相关设计中，可指定舞台大小 、将舞台大小设置为最大的可用打印区域 、将舞台大小设置为内容四周的空间都相等 、将舞台大小设置为默认大小 （4）如果要设置文件的背景颜色，可单击“背景颜色”框中的三角形，然后从调色板

10、中选择一种颜色。 （5）如果要指定可以显示在应用程序窗口上沿和侧沿的标尺的单位，可从右上角的弹出菜单中选择一个选项 （6）设计完毕后，可只将新设置用作新文件的默认属性，或将这些新设置用作所有新文件的默认属性,3保存电影文件,（1）执行以下两种操作方法中的一种： 要覆盖磁盘上的当前版本，可执行“文件”“保存”命令。 要将文件保存到不同的位置，或用不同的名称保存文件，或者要压缩文件，可执行“文件”“另存为”命令。 （2）如果执行“另存为”命令，或者如果文件以前从未保存过，则出现“另存为”对话框，可选择文件位置与保存类型，并输入文件名。 （3）单击“保存”按钮。,4打开电影文件,（1）执行“文件”“

11、打开”命令，出现“打开”对话框。 （2）在“打开”对话框中，可选择查找范围、文件类型，并选择要打开的文件。 （3）单击“打开”按钮。,5关闭电影文件,方法一：单击电影文件窗口右上角的关闭按钮。 方法二：如果电影文件窗口不是最大化，则每个电影有一个窗口，可以单击左上角的控制图标，再选择“关闭”命令。 方法三：使用快捷键Ctrl+W，或者Ctrl+F4。 方法四：执行“文件”“关闭”命令。,6切换电影文件,方法一：窗口菜单的最下部为当前打开的电影文件的名字，可以选择要切换的文件名。 方法二：如果文件窗口是最大化的，可以利用文件窗口左上角的文件名标签进行切换。 方法三：如果文件窗口不是最大化的，则每

12、个文件为一个单独的窗口，可以单击要切换的文件窗口可见区域来切换。 方法四：可以使用快捷键Ctrl+F6进行当前所有打开的电影文件间的轮换。,任务4 使用查看对象,利用放大镜进行工作区的缩放。 直接调整缩放比例。 更换对象的显示方式。 查看对象的相关信息。,1利用放大镜进行工作区的缩放,（1）放大某个特定的元件：可选择工具栏中的“缩放”工具（放大镜），然后单击该元件。 （2）在放大或缩小之间切换“缩放”工具：可使用“放大”或“缩小”组合键（当“缩放”工具处于选中状态时，位于工具栏的选项区域中），或者按住 Alt 键单击。 （3）放大绘画的特定区域：可使用缩放工具拖出一个矩形选取框。 （4）利用菜

13、单设置缩放比率：Flash 可以设置缩放比率，从而方便动画设计时对舞台的观察。如果要放大或缩小整个舞台，可执行“视图”“放大”命令或执行“视图”“缩小”命令。 （5）显示围绕舞台的工作区：可执行“视图”“工作区”命令。,2直接调整缩放比例,（1）放大或缩小特定的百分比：可执行“视图”“缩放比率”命令，然后从子菜单中选择一个百分比，或者从应用程序窗口的左下角上的“缩放”控件中选择一个百分比。 （2）缩放舞台以完全适合给定的窗口空间：可执行“视图”“缩放比率”“符合窗口大小”命令。 （3）显示当前帧的内容：可执行“视图”“缩放比率”“显示全部”命令，或从应用程序窗口右上角的“缩放”控件中选择“显示

14、全部”。如果场景为空，则会显示整个舞台。 （4）显示整个舞台：可执行“视图”“缩放比率”“显示帧”命令，或从应用程序窗口左下角的“缩放”控件中选择“显示帧”。,3更换对象的显示方式,（1）“轮廓”预览模式 （2）“高速显示”预览模式 （3）“消除锯齿”预览模式 （4）“消除文字锯齿”预览模式 （5）“强制齐行”预览模式：,4查看对象的相关信息,当用户选中某个对象后，就可以在属性面板上面看到该对象的相关信息。 例如，一个绘制的小球在选中后，可以在属性面板中查看该小球的宽度、高度及坐标值（X、Y）等信息,任务5 使用辅助工具,使用标尺功能。 使用网格功能。 使用辅助线功能。,1使用标尺功能,（1）

15、显示或隐藏标尺：执行“视图”“标尺”命令，可使标尺处于显示状态；如果再执行一遍该命令，则隐藏标尺的显示。 （2）指定文件的标尺度量单位：执行“修改”“文档”命令，出现“文档属性”对话框，在该对话框下部的“标尺单位”中选择一种单位，再单击“确定”按钮。,2使用网格功能,（1）显示或隐藏绘画网格：执行“视图”“网格”“显示网格”命令 （2）打开或关闭对齐网格线：执行“视图”“对齐”“对齐网格”命令 （3）设置网格首选参数：执行“视图”“网格”“编辑网格”命令,3使用辅助线功能,（1）显示或隐藏绘画辅助线：执行“视图”“辅助线”“显示辅助线”命令。 （2）打开或关闭对齐辅助线：执行“视图”“对齐”“

16、对齐辅助线”命令。 （3）移动辅助线：可以使用箭头工具拖动辅助线。 （4）删除辅助线：可以在辅助线处于解锁状态时，使用箭头工具将辅助线拖到水平或垂直标尺。 （5）锁定与解锁辅助线：执行“视图”“辅助线”“锁定辅助线”命令。 （6）设置辅助线首选参数：执行“视图”“辅助线”“编辑辅助线”命令 （7）清除辅助线：执行“视图”“辅助线”“清除辅助线”命令,项目小结,“工欲行其事，必先利其器”，在具体进行动画设计之前，选择、安装并测试动画设计软件及其他相关软件是基本的工作。 应该关注流行的网页动画设计软件的种类及版本，了解各类软件的特点。 在具体进行动画设计之前，一方面，应该要对整个动画进行规划，搞清设计目标，描述清楚设计思想、相关情节及相关素材的要求；另一方面，在设计动画前，还应熟练Flash的基本操作，如文件操作、查看方式更改操作、辅助工具使用、系统参数设置等。,