第五部分 补间形状动画、图片分离剪裁、文字超级链接戴政国一、补间形状动画•只有矢量图才能做形状动画•功能:补间形状动画可以把两个不同形状的对象通过动画的方式融合在一起形成一种动画效果•(一〕几何图形的形状动画•几何图形是矢量图,可以直接做形状动画•方法:•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(“cqnu.edu”,“_blank”);}•大家要注意不能缺少,不然打不开网页•实验二十,场景插入和场景的切换〔把以上幻灯片上的内容做一遍即可)七、导入电影文件•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的版本,电脑上没有安装,将不能播放。
我们要求我们要求MP3的的FLASH影片导出时按影片导出时按此对话框进行,但应该此对话框进行,但应该flash palyer9改成改成flash palyer6即可•实验二十一 把SWF文件直接导入到舞台上,然后与其它图层上的内容一起组成动画效果•实验二十二 把SWF文件导入到图库中,然后以影片剪辑对象方式挂上某个关键帧上,实现影片剪辑对象的播放,并注意与其它动画内容一起完成动画制作•实验二十三 MP3音乐动画要求高质量的声音和图画,所以应该学会上张幻灯片上的导出对话框上的参数选择以后收MP3_FLASH作品按以上对话框要求收取。