Flash实训

2024-07-06

Flash实训(精选三篇)

Flash实训 篇1

目前, 随着科学技术的发展和办学条件的不断改善, 很多职业院校都建设有多媒体教室与网络机房。可以说, 只要准备好课件, 各课程的教学均可在以上环境中进行。伴随计算机多媒体技术及交互式动画技术的不断发展, 仿真、模拟教学走进了课堂, 它成为了现代化教育发展的一个里程碑。目前采用计算机来仿真、模拟实验、实训操作在教学中的应用越来越广泛, 特别是在学校实验条件不足, 学生人数众多, 实验器材缺少的情况下, 采用计算机模拟部分教学实验, 具有简单、快捷、成本低廉等特点。同时, 人机交互的模拟课件更给多媒体教学注入了生机和活力, 使学生在学习过程中积极、主动融入其中。本文针对一化工类课程实训操作单元—离心泵原理剖析及其应用实例, 利用Flash软件及AS 2.0的交互功能来仿真实训操作, 改善了普通课件界面呆板和演示过程单调乏味及教学效果不理想的现状, 更好地实现了理论与实践相结合。

2 具体实现

2.1 电机及其主要部件组装

说明:首先须将图1零件图中的零件绘制出来 (可利用各种制图软件实现, 也可直接使用Flash中相关绘图工具绘制、设计) , 本例采用的方法是:在Photoshop中将各零件分别分离出来并去掉其白色背景后保存为单独的图片文件, 而后将其导入至Flash中, 分别转换为按钮元件并命名为an1、an2…… (这一步非常重要, 因为AS2.0脚本语言中可直接在按钮中编写代码, 若为AS 3.0, 因其不允许在按钮上直接编写代码, 可通过给按钮元件分别命名, 代码应作相应修改并添加相关的鼠标侦听事件, 设计原理不变) 。

2.2 核心代码及动画实现

在组装前图 (图2) 中先将转换成的按钮元件 (零件图) 按从左到右、从上到下的顺序 (即组装顺序) 排列在舞台左半部分, 在组装中图 (图3) 中每个元件所在图层上方添加相应的运动引导层并画一条从起点到目标位置的线段作为移动轨迹, 在元件图层开始关键帧将元件拖放至线段起点 (即组装起始位置) , 在元件图层结束关键帧将元件拖放至线段终点 (即组装目标位置) , 然后添加控制代码, 为实现人工单击按钮元件控制其移动, 本例中专门添加一图层作为代码图层, 在代码图层第一帧添加代码:stop () ;目的是防止动画自动播放而非人工控制, 而后在相应按钮元件上添加相应代码:

最后在代码图层结束帧 (与元件图层相对应) 如电动机按钮元件移动在第40帧停止, 则在第40帧添加代码:stop () ;目的同样是防止动画往下自动播放, 而必须通过人工单击相应按钮元件才能实现移动。而后第2-第12个按钮元件的组装移动与控制过程与此相似, 只是注意在相应图层上时间顺序后退, 以实现组装时的顺序要求如:电动机的移动在第1至第40帧实现, 轴套的移动则可以从第41帧开始……, 在此不再详述。最后组装结果图见组装后图 (图4) 。

2.3 离心泵及其原理分析

图5界面中基座、泵壳、叶轮等组件采用Flash中的工具绘制, 箭头移动动画和水花飞溅动画采用帧帧动画实现, 叶轮高速旋转动画采用传统补间动画实现。

2.4 离心泵应用

图6界面中水槽、阀门、管道等组件采用Flash中的工具绘制, 动画实现原理及核心代码与2.2内容类似, 在此不再详述。

图7为离心泵在化工实训单元操作应用一完整实例, 水槽中的液体在离心泵的作用下依次通过底阀及滤网、排入管、流量计、阀门、排出管, 最后流回水槽, 整个过程形成一闭合环路。其中, 动画实现最关键之处在于如何实现水流在闭合环路中的逼真流动效果, 其步骤大致如下:在Flash中新建一“影片剪辑”元件, 在图层1, 将底阀及滤网、排入管、弯头、流量计、阀门及排出管等零件通过大小、旋转、缩放等操作组合成一个整体并移动至指定位置→新建图层2, 将刚组合的图形分离复制一份后适度将宽度缩小并粘贴至图层2中 (这样可保证其形状、位置与图层1中图形相同) , 然后填充好颜色 (如蓝色) →新建图层3, 在该图层中画一矩形作为遮罩层, 然后采用分段动画遮罩图层2中的图形→至此, 整个液体在闭合环路中流动效果得以实现。最后只需将该“影片剪辑”元件拖至主场景中, 调整好位置、大小即可。

3 结束语

本实例为一化工类实训单元操作仿真动画实现, 其中, 最关键之处在于组件拖动时的顺序与时间控制, 顺序控制依组件自上至下、自左至右的排列顺序 (与组装顺序相同) 。因为其设计思路是演示者只有单击组件按钮时才能实现零件的移动和组装, 进入下一场景也是通过单击按钮元件实现, 因此, 演示时间可由演示者自由控制, 可快可慢, 演示、讲解过程中可灵活穿插其他内容或活动, 整个设计过程简单、巧妙、实用。本实例的设计思想亦可供其他如机械、仪表等专业实训、组装类仿真课件的设计与实现借鉴和参考。

参考文献

[1]孟昭勇, 张晓蕾.中文Flash 8动画设计案例教程[M].北京:人民邮电出版社, 2008, 5.

flash实训报告 篇2

一、实训的目的

网络动画设计实训是我们学习完Flash CS5软件后进行的一个必须的实践教学环节,是较为全面的、较熟练地运用Flash CS5软件的基本训练。其目的是:

1、通过该实训,巩固和熟练掌握flash软件绘图、编辑工具的使用,能够使用工具绘制逼真的矢量图;

2、通过此实训,使我们熟练制作逐帧动画、形状补间动画、动作补间动画、引导线动画和遮罩动画;

3、通过此实训,能够掌握向动画中添加声音,制作MTV、贺卡和课件。

二、实训的内容及要求

1、实训内容:

本次实训共计19道题目,内容如下(1)绘制矢量图

(2)制作引导线动画和遮罩动画(3)制作按钮、网页导入页面(4)制作贺卡和MTV(5)制作课件

2、要求:

(1)按指导书说明完成19道题目,每道题目保存为fla和swf两种格式后在星期五之前提交给学委。

(2)撰写实训报告,写出动画制作的主要步骤,并打印。

三、实训时间安排

时间:2012-2013学年第二学期第16周。具体安排见课表。

四、指导老师

五、实训项目(摘选部分): 1.绘制天空草地

(1)(1)新建一个Flash文件(2)选择【矩形工具】,在【属性】面板设置【笔触颜色】选项为“无”,保持【工具】面板上的【锁定】按钮及【对象绘制】开。在【颜色】中将填充色设为“线性”,单击颜色滑块左侧按钮将其调为“浅黄色”(模拟天空下部颜色),右侧按钮调为“湛蓝色”(模拟天空下部颜色),绘制矩形,选择【渐变变形工具】。通过控制渐变色的方向、渐变色的距离和渐变色中心点的位置。调节线性填充。(3)用同样的方法制作草地、群山云朵。最后结果图为:

2.绘制国画

(1)选择【刷子工具】。在【颜色】面板设置【笔触】颜色为“无”,填充【类型】为“放射状”,调节颜色滑块。在舞台上画出一朵牡丹花的花瓣如图3所示。都用一样的刷子工具绘制另外一朵花,还有绿色。(2)利用文本工具打上文字,用钢笔工具绘制印章。

效果图

3.绘制绿树

(1)选择【刷子工具】,设置【笔触颜色】设为“无”,【填充颜色】设为#333300,画出树干的轮廓,如图1所示。使用【选择工具】,将树干调整到满意的形状,如图2所示。

图1

图2

(2)选择调整好的图形,选择【修改】【合并对象】【联合】选项。(3)用同样的方法,选择【刷子工具】,【填充颜色】值设为#669900,画出树叶的轮廓,如图3所示。使用【选择工具】调整树叶轮廓。合并整体。

图3

图4

(4)选择树叶的图形,按Ctrl+D键重复复制三次,得到4个树叶的图形。选择右侧的树叶,在【变形】面板上设置【旋转】为“-180度”。选择最右侧的第4个树叶轮廓,使用鼠标右键选择【排列】【移至底层】命令。

(5)使用【任意变形工具】,如图4所示,放大第4个树叶的外轮廓一些。(6)双击第3个树叶轮廓,进入“绘制对象”编辑模式。选择【圆形工具】,设置【填充颜色】值为“橙色”画出一个轮廓。选择该圆形,按Delete键删除,如图5所示。

(7)单击“场景l”返回到“场景”。双击树干,选择【刷子工具】,在设置【填充颜色】为#333300,如图6所示,画出树梢的2个较细的枝干。

图5

图6(8)单击“场景1”,返回到“场景”编辑模式下。选择树干,将【填充类型】设为“线性”,将左侧颜色滑块调为较浅的“咖啡绿色”用来模拟树的受光颜色,将右侧颜色滑块调为较深的“咖啡色”用来模拟树的背光颜色,如图7所示。

(9)用同样的方法,选择树叶,将【填充类型】设为“线性”,将左侧颜色滑块调为较浅的“草绿色”用来模拟树叶的受光颜色.将右侧颜色滑块调为较深的“中绿色”用来模拟树叶的背光颜色,选择【渐变变形工具】工具,调整树叶的渐变颜色,(1)添加一些树叶的细节(2)打开【对象绘制】。选择【刷子工具】,调整【笔刷大小】为“较大”,【笔刷形状】为“竖状的椭圆形”,设置【填充颜色】为#66CCOO,如图10所示,画出一片小树叶。

(3)选择该图形,按Ctrl+D键复制5~6个小树叶,将其排列为一组,如图11所示,使用【任意变形工具】调节各个小树叶的方向和大小。选择这组树叶,按Ctrl+B键将其分离,使用【修改】【合并对象】【联合】将其合并。(4)选择该图形,按Ctrl+D复制多组小树叶,沿着树叶轮廓排列,使用【任意变形工具】调节各组小树叶的方向和大小,得到如图12所示的效果。

图10

图11

图12(5)选择【刷子工具】,调整【笔刷大小】为“较小”,【笔刷形状】为“圆形”,设置【填充颜色】为#996600,如图13所示,画出弧线形的树纹。

图13

图14

图15(6)选择【圆形工具】,设置【笔触颜色】设为“无”,【填充颜色】设为“黑色”,在树下画一个椭圆形的阴影,使用鼠右键选择【排列】【移至底层】命令。如图14所示,调整【填充类型】为“放射状”,颜色滑块的填充颜色的Alpha分别为75%、50%和0%。选择【渐变变形工具】具,调整阴影的渐变颜色范围,如图15所示。

(7)选择【刷子工具】,调整【笔刷大小】为“较小”,【笔刷形状】为“圆形”,设置【填充颜色】为#99CC00,画出一根小草,如图16所示。

(8)按Ctrl+D键复制多个小草,并组成一组。再复制成组的小草,得到如图17所示的效果。

图16

图1

4.跳动字

1.新建一个文档,在属性面板中将场景大小设置为300×300,背景色设置为黑色,播放帧频设为15fps。在工具栏中选择文本工具,使用文本工具在场景中输入“动”文字,如图2所示,并将“动”文字转换为图形元件“动”。

图2

图3

在工具栏中选择椭圆工具,在文字外绘制一个白色圆环,如图3所示。在图层1的第10帧插入普通帧,然后新建图层2并将其拖动到图层1下方,如图4所示。

图4 将库中图形元件“动”拖动到图层2第1帧,在“属性”面板中将其alpha值设置为38。在工具栏中选择任意变形工具,然后选中图层2中的文字,将其做一定角度的旋转并拖动到如所示的位置。

将图层2中的第1帧分别复制到第2~10帧,并分别调整各帧中文字的位置和alpha值,完成后的时间轴。

最后按【Ctrl+Enter】键盘测试动画,即可看到如图8所示的文字效果。

18.儿童教学课件 1.导入素材

其具体操作步骤如下:

(9)新建一个flash文档,在“属性”面板中将场景大小设置为800×600,背景色设置为白色。

(10)执行“文件”→“导入”→“导入到库”命令,将文件“小狗.swf”、“小猫.swf”、“小鸡.swf”、“小羊.swf”、“小青蛙..swf”文件以及所有的声音素材导入到“库”中。

2.制作影片剪辑

其具体操作步骤如下

(11)新建一个名为“狗影片”影片剪辑。

(12)在“库”面板中将“小狗.swf”拖动到场景中央。如图1所示

图1(13)将第1帧分别复制到第2帧和第3帧,并在第20帧插入普通帧。(14)选中第1帧在“动作”面板中输入以下语句

stop()(15)选中第2帧,在“属性”面板中做如图2所示的设置,然后 在“动作”面板中输入以下语句。

stop()(16)选中第2帧,然后将该帧中的“小狗.swf”做适当的放大,如图3所示。

图2

图3

(17)新建图层2,在第4帧插入空白关键帧,然后选中第4帧,在“属性”面板中做如图4所示的设置。

(18)新建图层3,在第3帧插入空白关键帧。

(19)选中第3帧,并使用矩形工具在场景中绘制一个alpha值为70的白色矩形,如图5所示。(20)新建图层4,在第3帧插入空白关键帧。

图4

图5

(21)选中图层3,使用文本工具在中输入黑色的“小狗”文字和拼音,如图6所示。(22)根据图层2中的主意的节奏,将第3帧分别复制到第帧和第8帧,并根据语音分别将这两帧中的相应文字和拼音修改为红色,如图7和图8所示。

图6

图7

图8(23)将第8帧复制到第20帧,然后选中第20帧,并在“动作”面板中输入以下语句。

gotoAndPlay(3)(24)完成后的时间轴和场景如图9所示。

图9(25)单击时间轴左上角的“场景-1”按钮返回到主场景。

(26)使用同样的方法新建并编辑“鸡影片”影片剪辑(注意图层1第2帧和图层2中的声音更换为与小鸡相适应的声音。

(27)新建并编辑“猫影片”影片剪辑。(28)新建并编辑“蛙影片”影片剪辑。(29)新建并编辑“鸭影片”影片剪辑。(30)新建并编辑“羊影片”影片剪辑。

3.编辑主场景

其具体操作步骤如下

(31)将图层1重命名为“背景”图层。

(32)使用矩形工具绘制一个与场景同样大小的绿色矩形,然后使用刷子工具在矩形中绘制如图10所示的文字图形。

图10(33)在“库”面板中将“小鸡.swf”、“小狗.swf”和“小青蛙..swf”分别拖动到拖动到场景中如图11所示的位置。

图11(34)选中“小鸡.swf”,在“属性”面板中做如图12所示的设置。(35)使用同样的方法将“小狗.swf”、“小青蛙..swf”做如图13和图14所示的设置。

图12

图13

图14(36)选中第1帧,在“属性”面板中做如图15所示的设置。

图15(37)选中第1帧,在“动作”面板中输入以下语句

stop();chick1.addEventListener(MouseEvent.CLICK,chickPlay);function chickPlay(evt:MouseEvent):void { play();} dog1.addEventListener(MouseEvent.CLICK,dogPlay);function dogPlay(evt:MouseEvent):void { play();} frog1.addEventListener(MouseEvent.CLICK,frogPlay);function frogPlay(evt:MouseEvent):void { play();}(38)在第2帧插入空白关键帧,然后使用铅笔工具在场景中绘制如图16所示的背景线稿。

(39)制线稿后,使用颜料桶工具为背景中的各部分填充相应的颜色,注意填充的颜色应尽量协调,而且色彩应该鲜艳。如图17所示。

图16

图17(40)新建一个名为“动物”的图层,在第2帧插入空白关键帧(41)选中第2帧,在库面板中将影片剪辑“狗影片”、“鸡影片”、“猫影片”、“蛙影片”、“鸭影片”、和“羊影片”影片剪辑拖动到场景中,并放置到场景中如图所示的位置。

图18(42)选中“小鸡.swf”,在“属性”面板中做如图19所示的设置。

图19

图20

图21

图22

图23

图24(43)使用同样的方法将“小狗.swf”、“小青蛙..swf” “小猫.swf”、“小鸭.swf”、羊.swf”、做如图所示的设置。

(44)选中第2帧,在“动作”面板中输入以下语句

stop();dog2.addEventListener(MouseEvent.ROLL_OVER,dogBark1);function dogBark1(evt:MouseEvent):void { dog2.gotoAndPlay(2);} dog2.addEventListener(MouseEvent.ROLL_OUT,dogBark2);function dogBark2(evt:MouseEvent):void { dog2.gotoAndPlay(1);} dog2.addEventListener(MouseEvent.MOUSE_DOWN,dogBark3);function dogBark3(evt:MouseEvent):void { dog2.gotoAndPlay(3);

“小}(45)完成后的时间轴和场景如图25和图26所示。

图25

图26(46)最后按【Ctrl+Enter】键测试动画,即可看到本例制作的儿童识字课件效果。

六、实训收获:

在这次的实训中,做各种项目时,如果没有遇到难题,我会做得很快,但是遇到比较复杂的项目,现在来总结一下每个项目所遇到的问题与收获:

1.绘画天空与草地。这个项目跟我们学习的第一二单元有点相似,都是在考究我们对钢笔工具,对颜色的掌握程度,这题目基本上没什么难点,但我也学习到了在绘画每一个矢量图时,都需要适当地群组和分层,这样能都大大提高日后想要修改的可能性。

2.绘画国画。我学会了使用笔刷,根据改变笔刷的颜色(透明度,渐变的效果),笔刷的形状,可以绘画出牡丹花的效果。之前真的不知道笔刷也可以制作出这么炫的图案。但是这个项目令我很难忘的是,我快要制作完毕的时候,软件不知道为什么,突然自己关了,而我却一直忘了保存。因此,我唯有再重做一次。

3.绘画绿树。在这个项目中,要求我们使用图层叠加改变颜色,增加肌理条纹来制作立体的效果。我也学会了把绿树的树干复制多一层,改变颜色便能够有种立体的效果。

4.跳动字。这项目运用了插入关键帧,改变不同帧的位置和角度以达到动感的效果。这让我可以运用到网页中,制作动感的banner。

5.旋转字。运用遮罩层,对某一部分进行遮罩,其他部分ctrl+B打散用橡皮擦擦掉。把字排成圆形再进行逆时针的旋转。其实在14个项目也有运用到此动作。

6.膨胀字。这个项目感觉挺难的,花了我不少的时间。主要是考传统补间动画,通过拉动关键帧的大小进行补间,学会了ctrl+k进行各个帧的对齐。

7.百叶窗效果。以一张图作为遮罩对象,遮罩层画满大小一致的矩形。此项目让我学会了如何进行图与图之间进行动感地切换。

8.水波。在小黎老师的课上,所做的房地产项目就有水波的流动效果flash插入,但是当时不会。现在实训这个项目让我也能够学习制作让图片中的水流产生动感的效果了!主要运用了遮罩层,遮罩层需要是能动的影片剪辑。

9.遮罩文字。学会了运用脚本中的鼠标事件的一些定义。能够使鼠标的移动跟随者遮罩层的移动,而出现文字。

10.毛笔绘画。运用了遮罩层和引导线等。先用引导线绘画好毛笔的运行路径,再用遮罩层遮罩不同关键帧。11.12.13.14.15.16.17.18.蝴蝶飞舞。与毛笔绘画基本一致。少了遮罩层的运用。落叶。通过制作落叶的影片剪辑加上引导线的动画效果。

3d按钮。学会改变按钮的经过,按下等。需要把不同帧进行插入,制作旋转的3D效果,可以使用翻转帧的命令。然后把影片剪辑放到按钮经过的帧上。网站导入界面。这个有关我们未来可能从事的职业网络编辑。网络编辑需要我们制作一些loading。这个项目就教会我们制作比较炫目的loading效果。

铃铛。在这个项目的制作步骤中,很难看懂。我当时不停地在元件名字中纠结。把lingdang、dang、ling等混淆了,后来花了很大的功夫才搞清楚。新年贺卡。学会制作按钮的脚本,通过开始按钮播放flash MTV。这个我足足画了差不多一天的时间制作。它教会了我场景和场景之间的转换,通过上 下拉动图片,放大缩小图片。有些工作很繁琐,比如必须自己把素材的没用部分擦去,把素材变成透明效果。

儿童教学课件。这个项目我觉得很有趣,他运用了脚本中的影片剪辑的命令。虽然现在还是有点搞不懂,但是还是有收获的,学会了MouseEvent。不仅是按钮,影片剪辑也能够发生鼠标事件,能够通过鼠标事件,播放不同影片剪辑。

七、实训总结:

在这次实训中,我深深感到了自己的不足:

1.这个动画应用的形式太少,对软件了解的不够透彻,工具应用不熟练。

2.动画整体颜色不是很敏锐,很多需要绘画的项目的颜色不能达到百分之80的相似度。

3.对影片剪辑的制作不够熟练,制作的影片剪辑有不合格之处。

4.图片变换太多很容易手忙脚乱,要不停地停留在一个问题上纠结,需要不停看老师给的参考步骤。

5.对用flash绘画还不够熟悉。

6.对于脚本语言的运用还停留在一对一的照抄照搬,很难通过所认识的知识进行进一步的自我运用。

同时,这次实训我对Flash软件有了更深层次的了解,对软件和工具有了更好的认识。使自己的动手能力有了更进一步的提高。但通过这次实训我也认识到自己的很多不足,对软件及相关的知识还有待进一步的提高,对以后的学习有很大的帮助。我学会了遮罩层的更近一步的运用,学会了引导线的运用。更加灵活地运用钢笔工具绘图,学会了脚本制作视频的播放和回放,按钮的脚本事件,影片剪辑的脚本事件。

flash实训心得体会 篇3

通过此次实训,同学们对Flash CS3有一个基本的了解,并能较为熟练地掌握利用Flash 制作动画的简单方法,能成功制作一些动画实例。

一、充分准备,使学生明确实训的目的与要求

本次实训的目的是要求学生通过熟练运用Flash CS3环境,熟悉Flash的窗口界面和操作环境;了解 Flash面板组的使用;掌握 Flash 文档的创建方法;了解如何设置 Flash的工作环境;掌握绘图工具箱的使用;掌握工具的常用使用技巧;熟练掌握建立绘图对象的方法;掌握绘图对象的特性;熟练掌握对文本对象的建立,编辑;熟悉对位图的处理方法;熟练掌握元件与实例的创建,编辑方法;熟悉动画原理;了解电影剪辑的创建,使用;掌握按钮的创建,使用; 掌握关键帧的应用,创建动画;熟悉动作面板;熟悉 Flash 动画的播放,优化与发布的设置。

本次实训的要求是:学生按照实训要求根据教师提供的操作步骤独立完成练习,并总结自己在操作过程中遇到的问题与解决方法,学会举一反三。教师应帮助学生解决操作中的问题,并注意适时引导学生,注重培养学生的学习主动性和创造性,及时总结共性问题帮助学生加深对知识的理解和掌握。

二、精心组织学生,认真做好实例

在实习的第一天,教师就应让学生明确实习任务,考核办法,及实习完要达到什么水平,这些必须让学生心中有数。在实习过程中, 进行跟踪指导、加强管理、进行批改,并给出考核成绩。实例操作时,让学生先把书上的实例,或老师讲授的实例做到滚瓜烂熟,其实也就熟能生巧了吧,然后再让他们根据实例创作他们自己的作品,达到举一反三。比如学生能够非常熟练的制作一个跳动的小球,那么让学生再制作多个跳动的小球,或边跳动边变色的小球,或互相相撞的小球。让学生发挥想象制作自己想做的作品。当他们发生疑问时,让学生之间互相探讨、互相琢磨,这样才能达到互相进步,提高整体制作水平。

三、本次实训的效果及学生的态度

通过此次实训,发现Flash这门课深受到同学们的欢迎,大家都很感兴趣,大部分学生都能按指导教师的要求去做,很少有学生偷着上网或玩游戏。同时,本次实训促进了学生对新知识的自学能力。培养了他们的计算机操作技能及发现问题、分析问题、解决问题的实际工作能力,为他们今后的进一步学习打下了良好的基础。

四、存在的问题及建议

本文来自 360文秘网(www.360wenmi.com),转载请保留网址和出处

【Flash实训】相关文章:

上一篇:成因策略下一篇:预测控制技术

本站热搜

    相关推荐