1、flash6.0,第一章、工具的使用 1,几何图形工具。 1)画线工具,椭圆工具,矩形工具:选择相应的工具后按住shift键拖动鼠标可分别画出:水平、垂直、450或1350角的直线,圆,正方形。 任务1:按顺序画:圆、横线、竖线、450的斜线段、正方形。 问:若先画线后画圆结果如何?,2)钢笔工具 ,绘制角点(可形成多边形):选择钢笔工具后在舞台上单击,然后移到下一个角点上单击,在最后一个角点上双击。若最后一个角点与第一个角点重叠则形成一封闭图形 ,绘制曲线点:使用钢笔工具在舞台上拖动一小段后松开鼠标,然后在下一曲线点上拖动,在最后一个曲线点上双击。 任务2:画三角形,四边形,非封闭图形,正弦
2、曲线。,曲线形状的改变:用贝兹选取工具选择曲线点,拖动其调整柄。 角点转换成曲线点:用贝兹选取工具选择角点后,按住Alt键拖动角点。 删除角点或曲线点:使用钢笔工具单击要删除的曲线点,移动鼠标到其旁边,当出现号时单击。 添加角点或曲线点:使用钢笔工具单击曲线段,当钢笔光标旁出现号时单击。 任务3:调整曲线点的调整柄,移动曲线点,将角点转换成曲线点,删除、添加曲线点和角点,3)铅笔工具:可以画直线、光滑曲线和自由曲线。画横线和竖线可按住Shift键拖动鼠标。 操作步骤:选择铅笔工具,在选项下面选择绘图模式,在属性面板中设置颜色、线型、粗细,最后画图。 4)画笔工具:操作与铅笔工具类似,但功能更强
3、 任务4:使用铅笔及画笔工具画粗细和颜色不同的图形。,5)贝兹选取工具(白色的箭头):可用来选择线条上的点,修改调整柄 操作方法:选择贝兹选取工具,单击图形,单击要修改的点,拖动调整柄 6)自由转换工具:可用以图形的缩放、旋转、偏移以及扭曲等功能。 操作方法:使用自由转换工具选择图形,拖动其边界或角点可改变图形。 任务5:画一曲线,然后用贝兹选取工具调整曲线的弯曲度等;画一封闭图形,然后用自由转换工具对图形进行缩放、旋转和扭曲。,7)填充转换工具:可改变图形的填充模式。 先对图形填充,然后使用填充转换工具修改填充模式 8)墨水瓶工具:可用于改变图形的边界。 使用方法:选择墨水瓶工具,然后在属性
4、面板中设置线形与颜色,最后单击图形的边界。 9)滴管工具:用于在舞台上取色。 10)箭头工具:在图形内双击可同时先中边框和填充区域;双击边界可选取所有边界,单击只能选择一部分边界。拖动图形上点可修改图形,11) 颜料桶工具:用于封闭图形内部的填充 操作步骤:选择颜料桶工具,在调色板中设置填充样式和颜色(可设置变化的颜色),然后单击封闭图形。 任务6:画一圆分别对其作如下形式的填充:实线、线性、径向、位图。其中线性、径向方式要求用变化的颜色填充。,12)套索工具:可用于选择任意形状的图形 13)手形移动工具:用于移动舞台 14)放大镜工具:用于放大或缩小舞台的比例,例:文字变形 1,输入文字 2
5、,将文字转换成形状:连续按2次Ctrl+B,或连续执行2次“修改/分解到组件” 3,使用任意变形工具选择文字,在选项内选择扭曲按钮修改文字形状。 4,在选项内选择封套按钮修改文字形状,第二章、动画原理和工作环境,2.,舞台和工作区 舞台:中间白色区域 工作区:舞台外面的灰色部分 导出影片后,只有舞台上的内容才会在影片中显示,工作区中的内容通常将不会出现在影片中。 2.1.1 查看舞台:可通过修改显示比例来查看舞台,也可通过放大镜工具修改显示比例来查看舞台。,2.1.2 设置舞台的显示速度,通过查看菜单中的相应命令可修改舞台的显示速度,而输出效果不变。 外边框:只显示场景中所有形状的外框和线条轮
6、廓。 高速显示:关闭图形的消除锯齿功能并显示所胡绘制的线条样式和颜色。 消除锯齿:打开线条、形状和位图的消除锯齿功能 消除文本锯齿:使文本的边缘更加平滑。,2.1.3 使用网格、辅助线和标尺,使用网格、辅助线和标尺可帮助用户定位和对齐对象。 添加网格和辅助线可以用查看菜单或快捷菜单,而标尺则直接拖动标尺。,2.2 编辑环境,1,场景编辑模式:正常状态下的编辑模式。 2,组合体编辑模式:选择要编辑的多个对象,按Ctrl+G将其组合成一个整体进行编辑。 3,元件编辑模式 元件:为了更好地制作动画而产生的对象。建立元件或将对象转换成元件可用插入菜单。要编辑元件则可使用显示比例左边的按钮,编辑完后可切
7、换到场景编辑模式。当元件是影片时,产生的动画效果更好。 例2-1:天使出场,文件名:2-1.fla,天使文件:angle.gif(位置:math0student),2.3 时间轴操作,2.3.1 移动播放磁头:直接拖动播放磁头即可。 作用:可察动画效果。 2.3.2 识别帧和关键帧 空白关键帧:白色圆圈,表示当前帧没有内容。 黑色关键帧:黑色圆圈,有内容的关键帧。 相同帧:内容相同的帧,可通过拷贝帧和粘贴帧实现,用于场景的重现。 2.3.3 改变时间轴的显示方式:单击时间轴右上角的按钮进行设置。可改变帧的显示宽度等,2.3.4 创建帧标签和帧批注 方法:选择要创建的帧,然后在属性面板的帧下面的
8、输入框中输入帧标签名,若输入的文本前加/则变成创建帧批注。 作用:帧批注用于说明,而帧标签则可用于代码中代替帧数字,因在删除帧后帧数字代表的场景会变化,而帧标签代表的场景则不会变化。,2.4 层操作,在flash中每个层可以建立一个或一组对象的动画,要建立多个对象的不同动画,则必须使用不同的层。 2.4.1 创建层:可以使用时间轴底部的插入图层按钮或使用插入菜单中的图层命令。 2.4.2 创建层文件夹:可以使用时间轴底部的插入图层目录按钮或使用插入菜单中的图层目录命令。 作用:类似于windows中的文件夹的作用。,2.4.3 显示/隐藏层,作用:当有多个层时为了更好地修改,可以将其它层隐藏。
9、 操作方法:单击层名称右边的第一列(即包含有眼睛图标的显示/隐藏列),2.4.5 锁定/取消锁定层 作用:锁定后该层不会被修改。 操作方法:单击层名称右边的第二列(即包含有锁图标的列),2.5 创建动画,flash动画的种类:形状渐变动画,运动渐变动画,帧并帧动画和交互动画。 2.5.1 渐变动画 (一),形状渐变动画 形状渐变动画产生的条件: (1)至少有个关键帧 (2)在这个关键帧中包含必要的形状 (3)设定了形状渐变的动画方式,其中的形状必须是利用绘图工具直接绘制的图形,手绘图形或文字都不是形状(必须通过转换才能变成形状),文字要转换成形状必须连按次Ctrl+B,而手绘图形则只能转换成元
10、件 形状渐变动画中可能发生变化的形状的属性有: )形状本身,)颜色,)大小,)位置,)翻转,)以上属性的组合,动画制作步骤: ,单击第帧,在舞台上制作形状 ,在最后一帧处插入关键帧 ,单击最后一帧前的白色帧从快捷菜单中选择创建动画动作 ,选择第帧或最后一帧,选择自由转换工具,单击舞台中的图形(形状) ,在属性面板的颜色栏中选择高级,然后单击其右边的设置按钮设置颜色 ,修改形状的其它属性(如变形,翻转,移动,放大,缩小等),2.5.2 运动渐变动画,运动渐变动画产生的条件: (1)至少有个关键帧 (2)在这个关键帧中包含必要的实例、组合体或文字对象 (3)设定了运动渐变的动画方式 实例:将元件拖
11、动到舞台上即可得到实例(元件存放在库面板,按F11可打开库面板),组合体则是按Ctrl+G将对象组合之后获得的对象,运动渐变动画中可能发生变化的实例属性有: )透明度, )颜色,)大小,)位置,)翻转,)以上属性的组合 运动渐变动画的制作步骤与形状渐变动画相同。,例:移动动画(上机作业1) ,制作一图形,或导入一图象,并将其转换成元件 ,右击第一帧选择创建动画动作。 ,在适当位置插入关键帧,然后移动图象,例:变形动画(上机作业2) ,制作一图形,或导入一图象,并将其转换成元件 ,右击第一帧选择创建动画动作。 ,在适当位置插入关键帧,利用自由转换工具修改图象形状,用箭头工具(黑色的箭头)选择图象
12、,在属性面板的颜色栏设置其颜色(色调、亮度、Alpha值等) ,重复第步可设置多个关键帧。,例:影像重叠特效实例(上机作业3) ,依次选择“显示/网格/显示网格”和“显示/网格/贴近网格” ,用钢笔工具画一较大的箭头图形,设置其颜色并将其转换成元件。 ,右击第一帧选择创建动画动作 ,在帧处插入关键帧,利用自由转换工具将图形缩小,用箭头工具(黑色的箭头)选择图象,在属性面板的颜色栏设置Alpha值为0 ,用鼠标拖动选择图层的第到帧,然后执行快捷菜单(或编辑菜单)中的拷贝帧。 ,插入一新图层,在第帧处插入一关键帧,执行快捷菜单(或编辑菜单)中的粘贴帧命令 ,重复执行第步插入第到第个图层,其第个关键
13、帧的位置递增(如第个图层在第帧处插入关键帧) ,选择最后一个关键帧后的空白帧,执行快捷菜单中的移除帧。,例:动感球体 ,制作一圆 ,打开调色板,选择“径向”,设置填充颜色(三组颜色数据:255,255,255;254,206,129;226,87,29,第一组在左边,第二组在右边,第三组在左边30%左右位置)。 ,使用“颜料桶工具”填充图形:在圆内单击 ,选择第帧,在属性面板的“中间”栏中选择“形状”。 ,右击第一帧选择创建动画动作,,在帧处插入一关键帧,在圆的另一位置上单击 ,在第帧处插入一关键帧,将第帧复制到第帧,第四章 动画渐变过程控制,一、形状渐变动画的制作步骤 S1:制作一个图形或文
14、字 S2:选择图形,然后按Ctrl+G将其转变为群组(使得得到的形状包括边界),再按Ctrl+B将其转换成形状 S3:插入关键帧,添加新的形状(可将原形状删除) S4:选择第一帧,在属性面板的中间栏中选择形状。,例1:文字改变的形状渐变动画 S1:利用文字工具输入一个数字0 S2:按Ctrl+B将其转换成形状 S3:在第40帧插入关键帧 S4:在0的右边利用文字工具输入123456789,连续按两次Ctrl+B S5:选择第一帧,在属性面板的中间栏中选择形状。,例2:文字变形,将FLASH变为变形文字,S1:利用文字工具输入一个数字FLASH S2:按两次Ctrl+B将其转换成形状 S3:在第
15、40帧插入关键帧,将舞台中的形状删除 S4:利用文字工具输入变形文字,连续按两次Ctrl+B S5:选择第一帧,在属性面板的中间栏中选择形状。,例3:将矩形转换成圆 S1:在第一帧处制作一个矩形 S2:选择矩形,按Ctrl+G将其转变为群组(使得得到的形状包括边界),再按Ctrl+B将其转换成形状 S3:在第40帧处插入一个关键帧 S4:删除矩形,制作一个圆 S5:选择第一帧,在属性面板的中间栏中选择形状。,形状渐变动画的控制 通过添加形状提示可以对形状渐变动画进行控制。添加形状提示的步骤: S1:建立形状渐变动画 S2:选择第1帧 S3:执行修改/外形/添加形状提示 S4:将形状提示移到适当
16、位置 S5:选择其它关键帧,将形状提示移到目标位置。,例4:将扇形展开成四分之一圆 S1:选择第1帧,创建一个圆,用线形工具将其划分成四部分 S2:在第5帧处插入一个关键帧 S3:留下圆的四分之一,将其余部分和所有边界删除 S4:选择第1帧,用线形工具截取一个小扇形,将其余部分和所有边界删除 S5:在属性面板的中间栏中选择形状。观察运行效果,S6:添加3个形状提示,然后将其分别拖到扇形的三个顶点上。 S7:选择第5帧,将3个形状提示拖动到相应位置。,例5:扇形圆 S1:创建一个元件,类型为影片剪辑,其内容与例4同 S2:打开库面板,将元件拖动到舞台中 S3:添加一图层,接图层1处插入一关键帧,
17、将库面板中的元件拖动到舞台中位置,并旋转(通过修改/转换/旋转900向左) S4:重复第3步2次(关键帧和元件位置不同),例6:旋转的圆环 S1:制作一圆环 S2:右击第1帧,选择创建动画动作,在属性面板的旋转栏中选择顺时针 S3:择在第20帧处插入关键帧,运动渐变动画的控制,创建一个按某一路径移动的动画的方法 S,导入图像或制作图像 使用“文件/导入”命令导入图像 S,按8将图像转换成元件 S,右击第一帧,选择创建动画动作 S4:选择第30帧,插入关键帧,,创建运动引导层:执行“插入/运动引导线”,单击引导层的第一帧,利用工具在舞台上画一路径。 ,单击图层的第一帧,勾选属性面板中的使路径适应
18、、同步和吸附,将元件拖动到路径上,单击最后一帧,拖动元件到路径上。,例:旋转的地图(theEarth) ,绘制一光晕:绘制一个圆,填充方式为径向,颜色组成为#000066,白色和000066 ,制作一个地图移动到左边的动画:插入一新图层(图层2),导入图像(1.bmp),制作图像移动的郊果(从圆的位置移向左边) ,制作一个地图从左边移动到中间的动画:插入一新图层(图层3),制作图像移动的郊果(从右边移向圆的位置,其最后一帧的位置与上一图层的第一帧的位置相同),第五章 遮罩效果,,制作遮罩层:插入一图层,作一圆,大小要能覆盖前面的圆的内部。选择最后一个图层,从快捷菜单中选择遮蔽。 5,将图层2与
19、图层3拖动到图层下面,使图层4为这两图层的遮罩层 6,添加代码使得图层3与图层2衔接得更好:选择图层的最后一帧,选择帧动作中的ctions=Movie Control=goto=单击号 =ctions=Movie Control=goto,例文字遮蔽 ,设置背景颜色为#0f2646 ,导入一背景图像(2.bmp),将其转换成图形元件,单击第一帧从快捷菜单中选择创建动画动作 ,在第帧上插入一关键帧,向上移动图形 ,插入一图层,在调色板中选择颜色为白色,Alpha为60%,在舞台中插入一文字(Text Mask) ,插入一图层,将图层的第帧复制到图层的第一帧 6,选择图层,从快捷菜单中选择遮蔽,例
20、3 美女登场 1,第一位:从第1帧到最后一帧(第90帧)均存在。导入一个图像(01.jpg),调整图像大小和舞台大小,使得两者大小相同,并将图像放在舞台中间,使其覆盖舞台(此操作是选择图像或舞台后在属性面板中操作),在90帧处插入一关键帧或普通帧。 2,第二位:从第1帧到第45帧存在,操作步骤: S1:插入一图层, S2:选择第1帧,导入另一个图像(02.jpg),调整其大小,S3:在第45帧处插入一关键帧 S4:制作一遮罩层:插入一图层,制作一矩形图形并设置其填充色,选择图形后将图形转换成元件,在第45帧处插入一关键帧,制作从第1帧到第45帧的动画(将图形从舞台左边移动中间) S5:使图层3
21、成为图层2的遮罩层:拖动图层2到图层3下面 3,第三位(03.jpg):重复2制作从第45帧到第90帧的遮罩动画。,例4 (SetMask) 1,导入一图片(4.gif),设置舞台大小与图片大小相同,然后选择图片后按F8将图片转换成元件,元件名为:picture,类型为影片剪辑。 2,插入一图层,将图层1的第1帧复制到图层2的第1帧 3,图层1中的图片变暗:隐藏图层2,选择图层1的第1帧,选择舞台中的图形,在属性面板中的颜色下拉菜单中选择亮度,并设置其亮度为50%,4,给图层2中的元件命名:隐藏图层1,显示图层2,选择图形,在属性面板中将其命名为pic(在影片剪辑栏下面的输入框中输入)。 5,
22、制作小圆形:插入一图层,隐藏图层1,2,然后绘制一个小圆形,填充色为白色;选择该小圆形后按F8将图片转换成影片剪辑类元件,元件名为ball,并在属性面板中将其命名为ball(在影片剪辑栏下面的输入框中输入)。 6,编辑元件ball:双击ball元件进入元件编辑模式。 S1:插入一图层,将图层1的第1帧复制到图层2,S2:选择图层2的图形,使用调色板将图形的填充色设为渐变色(径向),渐变色为白色和蓝色过渡,白色的透明度为20%,蓝色的透明度为50%,两者都靠近右边。 S3:隐藏图层2,将图层1中的图形转换成元件,类型为按钮,名称为maskClicp,并在属性面板中将其命名为maskClicp S
23、4:选择该元件,按F9打开动作面板,在查看选项中将其转换成专家模式,然后输入下面代码:,on (press) startDrag(“_root.ball“);Mouse.hide();_root.pic.setMask(_root.ball.maskClip); on (release) Mouse.show();stopDrag(); ,代码解释: on (press) :当用户单击时触发大括号内的动作 startDrag(“_root.ball“):允许拖动整个球体 Mouse.hide():隐藏鼠标光标 _root.pic.setMask(_root.ball.maskClip):设置b
24、all元件内怕maskClip为动态遮罩。 on (release):当用户释放鼠标左键时触发大括号内的动作 Mouse.show():重新显示拖动鼠标光标 stopDrag():停止拖动ball,例5:,制作三个元件,内容分别为“数学系”中的字 ,选择图层的第帧中,将元件移到(-100,100)位置,右击图层的第帧,选择“创建动画动作”,在第帧处插入关键帧,元件在第帧处的位置为(100,100) ,插入一新图层,在第帧处插入关键帧,将元件移到(-100,100)位置,右击图层的第20帧,选择“创建动画动作”,在第帧处插入关键帧,元件在第帧处的位置为(00,100) 4,插入一新图层,在第4帧
25、处插入关键帧,将元件3移到(-100,100)位置,右击图层3的第40帧,选择“创建动画动作”,在第7帧处插入关键帧,元件3在第7帧处的位置为(300,100),,隐藏并锁定图层,2, ,插入一图层,在新图层的第帧处插入一关键帧,将元件、分别拖动到(100,100)、(200,100)、(300,100)处,选择个图形,执行“修改”菜单中的“群组”命令,然后按将其转换成元件,修改其颜色为白色 ,插入一图层,在新图层的第帧处插入一关键帧,建立一白色矩形并转换成元件,大小比字大,将其放在字的左边,在第帧处插入一关键帧,将矩形移动到字的右边,并建立动画 ,将最后一个图层设为遮蔽层,在第,2,层的第1
26、10帧处插入关键帧,例6:天使出场 1,制作字母动画:ANGEL五个字母旋转移动动画。 1)输入ANGEL并打将其逐个转换成元件 2)按顺序分别制作L、E、G、N、A的动画,注意其Y座标应相同,每个字母的动画占一个图层,其时间间隔5帧 2,制作闪光效果 1)增加一图层,拼命名为angel在该图层上制作一个白色的字母ANGEL其位置与前面图层中的字母重合,2)制作遮罩层:添加一图层,制作一白色矩形(其大小要比字母略大),将其转换成元件,制作其从字母左边移动到右边的动画,并将其设为图层angel的遮罩层 3,制作天使沿着路径移动的动画 1)制作一影片型元件,导入天使图像,切换到场景编辑模式,添加一
27、图层,命名为langel将天使元件拖动到舞台中并制作其移动的动画 2)选择图层langel,从快捷菜单中选择添加引导层,用铅笔工具画一路径 3)调整到路径:选择langel图层的第一帧,单击,属性面板中的调整到路径,选择最后一帧,将天使拖动到路径上 3)选择langel层的最后一帧,打开动作面板,输入代码:stop();,例7:千呼万唤始出来 1,制作一卷轴移动的动画 1)制作一卷轴:用矩形工具制作一矩形,并按线性方式填充,颜色设置为两端为灰色,中间为白色,添加一不同颜色的轴芯,去掉边界,然后将图形转换成元件, 2)制作卷轴从右边移动到左边的动画 2,导入一图像 3,制作遮罩层:添加一图层,制
28、作一矩形,其大小与图像相同,制作其从右边移动到左边的动画,并将其设为遮罩层,第六章 关于按钮,本章内容: 1,按钮的创建:动态按钮和隐形按钮 2,设置按钮的交互动作 (1)给按钮的附加动作 (2)按钮可接受的鼠标事件 (3)常见按钮的交互动作实例,元件有三种类型:影片剪辑、按钮和图形 按钮的作用是可使得动画产生交互,即根据产生的动作决定播放的内容(如通过单击按钮切换不同的界面,通过按钮播放音乐或停止播放) 按钮元件的时间轴包括帧:,第一帧:弹起状态,即鼠标不在按钮上时的状态,第二帧:鼠标经过状态,当鼠标经过按钮时按钮的状态,第三帧:按下状态,按钮被单击时的状态,第四帧:点击状态,用于定义响应鼠
29、标的区域,该帧在舞台上是不可见的,但有其特殊的作用,若没有指定该帧,则上一帧中的对象将被作为“点击”帧内容。该帧不能为空,若该帧为空结果会如何?,通过不同帧绘制不同的图形(或文字)达到相应的外观效果,使人能观察到鼠标动作的效果。,1,通过“插入/新建元件”命令,选择按钮可以建立按钮元件 2,在不同帧处插入关键帧,然后创建图像,图像可以是图形,也可以是文字,还可以是电影剪辑元件,但不能是其它按钮元件。 小技巧:flash中用到的图形除了自己绘制外,可以使用其它软件。如使用几何画板画几何图形,使用PowerPoint制作按钮等,或从网上下载一些素材,或从一些书所带的光盘中复制。,6.1 创建按钮,
30、例1:制作一个含有文字的按钮,2,在Flash中粘贴,然后将其转换成按钮元件,3,双击该元件进入元件编辑模式,4,在不同帧处插入关键帧并修改按钮的形状 能否修改其颜色? 5,返回场景编辑模式测试效果,1,在PowerPoint中制作一个含有文字的按钮图形:通过自选图形中选择按钮工具,拖动形成按钮,调整其中心点(黄色点)形成按钮形状,使用文本框工具输入文字,调整文字位置后选择文字和按钮并复制,6.1.1 动态按钮,动态按钮:即在按钮的弹起、指针经过、按下和点击4帧中添加动态内容(如影片剪辑),或者在这4帧之间包含动态变化的按钮 例2:在不同帧之间变化按钮形状的按钮元件:在“指针经过”帧和“按下”中使用一个影片剪辑元件(一段旋转动画)。,操作要点:1,先制作各帧用到的元件:在弹起帧的一个图形元件;在“指针经过”帧和“按下”中使用一个影片剪辑元件(一段旋转动画),2,插入一个按钮元件,设置各帧的图形(先插入空白关键帧,然后将前面制作的元件拖动到舞台中,注意其位置),3,在点击帧中插入一个空白关键帧,然后在舞台中画一个矩形,其大小要能覆盖前面各帧的图形。,4,回到场景编辑模式中,将按钮元件拖动到舞台中,5,测试效果,例:变色的按钮,