Flash mx基础入门.ppt

Flash入门 FlashMX的工作环境 标题栏 菜单条 时间轴面板 常用面板 绘图工具箱 工作区 属性面板 flashMX与flash5 0不同点 flashMX 1 工具栏中多了两个工具 任意变形工具和填充变形工具 2 修改中 实例面板没了 改在了属性浮动面板上 更直观方便 描绘位图改为转换位图为矢量图 同时强化了 交换功能 可以很方便的交换 对象 3 面板和属性检查器 根据当前选定的内容 属性检查器可以显示当前文档 文本 元件 形状 位图 视频 组 帧或工具的信息和设置 当选定了两个或多个不同类型的对象时 属性检查器会显示选定对象的总数 4 如果是同时打开两个文件及他们的两个库 则两可库可同时显示 并可相互调用 5 swf的导出flash1到flash6都有设置 MacromediaFlashMX的新功能 1 面向设计师 2 面向开发者 3 与Flash5文档的向后兼容性 4 颜色管理 5 属性检查器 6 国际语言支持 7 辅助功能 8 扩展的视频功能 9 像素级控制 10 创作时间共享库 11 Flash组件 12 增强型开发环境 13 时间轴增强 14 动态加载图像和声音 菜单中的特殊标记符的含义 菜单中的菜单项名字是深色时 表示当前可使用 是灰色时 表示当前还不能使用 如果菜单名后面有省略号 则表示单击该菜单选项后 会弹出一个对话框 要求选定执行该菜单命令的有关选项 如果菜单名后面有黑三角符号 则表示该菜单选项有下一级联级菜单 将给出进一步的选择 如果菜单名左边有选择标记 或者 则表示该选项已经设定 如果要删除标记 不选定该项 可再单击该菜单选择标记 表示复选 表示单选 菜单项右边的组合按键名称 表示执行该菜单选项的对应热键 按下热键可以在不打开菜单的情况下直接执行菜单命令 舞台 Stage 舞台 Stage 是绘制图形和编辑图形 图像的矩形区域 也是创建电影动画的区域 舞台中有一个白色的矩形区域 它是舞台的工作区 只有在舞台工作区内的对象才能够作为电影输出和打印 舞台 电影 的相关设置 单击Modify 修改 Movie 电影 菜单命令 调出MovieProperties 电影属性 的对话框 帧频 FrameRate 影片的播放速率 即每秒要显示的帧的数目 对于网上播放的动画 8fps至12fps就够了尺寸 Dimensions 在宽度和高度框中输入尺寸大小 缺省尺寸550 400pix 最小 18 18pix 最大 2880 2880pix匹配 单击 打印机 按钮 实影片尺寸与打印机的打印范围完全吻合 单击 内容 按钮 会使影片内物体大小与屏幕完全吻合RulerUnits 标尺单位 可用来选择舞台上边与左边标尺的单位 可以选择英寸 像素 厘米和毫米等 单击Background 背景 图标按钮 弹出颜色面板 单击颜色面板中的一种色块 即可选定舞台工作区的背景颜色 与动画有关的几个Flash概念 场景 Scene 在Flash电影中 舞台只有一个 但可以有多个不同的场景 使用场景是为了按主题组织动画 每个场景都有名称 在舞台的左上角给出了当前场景的名称 符号 Symbol 符号是指一个可以重复利用的物件 在动画中运用符号可以显著地减小文件的尺寸 实例 Instance 是指符号在舞台工作区的应用 当将库中的符号拖到工作区后 就生成了一个该符号的实例 帧 Frame Flash动画是由一系列的帧所组成的 帧是动画的基本元素 图层 Layer 所谓图层 就相当于舞台中演员所处的前后位置 时间线 Timeline 时间线是Flash进行动画创作和编辑的主要工具 它一般位于舞台与常用工具栏之间 时间线好像导演的剧本 它决定了各个场景的切换以及演员出场 表演的时间顺序 Flash把动画按时间顺序分解成帧 在舞台中直接绘制的图形画面 或者从外部导入的图像 均可形成单独的帧 再把各个单独的帧图像画面连在一起 形成动画 时间线面板 图层管理 场景名称 播放头 每一格代表一帧 洋葱皮按钮 创建舞台对象 矢量图形可以看成是由线条和填充物 主要是填充色 组成的 填充一般只可以对封闭的图形进行 这种封闭图形由两部分组成 一时它的轮廓线条 也叫外框线条 二是其内的填充物 矢量图形的着色有两种 一是对线条的着色 二是对封闭图形内部的填充色着色 线型和线条颜色的设置填充物的设置绘制线条和轮廓线绘制有填充物的图形输入文本导入和处理点阵图导入声音和声音属性设置 点阵图与矢量图 点阵图是由不同颜色的点组成的 这些点称为象素 显示屏由许多象素显示点组成 清晰度越高 像素显示点也越多 对于32bit真彩色 每个象素显示点可以显示232种彩色 在缩放一个点阵图时 改变的是象素 图像的分辨率会下降 造成图像的显示质量下降 在比点阵图本身分辨率低的输出设备上显示图象时 也会造成图像的显示质量下降 即不具有独立的分辨率 通常 点阵图具有色彩丰富的特点 矢量图形使用包含颜色和位置属性的直线或曲线公式来描述图像的 对于矢量图形来说 图形的颜色取决于图形的轮廓曲线的颜色和轮廓曲线所封闭的区域的颜色 与轮廓线内单独的点无关 矢量图形在处理后 不会改变图形的显示质量 矢量图形具有独立的分辨率 即在不降低图形质量的前提下 它可在具有不同分辨率的输出设备中显示 矢量图形的大小与图形的尺寸无关 与图形的复杂程度有关 编辑对象 选取 复制和删除对象改变对象的大小和形状修改线条和填充物的属性擦除与编辑多个对象手抓工具和放大镜工具的使用编辑声音绘图属性和其他属性的设置 符号与实例 符号的类别 图形符号 它可以是矢量图形 图像 声音或动画 它通常用来制作电影中的静态图形 它不具有交互性 声音符号是图形符号中的一种特殊符号 它有自己的图标 电影片段符号 它是主电影中一段电影片段 用来制作独立于主电影时间线的动画 它可以包括交互型控制 声音 甚至其它电影片段的实例 也可以把电影片段的实例放在按钮的时间线中 从而实现动画按钮 有时为了实现交互性 图像也会转换为电影片段 按钮符号 它可以在电影中创建交互按钮 对事件 例如鼠标单击 产生动作响应 在Flash5中 首先要为按钮设计不同状态的外观 然后为按钮的实例分配动作 符号与实例 使用符号 使用符号的基本方法播放图形实例的动画效果 观看符号的动画效果 1 拖动该符号到舞台工作区内 并选中该符号 2 单击Edit EditSymbols 编辑符号 调出动画编辑窗口 可看到该动画的帧数 假设是145帧 3 回到舞台工作区 将鼠标指针移到第一帧单元格处 按下Alt键 时鼠标指针为黑色的箭头状 在向右拖曳鼠标到145帧处松开鼠标左键 4 此时可看到所有帧的动画 符号与实例 操作 创建新的图形符号或电影片段符号将舞台工作区中的图形 图形对象转换为图形符号将外部的GIF动画转换为图形符号或电影片段符号将舞台工作区的动画转换为图形符号或电影片段符号创建按钮符号编辑符号编辑实例将声音导入按钮动作 创建按钮符号 概念 Flash电影中的按钮也是对象按钮有四个状态 分别是 Up 弹起 状态 鼠标指针没有接触按钮时 按钮处于弹起状态 Over 经过上面 鼠标移到了按钮上面 单没有按下时的状态 Down 按下 鼠标移到了按钮上面并单击左键时的状态 单击鼠标右键 会弹出它的快捷菜单 Hit 点击 与前三种状态不同 在这种状态下可以定义响应鼠标事件的动作 如果没有在Hit帧指定动作 则显示在Up帧种的对象就作为响应鼠标事件的动作 一个按钮符号在时间线的每一帧都有特定的功能 并且每一帧有固定的名称 分别与上面的四种状态相对应 在每一帧中分别设定相应状态的按钮外观 Hit帧的图形在电影中是不显示的 但它定义了按钮响应鼠标事件的区域和动作 如果Hit帧没有图形 则由Up帧和Over帧图形来定义按钮响应鼠标事件的区域 创建按钮符号 步骤 单击Insert NewSymbol菜单命令或Library 库 面板左下角的新建按钮 选择Button单选钮 单击OK Flash自动切换到符号编辑模式 时间线的第一行显示4个连续的帧 分别标示为Up Over Down Hit 第一帧是一个空白的关键帧 选中第1帧 再绘制或导入图形或图像等对象 也可以利用其它符号创建的实例 制作好Up帧的按钮外观 选中第2帧 再单击右键 调出快捷菜单 单击其中的InsertKeyframe 插入关键帧 菜单命令 使第2帧成为关键帧 此时 第1帧的按钮图像仍出现在工作区中 改变或重新制作一个图像 作为Over状态的按钮图形 按照上述方法 制作Down和Hit状态的按钮图形 完成上述操作后 回到舞台工作区 打开库 可以看到库面板中已经有了刚刚制作的按钮符号 可播放观看效果 测试按钮 测试按钮就是将鼠标指针移到按钮之上和单击按钮 观察它的动画效果 测试按钮以前要进行下面三种操作中的一种 单击Control TestMovie 测试动画 单击Control TestScene 测试场景 单击Control EnableButtons 开放按钮 菜单选项 使它左边出现一个对钩 表示已经放开了按钮 不能对处于开放状态的按钮进行编辑等 再单击Control EnableButtons 则可以去除按钮的开放 编辑符号 方法一 在舞台工作区内 将鼠标指针移到要编辑的符号实例处 单击鼠标右键 弹出其快捷菜单 然后单击该菜单内的Edit命令 即可进入符号白你模式 在一个新的工作区中编辑符号 这个工作区内只有要编辑的符号图形 文字或图像 方法二 双击库面板中的一个符号 即可进入符号编辑模式 方法三 选中要编辑的符号实例 单击鼠标右键 在弹出的快捷菜单内选择EditInPlace命令 此时 只有鼠标右击的实例所对应的符号可以编辑 其他对象仍在原舞台工作区中 以供参考 同时 它们都变成了灰色 不可编辑 双击舞台工作区的空白处 即可退出编辑状态 方法四 选中要编辑的符号实例 单击鼠标右键 在弹出的快捷菜单内选择EditInNewWindow命令 可打开一个新的工作区进行符号的编辑 编辑实例 改变实例亮度和透明度等属性 将鼠标指针移到实例处 单击鼠标右键 在其快捷菜单中选择Panels 调出编辑实例的菜单 单击其中的Instance命令 或者单击舞台右下角的快捷菜单中的Instance 或者Window Panels Instance 可调出Instance面板 利用它可以更换实例的符号 改变实例的播放模式 改变实例的类型 将实例复制为符号和编辑符号等 单击Effect 调出Effect面板 利用它可以编辑修改实例的亮度 颜色 透明度等 该面板在创建动画时常用 该面板下拉列表框有5个选项 选择不同选项时 其面板的内容和功能也不一样 将声音导入按钮动作的方法 首先把需要的一些声音导入文件 然后双击舞台工作区种的按钮符号实例 调出按钮的编辑窗口单击改变击窗口内左下角的新建图标按钮 增加一个新图层 单击选中Over单元格 再单击鼠标右键 弹出其快捷菜单 单击菜单中的InsertKeyframe命令 将该单元格设置为关键帧 也用同样的方法 将Down单元格设置为关键帧 双击Over单元格 调出Sound面板 在该面板的Sound下拉列表框内选择一个声音 图层 概念 我们可把图层看成是相互堆叠在一起的透明纸利用图层可以有效组织和安排影片中的文字 图像和动画 所能够增加的图层数量取决于计算机内存的大小图层用于在空间上组织动画 帧用于在时间上组织动画 图层中有两种特殊的图层 一个是导向图层 GuideLayer 一个是遮罩图层 MaskLayer 图层 操作 创建新图层选择图层显示与隐藏图层以轮廓线方式显示与隐藏图层中对象的外框锁定 解锁图层删除图层复制图层给图层重命名改变图层顺序设定图层的属性 图层 导向图层 导向图层可以引导与它相关联图层中对象的运动轨迹或定位 用户可以在导向图层内创建网格 图形或其他对象 这可以在绘制图形时起到辅助作用 以及起到运动路径的导向作用 可以把多个普通图层关联到一个导向图层上 导向图层只能在舞台工作区内看到 在输出的电影中是不会出现的 普通导向图层只起到辅助绘图和绘图定位的作用运动导向图层可以起到设置运动路径的导向作用必须指定是哪个图层对象的运动路径一个导向图层可以与多个普通图层关联将导向图层转换为普通图层 图层 遮罩图层 透过遮罩图层的图形可以看到其下面图层的内容 透过遮罩图层内的无图形处看不到下面图层的内容在遮罩图层上绘制的图形或输入的文字 相当于在遮罩图层上挖掉了相应形状的洞 形成挖空区域 通过挖空区域 下面图层的内容就可以被显示出来 而没有绘制图形与输入文字的地方成了遮挡物 把下面图层的其余内容遮挡起来 创建遮罩图层建立与取消普通图层与遮罩图层的关联时间线的快捷菜单图层快捷菜单帧快捷菜单 场景 增加场景 切换场景View Goto建立新窗口Window NewWindow层叠多个窗口Window Cascade平铺多个窗口Window TileScene 场景 面板的使用 显示 新建 复制 删除场景 以及给场景更名和改变场景的顺序 Flash动画的种类 帧 帧 动画 制作好每一帧画面 每一帧的内容可以相同或不同 然后连续依次播放这些画面 即可生成动画效果 过渡 动画 制作好若干关键帧的画面 由Flash通过计算生成各关键帧之间的各个帧 使画面从一个关键帧过渡到另一个关键帧 过渡动画又分为运动过渡动画和变形过渡动画两种 不同种类帧的表示方法 关键帧单元格 单元格内有一个实心的圆圈 关键帧的内容可以进行编辑 普通帧单元格 在关键帧单元格后面的浅灰色背景单元格表示是普通帧单元格 它的内容与左边的关键帧单元格的内容一样 空白的关键帧单元格 该单元格内是空的 两边有黑色的垂直线 表示是一个空的关键帧单元格 空白关键帧内可以插入对象 形成关键帧 动作单元格 该单元格本身也是一个关键帧 其中有一个字母 a 表示在这一帧中分配了动作 Action 当电影播放到这一帧时会执行相应的动作 过渡帧单元格 它是两个关键帧之间的单元格 由Flash5计算生成的帧 不能对过渡帧进行编辑 不同种类动画的表示方法 运动过渡动画 在关键帧之间有一条水平指向右边的黑色箭头 单元格为浅蓝色背景 变形过渡动画 在关键帧之间有一条水平指向右边的黑色箭头 单元格为浅绿色背景 虚线 表示在创建过渡动画过程中存在错误 无法正确完成过渡动画的制作 运动过渡动画 在Flash5中可以创建出丰富多彩的运动过渡动画效果 可以使一个对象在画面中移动 改变其大小 形状 使其旋转 改变对象的颜色 产生淡入淡出效果 动态切换画面等 各种变化可以独立进行 也可以合成复杂的动画 实例 图形 图像 文本和群组可以产生运动过渡动画 运动过渡动画的创建方法单击选中时间线中的一个空帧 在舞台工作区创建一个对象或从库面板中把一个符号拖曳到舞台工作区中 单击选中时间线中的动画终止帧 按F6键 创建一个关键帧 按住Shift键 单击起始关键帧 选中两个关键帧及它们之间的所有灰色单元格 单击Insert 插入 CreateMotionTween 创建两者间的运动过渡动画 即建立了两个关键帧之间的过渡动画 这时 时间线中两个关键帧之间会产生一个指向右边的水平箭头线 表示动画生成成功 然后 可调整动画起始帧和终止帧中对象的位置 大小 旋转角度 颜色 透明度等 如果要使对象不只是沿一条直线移动 可增加多个关键帧 并调整关键帧中对象的位置等 沿指定路径移动的运动过渡动画 按照上述方法建立沿直线移动的运动过渡动画单击选中直线移动的层Layer1 然后点击增加导向图层按钮 在Layer1上边增加一个导向图层 同时 Layer1成为与导向图层相关联的被导向图层 使Layer1图层隐藏 单击选中导向图层 在舞台工作区内绘制路径曲线 单击Window Panels Frame菜单命令 调出Frame对话框 选择该对话框内Tweening下拉列表框内的Motion选项 使Layer1层恢复显示 单击选中Layer1第一帧 将对象移到路经的起始处 使对象的中心十字线标记与路径起始点重合 再单击Layer1动画的最后一帧 将对象移到路径的终点处 使对象的中心十字线标记与路径终点重合 变形过渡动画 变形过渡动画就是由一种对象逐渐变为另一种对象 Flash5可以将图形 打碎的文字和由点阵图转换的矢量图形进行变形 Modify BreakApart可以将文字打碎 创建变形过渡动画单击选中在时间线窗口内的一个图层名称 使它成为当前层 然后单击选中一个空白的关键帧作为动画的开始帧 在舞台工作区内创建一个符合要求的对象 作为变形过渡的初始对象 再设置变形的终止帧 并设置终止帧为关键帧 然后 在舞台工作区内删掉初始对象 创建一个符合要求的对象 作为变形过渡的终止对象 单击选中变形动画图层 再单击Window Panels Frame 调出Frame对话框 选中该对话框内Tweening下拉列表框内的Shape选项利用Easing文本框设置动画的加速度 在Frame对话框内的 Blend 下拉列表框内选择合适的选项 编辑动画 编辑帧 复制帧 调整过渡帧的数量 插入新帧 关键帧 空白关键帧 普通帧 把关键帧转换为普通帧 删除帧 动画反向播放 命令 FramesReverse 移动整个动画 几个动画例子 文字的形变淡入淡出文字间行驶的汽车滚动字幕图像切换彩光文字 文字的形变 1 新建一个文件 在Modify Movie命令中设置动画尺寸为200 200象素 颜色选择淡蓝色 2 选中第1帧 选择工具箱中的文本工具 在工作区内写字母A 选中字母 在Text菜单下选择合适的字体和大小 3 在颜色面板的油漆桶右边的颜色中选择红色 4 单击选中第10帧 单击右键 在弹出的菜单中选择 InsertKeyFrame 可以直接按F6 然后选中字母A 改成B 5 在颜色面板的油漆桶右边的颜色中选择黄色 6 重复4 5步骤 分别将第20 30 40 50帧设置为关键帧 并分别将字母改成C D E F 并分别设置不同的颜色 7 单击第1帧 选中字母A 选择Modify BreakApart命令 将字母打散 8 重复步骤7 分别将字母BCDEF打散 9 将鼠标移到第1帧和第10帧中间 变成手形 单击左键 将第1到第10帧全部选中10 选择Window Panels Frame 弹出Frame面板 在Tweening选项中选择 Shape 11 重复步骤9 10 设置其他几个动画段 12 运行可以看到字母的形状 颜色变换 淡入淡出 1 新建一个文件 使用默认大小 2 将Layer1名字改为 墙 并在工作区中绘制一堵墙 同时锁定这一层 3 点击Insert NewSymbol 名字改为 小狗 选择MovieClip 进入符号工作区间 4 点击File Import 导入小狗动画 5 点击Scene 返回主场景 6 新建一层 将名字改为 狗 选择Window Library 打开库文件 从库中选择小狗符号拖到工作区中 7 如果小狗的行进方向和我们所需要的方向相反 则可以选中小狗 然后在Modify Transform中选择FlipHorizontal 进行水平翻转 8 将第30帧设置为关键帧 把小狗动画拖动到墙边 创建动画 9 将第40帧设置为关键帧 把小狗动画拖动到墙内 选中小狗 在Effect面板内的下拉菜单中选择Alpha 并将Alpha的值设置为0 创建动画 10 将第55帧设置为关键帧 对小狗不做任何操作 11 将第80帧设置为关键帧 把小狗动画拖动到画面边上 并把小狗的Alpha值设置为100 创建动画 12 演示可以看到效果 小狗跑到墙边就隐入墙中 过一会从墙的另一边慢慢出现了 文字间行驶的汽车 1 新建一个文件 在Modify Movie命令中设置动画尺寸为500 170象素 颜色选择淡黄色 2 将Layer1名字改为 汽车 导入汽车图片 并将图片放到右侧 3 将第30帧设置为关键帧 把汽车图片放到工作区中间 充满整个画面 4 新建一层 名字为 文字 选中第一帧 写上 奔驰跑车 四个字 将这几个字设置为隶书 120号 粗体 5 选中 文字 层 单击右键 在弹出的菜单中选择 Mask 选项6 演示可以看到效果 汽车在字中间穿梭 滚动字幕 1 新建一个文件 使用默认属性 2 在layer1中导入一幅图片作为底图 3 在Layer1上边添加一个层layer2 名字改为 文字 4 选择工具箱中的文本工具 在layer2的第一帧内单击 将在word中拷贝的内容粘贴过来 将文本该程固定列宽格式 5 单击文字层的第一帧 将文本拖动到图片下方 确定运动的起始点 然后将第60帧设置为关键帧 将文本拖动到图片上方 确定运动的终点 注意 此时文本较长 拖动时容易偏离 可以通过Info面板上的对象的X Y坐标精确定位 6 创建文字动画 同