收藏 分享(赏)

flash动画制作实验指导.doc

上传人:dreamzhangning 文档编号:2301379 上传时间:2018-09-10 格式:DOC 页数:18 大小:314.50KB
下载 相关 举报
flash动画制作实验指导.doc_第1页
第1页 / 共18页
flash动画制作实验指导.doc_第2页
第2页 / 共18页
flash动画制作实验指导.doc_第3页
第3页 / 共18页
flash动画制作实验指导.doc_第4页
第4页 / 共18页
flash动画制作实验指导.doc_第5页
第5页 / 共18页
点击查看更多>>
资源描述

1、实验一 基本矢量图形的创建和编辑一、实验目的1熟练掌握绘图工具箱中各工具的使用方法;2掌握色彩编辑窗口的使用方法;3学会对图形进行简单的编辑。二、实验原理Flash 提供了各种工具来绘制自由形状或准确的线条、形状和路径,并可用来对填充对象涂色。1选取工具Flash 中的选取工具(黑色箭头)和 Photoshop 等程序中的选取工具是一样的,可以对动画中的元素进行选中,拖曳,改变尺寸等操作。选取工具有一项特殊功能,就是可以改变对象的造型。将鼠标指针移到对象的边缘,鼠标指针变为如屏幕所示的形状后,按住鼠标左键不放进行拖曳,即可改变对象的造型。同时选取工具中有以下选项:(1)吸引按钮点取该按钮将打开

2、自动捕捉特性,即在绘图和移动对象时,自动和最近的网格点或对象的中心重合。该功能便于准确定位图形元素。(2)平滑按钮在选中一条线段时点取该按钮,能自动平滑这段线条。(3)自动修直按钮在选中一条线段时点取该按钮,能对这条线段自动修直,效果有时和自动平滑差不多,但多选取几次后,将会把任何曲线变成一条或几条直线。2部分选取工具按钮部分选取工具与选取工具类似,可以对动画中的元素进行选中,拖曳,但不能将对象进行旋转变行等操作。如果选中图形对象后,会在其上方出现一些小方块,通过它可以修改图形对象的外观。3直线工具单击直线按钮之后,可用来绘制直线。如果在绘制作过程中按住 Shift 键不放,可绘制一条笔直的直

3、线。如果想改变线条的属性,可在属性面板中设置:单击线条样式下拉按钮,选择线条样式。单击线条粗细下拉按钮,可调节线条粗细。单击线条颜色按钮,可从弹出的色盘中选择想要的颜色。4文本工具文本工具用于创建和编辑文字对象。选中该工具后,光标变成形状,在当前层的空白处单击即产生一个文字框,可以在其中输入文字。如果在已有的文字对象上单击,则激活该文字对象以便编辑。5椭圆工具单击工具箱中的椭圆工具之后,可用来绘制椭圆。如果在绘制作过程中按住 Shift 键不放,可绘制正圆。6矩形工具单击矩形按钮之后,可用来绘制矩形。如果在绘制作过程中按住 Shift 键不放,可绘制正方形。7铅笔工具铅笔工具用来在动画中绘制线

4、条和勾勒轮廓,应用十分广泛。要使用铅笔工具绘图,可按如下操作步骤进行:(1)单击选取工具箱中的铅笔工具。(2)单击工具箱中“笔触色”按钮,可设置对象的外框线颜色。(3)单击铅笔模式按钮,在弹出的下拉列表中选择铅笔的绘图模式。8任意变形工具单击任意变形工具。在所选内容的周围移动指针,指针会发生变化,指明哪种变形功能可用。注意:任意变形工具不能变形元件位图视频对象声音渐变对象组或文本。如果所选的多种内容包含以上任意内容,则只能扭曲形状对象。要将文本变形,首先要将字符转换成形状对象。9填充变形工具通过调整填充的大小、方向或者中心,可以使渐变填充或位图填充变形。当对渐变或位图填充进行编辑时,它的中心点

5、会显示出来,并且它的边框显示编辑手柄。当指针在这些手柄中的任何一个上面的时候,它会发生变化,显示该手柄的功能。10墨水瓶工具墨水瓶工具能够在选定的图形的外轮廓上加上选定的线条,或是改变一条线条的粗细颜色线形等等。11油漆桶工具油漆桶工具能够填充未填色的轮廓线或是改变现有图形的颜色。12吸管工具吸管工具用来选取线条或填充色块的特征(颜色及线形等),以供其他绘图工具使用。13橡皮擦工具橡皮擦工具用来擦除舞台上的线条或图形。当橡皮擦工具被选取时,其附属选项按钮有 5 种擦除模式可供选择:标准擦除模式会将指针所经过的线条与填充区域全部清除。擦除填色模式只会清除指针所经过的填色区域。擦除线条模式只会清除

6、指针所经过的线条。擦除所选填充模式只会清除所选取的填色区域,不会影响其他的部分。擦除内部模式会清除起点以内的封闭区域,但不会清除线条。三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内容1绘图工具箱的使用2色彩编辑窗(混色器)的使用3图形编辑实例 1:星形图案的绘制(1)使用矩形工具,按住 Shift 键的同时拖动鼠标绘制正方形;(2)使用线条工具,连接正方形的对角顶点,使用箭头工具,沿对角线的方向拖动正方形的右上顶点,得到燕形图案;(3)选择“窗口”|“变形”命令,进行变形操作;(4)连续单击“变形”面板右下角的“拷贝并应用变形”按钮,直至得

7、到需要的图形;(5)使用颜料桶工具,分别填充星形图案的各个区域。再将起分割作用的线条全部删除;(6)保存文件。实例 2:魔镜的绘制该实验通过对“魔镜传奇”图形的绘制与变换修改,使学生进一步了解与熟悉选择工具、套索工具、任意变形工具、部分选取工具的使用,并熟悉对图形进行修改的其他操作过程。(1)新建一个文档,设置背景色为白色,文档大小为“450*300” ,将其命名为“魔镜传奇” 。(2)选择椭圆工具,在“颜色”区域中先选择填充色选项,将其设置为无色,然后在场景中绘制两个同心椭圆。(3)选择矩形工具,设置圆角半径为“6” ,绘制一个圆角矩形作为整个图形的边框,再在椭圆的下方绘制 3 个圆角矩形作

8、为桌子,并在桌子的左上方绘制烛台的图形。(4)选择铅笔工具,在“选项”区域中选择“平滑”选项后,在椭圆的左边绘制烛光的图形,再在场景的上方和左右绘制一些曲线作为窗帘。(5)选择工具栏上的椭圆工具,选择填充颜色为粉红色,然后在椭圆图形的左上方按住 Shift 键在背景区域中绘制一个圆形。(6)选择工具箱中的选择工具,选取绘制的圆形,按住 Ctrl 键,并按住鼠标左键拖动,复制一个圆形,用同样的方法再复制 6 个圆形,并放在最初圆形的四周。(7)使用选择工具,按住 Shift 键选取外面的 7 个圆形,按 Ctrl+C 键复制,再按Shift+Ctrl+V 键将复制的圆形粘贴到原位置。选择任意变形

9、工具并按住 Alt 键拖动右下角的控制柄,将复制的图形等比放大,同时进行旋转。(8)使用任意变形工具,选取所有的图形,按住 Ctrl 键,对图形进行扭曲变形,然后用颜料桶工具将外围的圆形填充为紫色,再后将所有的圆形组合。(9)将此图形复制一个放到椭圆圆形的右上方,再选择“修改”-“变形”-“水平翻转”命令,将复制的图形进行翻转。(10)最后进行填色,将窗帘填充为玫瑰色,上方的窗帘眉子填充为玫瑰红到白色的线性渐变;背景填充为黄色到白色的放射状渐变;为镜框填充紫色;为镜面填充浅蓝色、白色到浅蓝色的线性渐变;为桌子填充为深蓝色、浅蓝色和蓝色;为烛光填充为红色;为烛台和窗帘打结的部分填充浅蓝色和浅绿色

10、。(11)保存文件为“魔镜传奇.fla” 。实验二 元件的建立与使用一、实验目的1熟练掌握图形元件、按钮元件的创建方法与使用2掌握影片元件的创建与使用二、实验原理元件是一个可以重复使用的小部件,它可以独立于主动画进行播放,实际上也是一个小动画。每个元件都有一个惟一的时间轴和舞台以及若干个层。元件是构成动画的基础,元件可以反复使用,因而不必反复制作相同的部分,大大提高了工作效率,同时也大大缩小了文件的容量。它有三种类型 1、图形元件 2、影片剪辑元件 3、按钮元件1图形元件用于创建反复使用的图形,它可以是静止图片,也可以是由多个帧组成的动画。图形元件是制作动画的基本元素之一,它不能添加交互行为和

11、声音控制。2影片剪辑元件:是动画的一个组成部分,使用影片剪辑元件可以创建可重复使用的动画片段,且可独立播放,影片剪辑元件拥有它们自己的独立于主时间轴的多帧时间轴。它可以被看作是主时间轴内嵌入的时间轴,可以包含交互式控件、声音甚至其他影片剪辑元件。3按钮元件:用于创建动画的交互控制按钮,以响应鼠标事件,如滑过、单击或其他动作交互式按钮。按钮元件包括“弹起” 、 “指针经过” 、 “按下”和“点击”4 种状态。在按钮元件编辑区的时间轴中,第一帧是弹起状态,代表指针没有经过按钮时该按钮的状态;第二帧是指针要过状态,代表当指针滑过按钮时该按钮的外观;第三帧是按下状态,代表单击按钮时该按钮的外观;第四帧

12、是“点击”状态,定义响应鼠标单击的区域,此区域在 SWF 文件中是不可见的。三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内容:1图形元件的创建与编辑2按钮元件的创建与编辑3影片剪辑元件的创建与编辑实例:制作“墙角爬山虎”本实例涉及的知识点包括创建图形元件、影片剪辑元件、编辑按钮元件和库面板的使用。在制作时,先导入“墙壁”图形创建“墙壁”图形元件,再创建影片剪辑元件“爬山虎” ,然后创建按钮元件。基本步骤:(1)创建图形元件“墙壁”:新建一个文档,设置文档大小为“400*300” ,背景色为白色。选择“插入”“新元件” ,选择行为“图形” ,

13、命名为“墙壁” ;最后将外部的图片导入进来。(2)创建影片剪辑元件“爬山虎:先插入一个图形元件,命名为“爬山虎” ,然后将外部的“叶子”图片导入到这个图形元件中;第二步,创建一个影片剪辑元件,命名为“爬山虎的运动” ,打开库,将库中的“爬山虎”这个图形元件拖放到该影片剪辑的第一帧,并在其后的二、三、四帧上插入关键帧;第三步,对每一个关键帧进行编辑,将每一个关键帧中的“爬山虎”旋转一定的角度,形成一个爬山虎随风摆动的逐帧动画。(3)创建按钮元件“退出”:插入一个按钮元件,命名为“退出” ,首先在“弹起”这一帧中输入文字“退出” ,颜色设置为黑色,再在“指针经过”这一帧中插入一个关键帧,将文字的颜

14、色设置为蓝色,在“按下”这一帧中将文字向右、向下移动一个位置;在“点击”帧中用矩形工具绘制一个响应区域。(4)回到场景制作:第一图层:命名为“墙壁” ,将相对应的图形元件拖放到场景中;第二图层:命名为“藤” ,用铅笔将笔触色设置为“深绿色” ,线条粗细设置为“3” ,绘制爬山虎的“藤” ;第三图层;命名为“爬山虎” ,将“爬山虎的运动”这个元件拖动到场景中,可以多次拖动,分别放置在不同的位置,将对这些元件进行缩放或旋转;第四图层:命名为“退出” ,将“退出”这个按钮元件拖放到场景中的左下角。(5)建立第二个场景:在“插入”中选择“场景” ,即可创建“场景 2”,在场景 2 的图层 1 的第一帧

15、中输入文字“确定要退出吗?”创建“是”和“否”两个按钮,创建方法同“退出”按钮。创建完毕后,将这两个按钮插放到“场景 2”中,最好将两个按钮分别放在不同的层中。(6)设置动作,完成场景 1 与场景 2 的跳转,将能通过按钮退出文档:回到场景 1:首先选中任意一个图层中的最后一个关键帧,打开“动作”面板,在“动作”面板中输入脚本“stop()” ;然后选中“退出”按钮这个实例,在“动作”面板中输入脚本:on(press)gotoAndPlay(“场景 2”,1) 即可完成到“场景 2”的跳转。打开场景 2:同样的方法,首先选中任意一个图层中的最后一个关键帧,打开“动作”面板,在“动作”面板中输入

16、脚本“stop()” ;然后选中“是”这个按钮,在“动作”面板中输入脚本:on(press)fscommand(“quit”) 完成退出文档的设置。在“否”这个按钮上,输入脚本:on(press)gotoAndPlay(“场景 1”,1) 完成到“场景 1”的跳转。实验三 逐帧动画的制作一、实验目的1理解“帧”的类型和意义2学会创建、设计逐帧动画二、实验原理1帧的类型:普通帧普通帧就是不起关键作用的帧,起着过渡和延长内容显示的功能,在时间轴中普通帧以空心矩形或单元格表示,按 F5 键可创建普通帧。在一幅动画中增加普通帧的帧数可延长动画的播放时间。关键帧关键帧是指在动画播放过程中,呈现出关键性动

17、作或内容变化的帧。关键帧定义了动画关键的变化环节,在时间轴中用小圆圈来表示,如果关键帧中有内容则以一个黑色的实心圆圈来表示。空白关键帧空白关键帧中没有内容,主要用于在画面与画面之间形成间隔。空白关键帧用空心的小圆圈表示,一旦在空白关键帧中创建了内容,空白关键帧就会变为有内容的关键帧,按F7 键可以创建空白关键帧。在时间轴上各种帧的表示圆点关键帧;灰色静止帧;空白空白帧蓝色动作补间动画帧;绿色形状补间动画帧箭头标志表示动作或形状补间动画的变化方向。2逐帧动画逐帧动画是指在每个帧上都有关键性变化的动画,它由多个关键帧组合而成。逐帧动画需要更改每一帧中的舞台内容,并保存每个完整帧的值。因此,对于相同

18、帧数的动画,逐帧动画比其他类型动画的文件大得多。3创建逐帧动画的几种方法(1)用导入的静态图片建立逐帧动画用 jpg、png 等格式的静态图片连续导入 Flash 中,就会建立一段逐帧动画。 (2)绘制矢量逐帧动画用鼠标或压感笔在场景中一帧帧的画出帧内容。 (3)文字逐帧动画用文字作帧中的元件,实现文字跳跃、旋转等特效。 (4)导入序列图像可以导入 gif 序列图像、swf 动画文件或者利用第 3 方软件(如 swish、swift 3D 等)产生的动画序列。 三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内容逐帧动画的制作实例 1:制作坐卧

19、起立的小男孩 打开 Flash 软件,设置灰色舞台。(1)用刷子工具在图层 1 的第 1 帧画一个站立的小男孩抽象图形。(2)在图层 1 的第 2 帧插入一个空白关键帧,单击“绘图纸外观”按钮,用刷子工具画出小男孩弯身下蹲的姿势。(3)在第 3 帧插入一个空白关键帧,画出小男孩继续弯身下蹲的姿势。(4)在第 4 帧插入一个空白关键帧,画出小男孩坐地的姿势。(5)在第 5 帧插入一个空白关键帧,画出小男孩半躺的姿势。(6)在第 6 帧插入一个空白关键帧,画出小男孩全躺的姿势。(7)把第 5 帧复制到第 7 帧上(在第 5 帧右击,在弹出的菜单上执行“复制帧”命令,然后在第 7 帧右击,在弹出的菜

20、单上执行“粘贴帧”命令)。(8)用同样的方法,把第 4 帧复制到第 8 帧上,把第 3 帧复制到第 9 帧上,把第 2 帧复制到第 10 帧上,把第 1 帧复制到第 11 帧上。(9)在第 15 帧插入一个普通帧。至此,“坐卧起立的小男孩”动画就制作完成了。按下回车键,查看动画效果。(10)保存文件 。执行“文件保存”命令,在“另存为”对话框上选中一个适当的文件夹,在文件名中输入“坐卧起立的小男孩”(注意:必须保留“ .fla”这一后缀),单击“保存”,你亲手制作的第一个动画就保存到你指定的文件夹里了。如果执行“控制测试影片”命令,就可以看到循环播放的动画效果。单击右上角的小黑叉,停止播放影片

21、。我们把格式为“fla”的文件叫作“源文件”,这是可以进一步修改的文件;把格式为“swf”的文件叫作影片文件,可供对外发布。 实例 2:打字效果 (1)设置宽 400 像素、高 100 像素的粉色舞台。(2)选中第一帧,选取文本工具 ,在属性面板上设置字体 “ 隶书 ” 、大小 “50” 、颜色 “ 黑色 ” ,键入 “ 学动画乐无穷 ” 六个字;并把它相对于舞台居中对齐(用选择工具 选中文本,单击主工具栏中的“对齐”按钮,在“对齐”面板上先把“相对于舞台”五字下方的按钮 单击成白色,再分别单击 “水平中齐”和“垂直中齐”)。(3)选中文本,在按住 ctrl 键的同时,连续单击 B 键两次,把

22、文字打散,并分别在第 10 、 20 、 30 、 40 、 50 、 60 帧插入一个关键帧 。(4)选中第 1 帧,将六个文字全部删除。(5)选中第 10 帧,将后五个文字删除,留下一个 “ 学 ” 字。(6)选中第 20 帧,将后四个文字删除,留下 “ 学动 ” 两字。(7)选中第 30 帧,将后三个文字删除,留下 “ 学动画 ” 三字。(8)选中第 40 帧,将后二个文字删除,留下 “ 学动画乐 ” 四字。(9)选中第 50 帧,将最后的 “ 穷 ” 字删除,留下 “ 学动画乐无 ” 五字。(10)在第 70 帧插入普通帧。测试效果,观看效果。实例 3:写字效果(1)新建一个文档,文档

23、设置默认。(2)插入一个图形元件,命名为“C” ,在这个图形元件的第一帧中输入字母“C” ,设置它的字体与字号。(3)回到场景,将“C”拖放到场景中的图层一的第一帧上,按 Ctrl+B 将其打分离。(4)选中 2-15 帧,按 F6 键给每一帧都插入关键帧,将使其与第一帧中的内容相同。(5)打开“洋葱皮” ,选中第 14 帧,将字母中的末端稍微擦去一点,依此类推,直至第一帧,字母 C 全部被擦除,即可完成一个 C 的写字效果。(6)保存文档。实验四 形状补间动画的制作一、实验目的二、实验原理三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内容实

24、例 1:文字的变形(1)新建一个文档,设置其背景色和文档大小。(2)插入一个图形元件,命名为“文本 1,在这个图形元件的第一帧中输入文字“亚洲国际邮票展” ,设置其字体与字号,将颜色设置为紫红色。(3)插入第二个图形元件,命名为“文本 2”,输入文字“即将开幕” ,设置其字体与字号,将其颜色设置为蓝色。(4)回到场景,将“文本 1”拖放到图层 1 的第一个关键帧上,并将其完全分离成矢量图形。(5)再在第 15 帧处插入一个关键帧,将“文本 2”放入其中,同样将其完全分离。(6)在第一个关键帧处设置补间,将补间类型设置为“形状。注意:在形状补间中,两个关键帧中的内容必须处于分离状态。(7)在第

25、16-20 帧处分别插入一个关键帧,然后给这每一个关键帧中的内容填充不同的颜色。(8)将该动画和延长至第 25 帧,完成动画的制作,保存即可。实例 2“庆祝国庆”的形变动画(1)创建新文档:执行文件|新建命令,在弹出的面板中选择常规|Flash 文档选项后,点击确定按钮,新建一个影片文档,在属性面板上设置文件大小为400*330 象素,背景色为白色。(2)创建背景图层:执行文件|导入到场景命令,将本实例中名为“节日空.jpg”图片导入到场景中,在第 80 帧处按下 F5,加普通帧。 (3)创建灯笼形状:先来画灯笼,执行窗口|设计面板|混色器命令,打开混色器面板,如图所示设置混色器面板的各项参数

26、。选择工具栏上的椭圆工具,去掉边线,在场景中画一个椭圆做灯笼的主体,大小为65*40 象素。接着我们来画灯笼上下的边,打开混色器面板,按照如图设置参数。 选择工具栏上的矩形工具,去掉边线,画一个矩形,大小为 30*10 象素,复制这个矩形,分别放在灯笼的上下方,再画一个小的矩形,长宽为 7*10 象素,作为灯笼上面的提手。最后用直线工具在灯笼的下面画几条黄色线条做灯笼穗,一个漂亮的灯笼就画好了。(为了能清楚的显示灯笼,可暂时将背景色改为蓝色)。 (4)复制粘贴四个灯笼复制刚画好的灯笼,新建三个图层,在每个图层中粘贴一个灯笼,调整灯笼的位置,使其错落有致的排列在场景中。在第 20、40 帧处为各

27、图层添加关键帧。(5)把文字转为形状取代灯笼选取第一个灯笼,在第 40 帧处用文字“庆”取代灯笼,文字的的属性面板上的参数:文本类型为静态文本,字体为隶书,字体大小为 60,颜色为红色。对“庆”字执行修改|分散命令,把文字转为形状。依照以上步骤,在第 40 帧处的相应图层上依次用“祝”、“国”、“庆”三个字取代另外三个灯笼,并执行分散操作。(6)设置文字形状到灯笼形状的转变在“灯笼”各图层的第 60 帧及 80 帧处,分别添加关键帧,现在,在 80 帧处各“灯笼”图层中的内容为“文字图形”,应该把它们换成“灯笼”。具体办法可以分别选择第 20 帧中的“灯笼”图形,再一个个“粘贴”进第 80 帧

28、中,当然,先应该清除第 80 帧处 4 个“灯笼”图层中的内容。 (7)创建形状补间动画在“灯笼”各图层的第 20、60 帧处单击帧,在属性面板上单击补间旁边的小三角在弹出的菜单中选择形状,建立形状补间动画。最后:测试存盘执行控制|测试影片命令,观察本例 swf 文件生成的动画有无问题,如果满意,执行文件|保存命令,将文件保存成“庆祝国庆.fla”文件存盘,如果要导出 Flash 的播放文件,执行导出|导出影片命令保存成“庆祝国庆.swf”文件。实验五 动作补间动画的制作一、实验目的二、实验原理三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内

29、容运动补间动画的制作实例 1:属性渐变的矩形 使用默认舞台。(1)用矩形工具在舞台左边画一个无边框的红色矩形。(2)选中矩形,右击,执行“转换为元件”命令,在“创建新元件”对话框中选择类型为“图形”,确定。(3)在第 30 帧插入关键帧,并把矩形拖到右边。(4)用任意变形工具将其放大。(5)在属性面板上“颜色”后的单击小三角按钮,选中“色调”,选择“蓝色”。(6)用选择工具选中第 1 帧,单击属性面板“补间”里的“动作”。(7)在属性面板上单击“旋转”选项的小三角按钮,执行“顺时针”命令。(8)测试影片,观看效果。 实例 2:闪烁的星星 把舞台背景设置为深蓝色。(1)执行“窗口库”命令,打开库

30、面板;单击库面板左下角的“+”,弹出“创建新元件”对话框,选择类型为“图形”,把“元件 1”改写成“星星”,单击“确定”。这时,舞台左上方“场景 1”三字后显示“星星”两字和一枚彩色图标,说明我们已进入了制作星星元件的编辑场景。(2)选取椭圆工具,设置笔触颜色为无,在混色器面板上设置填充色为左、右色标均为白色的放射状渐变色,右色标的透明度为 0,在舞台中画一正圆,相对于舞台居中对齐。(3)选取矩形工具,用同样的颜色画一个宽度为正圆直径约 6 倍、高度为正圆直径约六分之一的扁矩形。(4)复制扁矩形:选中扁矩形,在按住 ctrl 键的同时,把光标置于扁矩形上按住左键往外拖动,松开后就得到一个复制出

31、来的扁矩形;选中复制得到的扁矩形,执行“修改变形顺时针旋转 90 度”命令,相对于舞台居中对齐;选中另一扁矩形,把它也相对于舞台居中对齐。至此,名为“星星”的图形元件就制作完成了。(5)接下来制作影片剪辑元件 :执行“插入新建元件”命令,同样弹出“创建新元件”对话框,在对话框中选择类型为“影片剪辑”,把“元件 2”改写成“闪星”,单击确定,打开影片剪辑元件“闪星”的编辑场景。(6)用鼠标左键按住库面板里的“星星”元件,把它拖到舞台上,居中。(7)在第 10 帧和第 20 帧分别插入一个关键帧;选中第 10 帧,单击舞台中的星星,在属性面板“颜色”后单击黑三角按钮,选择 alpha (透明度),

32、调整后面的百分比为20%。(8)单击“图层 1”, 选中所有帧 ,在属性面板上创建“动作”补间动画。至此,名为“闪星”的影片剪辑元件也就制作完成了。(9)单击舞台左上角的“场景 1”按钮,返回主场景后,把“闪星”元件拖到舞台上,拖几次,舞台上就出现几个“闪星”实例。(10)执行“控制测试影片”命令,观看效果。 注意 :今后,凡是碰到动画中加有影片剪辑实例的情况,都必须用“测试影片”的方法看效果。 为了让星星闪动有先后变化,我们可以进行如下操作:(1)用制作“闪星”元件同样的方法再制作一个“闪星 2”元件;所不同的只是这一次要在第 8 帧和第 15 帧插入关键帧。(2)在“场景 1”增加一个“图

33、层 2”,在“图层 2”上再布置几个“闪星 2”实例。 实例 3:“邮展”广告的制作(1)新建一个文档,设置其背景色和文档大小。(2)插入一个图形元件,命名为“文本” ,在这个图形元件的第一帧中输入文字“亚洲国际邮票展” 。(3)回到场景,将“文本”这个元件拖放到图层一的第一帧中,注意“文本”在场景中的位置,将其先放在舞台的右上角。(4)在第十帧插入一个关键帧,将文本沿水平方向,拖动到舞台上中的位置。在这两帧中要注意,元件不能被分离,必须处于组合状态。(5)选中第一个关键帧,在属性面板中设置补间类型为“动作” ,即完成第一帧到第十帧的补间。(6)在第 20 帧处再插入一个关键帧,将“文本”图形

34、元件拖移到舞台的中央,然后在第十帧处设置补间,补间类型为动作补间,在“旋转”中设置“顺时针”旋转“2 次”即可。(7)在第 25 帧处插入一个普通帧,使该动画延长至第 25 帧,最后保存即可。实验六 轨迹动画的制作一、实验目的1理解轨迹动画的制作原理2学会创建、设计轨迹动画二、实验原理1什么叫“轨迹动画”将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“轨迹动画”,或又称为“引导动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。2创建轨迹动画的方法(1)创建引导层和被引导层 一个最基本“引导路径动画”由二个图层组成,上面一层是“引导层”,它的图层图标

35、为 ,下面一层是“被引导层”,图标 同普通图层一样。 在普通图层上点击时间轴面板的“添加引导层”按钮 ,该层的上面就会添加一个引导层 ,同时该普通层缩进成为“被引导层”。 (2)引导层和被引导层中的对象 引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。(3)向被引导层中添加元件 “引导动画”最基

36、本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端,被引导的对象起始、终点的 2 个“中心点”一定要对准“引导线”的 2 个端头。 三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内容轨迹动画的制作。实例 1:月亮绕着地球转(1)设定默认大小的深蓝色舞台。(2)插入图层 2,并把图层 1 重命名为“地球”,把图层 2 重命名为“月亮”。(3)选中“地球”图层的第一帧,用椭圆工具,在混色器面板上设置填充样式为“放射状”,左色标为白色,右色标为土褐色,在舞台上画一个较大的正圆,以示地球;将地球相对于舞台居中对齐后

37、,锁定该图层。(4)选中“月亮”图层的第一帧,用椭圆工具在舞台上画一个无边框的黄色正圆,以示月亮;并将月亮图形转换成名为“月亮”的图形元件。(5)单击“添加运动引导层”按钮,选中引导层的第 1 帧,用椭圆工具画一无填充色的白线条椭圆,居中后用工具栏中的橡皮擦工具在椭圆左半部分擦出一个小缺口,锁定引导层。(6)选中“月亮”图层第 1 帧,将月亮实例拖到椭圆小缺口的右边端点上,并使月亮的中心点紧扣在椭圆弧线上。(7)在月亮图层的第 60 帧插入一个关键帧,在引导层的第 60 帧插入一个普通帧。(8)选中月亮图层的第 60 帧,把舞台上的月亮拖移到小缺口的另一端点上,同样让月亮的中心点紧扣在椭圆弧线

38、上。(9)选中月亮图层第 1 帧,创建“动作”补间动画。(10)测试影片,观看效果。实例 2:飘落的树叶设定默认大小的淡黄色舞台。(1)进入以“树叶”为名的图形元件制作场景。(2)用椭圆、铅笔、选择和颜料桶等工具画一片树叶,并居中。(3)返回场景 1,将“树叶”元件拖入舞台左上方。(4)在时间轴左下方单击“添加运动引导层”按钮,选中引导层的第 1 帧,用铅笔工具(并选用平滑选项)自上而下画一条黑色不规则曲线。(5)锁定引导层,选中图层 1 的第 1 帧,将树叶实例拖到曲线的最上端,并使树叶的中心点(白色小圆)紧紧扣在曲线的起点上。(6)在图层 1 的第 50 帧插入一个关键帧,并在引导层的第

39、50 帧插入一个普通帧。(7)选中图层 1 的第 50 帧,将树叶实例拖到引导线底部,并再次确保树叶的中心点紧扣在曲线终点上。选中图层 1 第 1 帧,在属性面板上创建“动作”补间动画,并在属性面板上选中“顺时针旋转”“1”次。(8)测试影片观看效果 。 实验七 遮罩动画的制作一、实验目的1理解遮罩动画的制作原理2学会创建、设计遮罩动画二、实验原理1遮罩动画的概念(1)什么是遮罩 “遮罩”,顾名思义就是遮挡住下面的对象。 在 Flash 中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个

40、。 (2)遮罩有什么用 “遮罩”主要有 2 种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。 2创建遮罩的方法(1)创建遮罩 在 Flash 中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。只要在某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,如果想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。(2)构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不

41、到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。 三、实验设备计算机操作系统 Windows2000/XPFlash 动画制作软件及相关软件四、实验内容遮罩动画的制作。实例 1:探照灯效果 (1)设置宽 400 像素、高 100 像素的蓝色舞台。(2)选中图层 1 的第一帧,选取文本工具,在属性面板上选择字体“隶书”、大小 “40”、颜色“绿色”,键入“学做动画,其乐无穷”等字样,居中。(3)插入图层 2 ,并把图

42、层 2 拖到图层 1 的下方,选中图层 2 的第 1 帧,用椭圆工具画一个直径相当于一个半字长度,且无边框的内黄外蓝放射状渐变的正圆,移动正圆使圆心与“学”字的中心重合。(4)在图层 2 的第 50 帧插入一个关键帧,在图层 1 的第 50 帧插入一个普通帧。(5)选中图层 2 的第 50 帧,把圆形拖到右面,使圆心与“ 穷 ”字的中心重合,选中图层 2 第 1 帧,在属性面板上创建“形状”补间动画 。(6)将光标置于“图层 1”上右击,执行“遮罩”命令。(7)测试影片,观看效果。实例 2:放大镜效果 使用默认舞台。(1)新建“放大镜”图形元件:用椭圆工具,画一个无边框的蓝色正圆。(2)返回场

43、景 1 ,导入图片 :执行文件/导入/导入到库命令,在“导入到库”对话框中选定某图片,单击“打开”,确认的图片就被导入库中了。(3)将库中的图片拖入舞台,并把图片的宽度和高度调整为舞台跟舞台同样大小,并居中。选中图片转换为名称叫“原图片”的图形元件。(4)选中图层 1 的第 40 帧,插入帧。(5)插入图层 2,选中图层 2 的第一帧,将库中的“原图片”元件拖入舞台中,在属性面板上把它的大小调整为原图片的 1.5 倍大小,并居中,在图层 2 的第 40 帧插入帧。(6)在图层 2 上方再插入图层 3,选中图层 3 的第一帧,将库中的“放大镜”元件拖到舞台左方;在图层 3 的第 40 帧插入一个

44、关键帧,把放大镜实例拖至舞台右方。(7)选中图层 3 第 1 帧,创建“动作”补间动画。(8)把光标置于“图层 3”上右击,执行“遮罩”命令 。(9)测试影片,观看效果。 如果再制作一个放大镜的镜架元件,放置在场景 1 的第 4 层,并使它跟着放大镜一起运动,再看效果,是不是更形象直观呢。实例 3:百叶窗效果使用默认舞台。(1)选中图层 1 的第一帧,导入一幅图片,调整成跟舞台一样大小,居中。(2)插入图层 2 ,在图层 2 的第 10 帧插入一个空白关键帧,导入另一幅图片,也调整成跟舞台一样大小后居中。(3)插入图层 3 ,在图层 3 的第 10 帧插入一个空白关键帧,在舞台左面画一个比图片

45、略高且宽度大约为图片三分之一的无边框蓝色矩形。(4)在按住 ctrl 键的同时,用选择工具按住矩形外拖的方法,复制出另两个矩形。将三个矩形留有很小间隔且水平排列,把图片遮住,(5)在图层 3 的第 20 帧插入一个关键帧。选中第 10 帧,用任意变形工具 把每个矩形的右边往左推,让每个矩形都几乎成为一条线。(6)选中图层 3 的第 10 帧,在属性面板上创建“形状”补间动画 ;在图层 3 的第 21 帧插入一个空白关键帧。(7)先选中图层 3 的第 10 帧,再在按住 Ctrl 键的同时,单击第 20 帧,以同时选中第 10 至第 20 帧;在选中的任一帧上右击,执行“复制帧”命令,再在第 3

46、0 帧上右击,执行“粘贴帧”命令,把 10 至 20 帧间的形状补间动画复制到 30 至 40 帧上。(8)把图层 2 的第 10 帧复制到图层 1 的第 20 帧上,把图层 1 的第 1 帧分别复制到本图层的第 40 帧和图层 2 的第 30 帧上,在图层 2 的第 40 帧插入一个普通帧。(9)把光标置于 “ 图层 3” 上右击,执行“ 遮罩”命令 。(10)测试影片,观看效果。实例 4:雪落樱花舞:(1)打开 flash,设置文档属性:默认文档尺寸,默认白色背景,修改帧频为 16。(2)新建一个图形元件“文字” 。确定后在打开的新窗口中用“文本工具”在场景中输入文字”雪落樱花舞”,设置文

47、字属性。(3)再新建一个影片剪辑元件“文字动画” 。确定后打开库面板,将“文字”元件拖到窗口中来,调整一下位置。然后新建一个图层,在这个图层上画一个无边框的矩形,大小为能够遮盖一个文字就好,不要太大也不要过小。然后打开”混色器”面板给小方块填充放射状渐变色,混色器中设置如图:填充好后用“填充变形工具”将填充修改如图:修改好填充后把它转换成一个图符元件,以便今后修改。在这个矩形被选中的状态下按下 F8,转换成一个图形元件。然后选中“方块”元件进行“复制”“粘贴”多次,排列成一排,选中这些方块后按下 F8 将它们转换成一个图形元件。命名为“方块遮罩”。(4)接下来制作遮罩动画将图层 2 设成显示轮

48、廓状态(点击图层 2 名称右边的小方框),然后将“方块遮罩”元件放在工作区的左方。将所有图层延长到第 30 帧处,并在图层 2 的 30 帧处插入一个关键帧。将“方块遮罩”元件移到工作区右方,并建立运动间补动画。这样就可以形成一个动画嵌套的运动的效果。(5)最后将图层 2 拖到图层 1 下,设立遮罩,图层 1 为遮罩层,图层 2 为被遮罩层,然后将图层 2 的轮廓显示取消。制作完毕,测试影片。实验五 ActionScript 的运用(一) 简单的 ActionScript(一)实验目的:1、理解“ActionScript”的概念2、初步认识 ActionScript(二)实验内容:1、认识 A

49、ctionScript 面板2、简单 ActionScript 程序的编写实例:一、永远按不着的按钮首先,创建一个按钮元件;将这个按钮元件拖放到场景中,连续 5 帧均插入关键帧;对于第一帧的编写:首先在第 1 个关键帧上编写脚本:stop() ;然后在第 1 帧所对应的按钮元件上编写脚本:on(press)gotoAndStop(2)对于以后的几个帧中的按钮元件,只要按照上面的脚本依次类推即可。二、对于一个影片播放的控制,要求控制这个影片的播放、停止、暂停、后退及前进等。1、打开 flash,载入要控制的影片,给这个影片剪辑元件一个名字:shuzi2、回到舞台工作区,按 F11 打开库,将 shuzi 影片剪辑拖放到舞台中。并给这个实例起个名字叫 mc。3、添加脚本,现在要让这个 mc 在影片一开始不要自动播放,不然怎么来控制它呢。咱们把脚本写在时间轴的关键桢上。选中时间轴的第一桢,按 F9 打开动作面板,选择专家模式,输入:_root.mc.stop(); (_root 代表路径

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 高等教育 > 大学课件

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报