Flash第五集第六集形状补间图片分离按钮编程电影导入和导出等.ppt

第五部分 补间形状动画、图片 分离剪裁、文字超级链接 戴政国 一、补间形状动画 只有矢量图才能做形状动画。 功能：补间形状动画可以把两个不同形状 的对象通过动画的方式融合在一起形成一 种动画效果。 （一）几何图形的形状动画 几何图形是矢量图，可以直接做形状动画 。 方法： 1、在舞台上先在第1帧上画一个矩形，然 后在30帧处再画一个圆，如图所示。 当然也可以在 属性框里指定 形状动画效果 形状补间完成 后呈现绿黄色 回车可演示动画，两个几何 图形对象可以产生融合效果 （二）文字的形状动画 按理说Windows的文字也是矢量字，可是 一串文字连接在一起形成不了形状动画效 果，必须先分离以后再进行形状动画 方法： 1、先在某图层上前后两个关键帧上分别录 入上不同的文字串。 2、分别选定前后两个关键帧，用【修改/分 离】（ctrl+B)打散文字串。此命令在每个关 键帧上要做两次。第一次是打散文字串， 第二次是把文字中的像素转换成矢量图。 选定关键帧，第一 次ctrl+B后的效果 文字串 分离了 第二次ctrl+B 后的效果 文字串 像素矢 量化了 第一次CTRL+B后的效果 第二次CTRL+B后的效果 3、补间形状，可以形成很好看的字符串动画效果 。 演示效果如下： 实验十五 几何图形和文字补间形状动画 （三）图片补间形状动画 只有美工图片在做补间形状动画时效果才好。因 为美工图片主要是大块的颜料组成，在分解成矢 量图时大块的颜料可以组成为一个分解小块，那 么两个不同的图片在做补间形状动画过程中才会 产生较好的效果。例如下面这种美工图片做补间 开关动画效果才会好。 而对于用相机拍出来的照片，由于像素点 太细腻，两个相邻像素点之间相关性不强 ，不是同一种颜色，所以不可能分解成大 块的颜料区域。这样在做补间形状动画时 效果不太好。 怎么办呢？ 可以用【修改/位图/转换位图为矢量图】命 令强行把照片转换成大块颜色的组成。 例如： 照片转换成矢量图以后没有必要再做【分离 】，其实对于矢量图来说【修改/分离】命令 (ctrl+B)也无效。所以，在照片转换成了矢量 图以后可以直接做补间形状动画了。方法与 文字串完全一样。 实验十六 图片补间形状动画 注意：对于美工图片可以直接使用，对于照 片要先进行大色块矢量化后才能使用，否则 效果不好。 二、在FLASH中直接裁切图片可以 做成蒙版效果 我们可以在Phtoshop中裁切图片，其实有了【分 离】命令以后也可以在flash中直接任意裁切图片 。 方法： 1、先把图片导入图库，并挂在关键帧上。 2、选定关键帧，执行命令：修改/分离 或者使用快捷命令：ctrl+B，打二次即可。 3、使用套绳或者用铅笔毛笔画一个闭合框，这样 闭合框就形成了独立的区域，然后使用黑箭头在 闭合框里面单击一下可选择闭合框内的图片内容 ，当然也可以使用黑箭头在闭合框外面单击一下 可选择闭合框外面的图片内容。 4、在选定了图片内容以后，可以使用delete键删除选定的 图片内容。这样可以做成蒙版效果或者裁切图片的形态和 大小。 如果第3步不做，不选定区域，那么也可以直接使用黑箭 头拖动鼠标选定一个矩形区，然后再剪裁图形。做演示。 实验十七 图片分离以后的剪裁和挖洞 三、超级链接 先做文字的超级链接，按钮的超级链接以 后在按钮中再讲。 方法： 1、选定某个关键帧。 2、录入文字 3、在文字属性框中录入网页的地名地址或 者IP地址。 设置过程如下图所示。 实验十八 文字超级链接 选定文字以后要在属 性框中录入域名地址 第六部分 FLASH按钮、场景与 编程 戴政国 一、在时间轴上添加stop()函数 动画在播映时会自动播放。为了不让动画 自动播放，可以在时间轴上设置一个stop() 函数。 例1：我们先在场景1里做了一个简单动画 ，让一个正方形做直线运动，如下图所示 。在放映时动画会自动开始，可以在图层1 的第一个关键帧上设置一个动作函数stop() 。 在场景1里只做了一 个简单的动画效果。 在新建文件时自 动生成场景1 对单键帧 单击左键 对第1帧上的关键帧单击右键，弹出快捷菜单，执行【动作 】命令，或者选定第1帧上的关键帧后按F9键，都会弹出动 作脚本编辑框，可以在框中编辑程序或者添加函数等。我们 在【时间轴控制】中寻找到STOP代码，双击它可添加到右 边代码编辑框中。这样以后在放映动画时不会再自动播放了 ，会在第一帧上自动停下来等待。 当编程完成以后，在FLA状态下看不到真实 的播放效果。先导出swf文件以后再播放， 效果才会播放出来。为了节省时间，可以 通过【测试影片】来观看真实的播放效果 。 命令：控制/测试影片 如果正常，那么在影片播放时不再自动播 放了。 二、添加按钮 如果我们在第1帧的关键帧上添加了stop()函 数，那么我们可以再添加一个按钮来正常播 放动画，可以按以下方法进行： 方法： 1、添加一个放置按钮的独立图层，例如在 图层2中准备安放了一个按钮。 2、选定图层2上的第1帧上的关键帧，然后 执行：窗口/公共库/按钮 弹出对话框，可以选择自己需要的按钮，如 下图所示。 三、在按钮上添加播放指令 在图层2的第1帧的关键帧上添加了一个按 钮，随便选择一个按钮都行，要实现播放 动画的功能还要在按钮上编写程序代码。 方法： 1、选择图层2上的第一个关键帧。 2、选择舞台上的按钮，再对按钮单击右键 ，弹出快捷菜单，执行“动作”命令（或者按 F9键，或者窗口/动作）。 3、在“动作”代码框中录入以下代码： 四、插入场景 当一个动画由许多场景组成时，可以把整 个动画分成许多场景来制作。这样在制作 动画时更方便了。 命令：插入/场景 新建FLA文件时，默认为场景1，插入场景 以后场景会自动编号为场景2。 在按钮代码写完以后，可以执行： 控制/测试影片或者CTRL+ENTER 观察影片放映过程中是否按钮功能正常。 实验十九 放映时先停止和添加播放按钮 选择场景时在场景列表框中选择，如下图 所示： 在场景2中做了一个简单动画，如下图所示 ： 场景2 五、场景之间的跳转 在一般情况下，系统按场景的 排列次序播放，场景排列次序 在场景列表框中显示，用 shift+F2打开场景排列框。 如果不想按场景框中安排的次 序播放场景，可以在场景结束 时在关键帧上使用跳转函数。 场景跳转的常用函数如下： nextScene(); 转下一场景 prevScene(); 转上一场景 gotoAndPlay(“场景 1”，帧); 转任意场景播放 gotoAndStop(“场景 2”，帧); 转任意场景停止 其它常用函数： nextFrame(); 转下一帧 prevFrame(); 转上一帧 stop(); 停止 play(); 播放 stopAllSounds(); 停播所有声音 GetURL(“网页域名地址”，“_blank”) 打开网页 按钮的事件方式： On(press)代码 在按钮上按下鼠标左键 On(release)代码在按钮上按下鼠标左键放松 On(releaseOutside) 代码鼠标在按钮上按下左键不 放松，然后移到按钮外边松开鼠标左键 On(rollOver) 代码鼠标移进按钮事件发生 On(rollOut ) 代码鼠标移出按钮事件发生 On(dragOver ) 代码鼠标放在按钮上按下左键不放 松，鼠标移出按钮后再移进按钮 On(dragOut) 代码鼠标放在按钮上按下左键不放松 后移出按钮 On(keyPress “”) 代码直接按下向左光标键或 者键入left字符串后回车即可。 左边的事件只需要按 下对应在按键即可， 可是flash cs3版多数 按键不支持，只有少 数Left、Right、Up、 Down和space五个键 可以直接按对应键操 作，其它键盘只能在 键盘上录入字符串后 回车才行。当然光标 键和空格键也可以录 入字符串回车。 演示例子 1、新建一个FLA文件，做一个简单的动画，同时 动画自动成为场景1. 2、在第一帧关键帧上动作代码设置成stop() 3 、插入图层2，放在图层1上，并在图层2第一帧 的关键帧上添加一个按钮。 4、在按钮上试验做各种事件驱动方式 5、添加场景2、场景3和场景4，并在场景2、场 景3和场景4上各做一个简单动画。 6、CTRL+ENTER播放动画，4个场景应该能够 连续播放。 7、在每个场景中添加各自的按钮，并正确写入代 码，如下图所示： 在此关键帧上 设置代码stop() 场景 1播放效果 开始位置 在此处设置 代码play() 使用按钮转场景时，不会自动放映 ，所以使用在第1帧上设置play() 设置 stop() 这两个按钮只有在场景2播 放结束时才会显示在屏幕上 场景 2播放效果 Stop()play() 场景 3 由于前面使用了 gotoandplay() 这儿可以不使用play() Stop() gotoandplay()转场景时，转场后会自动放 映，而使用prevscene()和nextscene()函数 时转场后会处于等待状态。 场景 4 六、使用按钮做超级链接 方法： 1、在关键帧上添加一个按钮 2、选定按钮，对按钮单击右键，执行“动作”命令 3、在动作代码框中输入： On (release) getURL(“网页域名地址或者IP地址” ，“_blank”); 例如打开重师网页： On (release) getURL(“” ，“_blank”); 大家要注意http:/不能缺少，不然打不开网页。 实验二十，场景插入和场景的切换（把以上幻灯 片上的内容做一遍即可） 七、导入电影文件 Swf文件是flash专用电影文件。有些版本不支 持SWF文件直接导入到图库中，但高版本可 以直接导入图库中也能导到舞台上。导入到舞 台上的SWF文件生成了一个独立的逐帧动画 图层。 在下图中是新建FLA文件，把SWF文件导入 到舞台上前只有图层1，没有任何内容。 可是直接把SWF文件导入到舞台上以后，图 层1上已经有了SWF的逐帧动画了。虽然导入 到图层1上的动画没有了声音，但动画的内容 一点没有减少。 SWF文件直接导入到舞台上 以后，直接生成一个独立的 图层作为逐帧动画之用，动 画内容完全相同，只是没有 了SWF文件中的声音。 当SWF文件直接导入到图库中后变成了【影片剪 辑】。选定关键帧把图库中“影片剪辑”对象直接 拖到舞台上，这样影片剪辑对象就挂在了关键帧 上。这时如果按enter键，看不到SWF文件中的动 画内容。但我们可以ctrl+enter，可以看到SWF文 件中的动画内容了。注意这时图层上只有1帧，如 果图层上不至1帧，那么影片剪辑里的内容也看不 到。操作如下图所示。 注意，导入到图库中或者舞台上的SWF文件只有 图像没有声音，原来的声音没有了，说明系统导 入SWF文件只作为素材来使用。 选定 CTRL+ENTER可以看到播放效果 影片剪辑拖到此处 以后，图层上的帧 数并没有改变 双击，可以看到111.swf文 件的逐帧动画层，可以修 改此影片剪辑内容。 单击此处，回到场 景1。在场景1中图 层1仍然只有1帧。 从2帧到20帧做了一个黑色矩形的动画 第1帧仍然没有变，挂了一个影片剪辑 如果CTRL+ENTER,看不到影片剪辑的 动画效果，只能看到黑色矩形的动画。 Stop() 在第1帧上设置了动作代码STOP(),这样 在CTRL+ENTER后，动画就停留在第1 帧上播放影片剪辑的内容。如果想随时 播放第2帧以后的动画效果，还需要设 置一个按钮来操作。 加了图 层按钮 在上关键帧上 添加一个按钮 on (release) play(); Stop() CTRL+ENTER后正常播放影片，影片先停在 第1帧上播放影片剪辑的内容，选择按钮以后运 行第2帧到20帧的内容，完成以后回到第1帧上 又开始播放影片剪辑对象里的内容，以此循环 。 八、导出电影文件 FLA文件只是原始设计文件，不能直接在媒 体播放器里的播放。可以使用“文件/导出/导 出影片”命令或者ctrl+alt+shift+S键盘命令 导出电影文件。执行此命令后先“导出影片” 对话框，其实就是一个“另存为”对话框。选 择文件类型后录入影片文件名，选择“保存” 按钮后将弹出“导出”对话框，可以在此对话 框上设置导出影片的参数。 Swf可以用专用FLASH播放器来放，也可以 使用一般的媒体播放器播放。 注意，可以选择flash play6左右的 版本，如果选择flash play9的版本