flash的火焰效果.

flash的火焰效果.
flash的火焰效果.

上午突然有点灵感,做了一个火焰效果。看看,大家喜欢不?如果感兴趣。请认真看完此篇文章,这样你就能做出这种效果了。演示地址:https://www.360docs.net/doc/4a13589624.html,/taoshaw/study/fire_text

噢,如果你感兴趣。就搬个板凳坐起,慢慢看吧。很复杂的。呵呵。

1、新建影片,设置背景为黑色。帧频为50。这里不一定的。大小也不一定,根据你自己的TEXT的大小来。

2、新建一个元件。用于做字体。这里面的字体的制作过程比较复杂。大家要认真看哦。

3、选择静态文本框。设置字体、颜色等属性。当然这里也不固定。大家喜欢即可。而且以后我们还要设置

字的色相等。

4、然后在场景中,打上文本。如果你感觉文本不够大。可以使用自定义缩放工具来进行调节。

5、选择墨水瓶工具,然后设置属性。这里的线条粗细可以适当调大点。只要不过份就行了。呵呵。

6、然后给文本描上边框。

7、选择选择工具。把场景中的东东选中吧。。。

8、将线条转化为填充。这一步很关键的。只有这样,我们才能继续加边框。我们现的想法是让文本先出现

空心字的效果。如果有不懂的朋友这里要注意了哦。这样可以做空心字的效果哦。。。

9、继续选择墨水瓶工具,设置线条的颜色为红色了。只要跟刚才的线条颜色不一样即可。这样是为了好区

分。但建议选择跟文字的颜色一样。不是文字的边框哈。

10、描上边框。。

11、使用选择工具,将里面的黄色线条轻轻的删掉吧。

12、使用任意变形工具,调节一下大小吧。

13、我们这个时候,就可以使用填充桶工具对他们进行任意填充了。

14、假设我们现在的填充样式如下。

15、新建一个元件。把文本图形化。

16、把刚才建立的文本元件拖到场景中,设置色调。

17、继续创建元件。

18、把16步骤中所创建的元件拖到场景中,色调化。

19、新建一个图层,继续拖16步骤中的元件到场景中,跟第一个图层放置的位置一样。然后设置滤镜效果。

20、设置图层叠加方式。

21、下面,我们来创建一个火焰的元件吧。

22、使用铅笔工具绘制出一个叶子型图形。

23、在第四帧中添加动作。

24、本元件的时间轴效果如下。

25、然后在第4、8、12帧分别调节元件的位置。以及大小。

26、然后新建一个fife元件。将步骤21开始中所创建的元件拖进来。然后并分布在不同的位置。复制一

些吧。

27、咦,你或许会问。为啥是绿色的呢。而且是线条呢。这里我是为了显示方便,图层中使用显示线条轮

廓的方式来显示的。

28、在text_fire元件中。新建一图层。把刚建立的fire拖进来。

29、这是text_fire图层中时间轴效果。

30、继续创建一个元件,绘制另一种火焰的效果吧。

31、然后在每个帧分别设置火焰的效果。

32、下面,我们把文本元件再复制一下。再用文本去遮照火焰效果。

33、回到场景中,这个时候。拖出text_fire吧。然后可能或许会感觉有些单调。那么,我们再绘制一个

背景吧。再加一些星光效果吧。

34、再添加代码,把右键屏蔽一下吧。

play();

fscommand("fullscreen", "true");

fscommand("showmenu", "false");

fscommand("allowscale", "false");

//================版权声明开始================//

//★淘沙网:https://www.360docs.net/doc/4a13589624.html,

//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。

//================版权声明结束================//

//创建新右键菜单

myMenu = new ContextMenu();

//隐藏右键菜单

myMenu.hideBuiltInItems();

myMenu.customItems.push(new ContextMenuItem("淘沙网:https://www.360docs.net/doc/4a13589624.html,", PR));

Stage.scaleMode = ’noScale’;

function PR(obj, item) {

getURL("https://www.360docs.net/doc/4a13589624.html,", "_blank");

}

//将新菜单赋予给场景

_root.menu = myMenu;

Flash制作图片切换特效

用Flash制作图片切换特效 图片切换是网页中最为常见的效果,一般的广告牌都是通过图片切换制作的。在这里我向大家介绍常见的图片切换方式:百叶窗的图片切换效果。 在本文中主要学习到的内容有:两层上不同图片的导入和精细的控制;遮罩和形状变化组合的应用。 操作步骤: 1、按Ctrl N新建一个flash文件,执行“File/Import”命令(快捷键为:Ctrl R),然后从弹出的对话框中选择你要引用的图片文件,单击OK按钮确认,按Ctrl Alt I键调出Info面板,将宽(W)设为:285,高(H)设为:220。 2、按Ctrl B将导入的图片打碎,选择工具栏中的椭圆形工具,设置好Stroke面板的参数后,按住Shift键,在工作区中拖动鼠标,画一个图形,选中该图形,按Ctrl Alt I键在Info面板中将宽(W)设为:240,高(H)设为:216,将圆形移动图片中央,选中图形及图形外边的图片,按delete键,将其删除。 3、单击时间线窗口左下解的“ ”按钮,新建一个层:Layer2,用一面的方法制作另一个图形,使得Layer2上的图片刚好遮掩在Layer1上。 4、再新建一个层Layer3,选择工具栏中的矩形工具,将其属性区中的线框设置成“无线框”,填充颜色设置为“黑色”,在工作区中拖动鼠标画一个长方形。 5、用箭头工具选中该长方形,然后然后执行

“Insert/converttosymbol”命令(快捷键为F8键)把它转换为:Graphics 符号,命名为:百叶;按Ctrl F8键再新建一个符号,符号类型为:Graphics,命名为:百叶2,进入其编辑环境,按Ctrl L键打开符号库,将符号百叶拖入工作区,并适当调整其位置,分别在第15、25、40帧处按F6插入一关键帧,分别选择第15帧和第25帧,在Info 面板中将高度设置为1,按照建立路径。 时间轴上窗口左上角上的Scene1回到主场景,并删除长方形图片,按Ctrl L打开符号库,将符号百叶1拖入场景中,将其移动到图片最下方,调整其位置,用鼠标右键单击Layer3层的名称,从弹出的菜单中选择Mask项,这时Layer3层变成了遮罩层,遮罩区域之外的Layer2层中的图片将显示不出来。 7、新增8个层,按住Shift键,选中Layer2和Layer3,用鼠标右键单击被选中的任意一帧,从弹菜单中选择CopyFrames,用鼠标右键单击Layer4层的第1帧,从弹出的菜单中选择PasteFrames,这时Layer4将变成了复制后的Layer2和Layer3遮罩层, 8、单击复制后的遮罩层,按键盘上的向上箭头键,移动选区,移动后的位置 9、用同样的方法,依次在Layer5至Layer11中分别复制Layer2和Layer3图层,将各个遮罩层中的百叶1向上移动,并顺次向上连接,按住Shift键,选中所的层中的第42帧,并用鼠标右键单击它在弹出的菜单中选择InsertFrame项(快捷键为:F5),使所有层的帧都增加42帧,然后单击时间轴窗口层名称上方的按钮,锁住所有的

flash各种效果制作

用FLASH做水波效果 2008-10-29 17:14:11| 分类:网络运用|字号大中小订阅 制作步骤: 一.新建文件 打开FLASH MX,新建文件,设置属性,550×400,帧数12,背景色不设。 二.场景设置 1.导入有水景的图片,凡带有江,河,湖,海,瀑布水景的图片(jpeg 格式),选一张。导入到场景中。 2.属性中,设置图片大小550×400,全居中。 3.用黑箭头工具将图层一改名为选切层。 三.选切图片 1.点中场景图片,选<修改> 菜单下的<分离> (ctrl+B)。此时,图片变成麻麻点状。 2.点<橡皮擦工具>把"非水域"部分擦掉。 3.剩下的水域部分就是要保留部分,转换为图形元件1。方法:点中这部分,右键中点击转换为图形元件1。 四.背景图片设置

1.新增图层二,改名背景层,并拖到选切层下面。 2.从库中拖出水景图片(位图),属性中550×400,全居中。这时2张图片重叠一样大。将位图转换为元件2。 3.选中选切图层,在键盘上用向下(上)箭头,将选切图片向下(或向上)移动1~2个像素,以便产生动感。 五.遮罩层 1.增加图层三,改名为遮罩层。 2.在第一帧,用矩形工具,(选无边框,浅色填充色)在场景外,上方拖画一条长条矩形框.在窗口>信息>中调该矩形宽高为550*10像素,用黑箭头工具对齐该矩形到场景内上方,点"编辑"菜单>复制>中对齐"矩形条">用键盘箭头将"复制条"往下移动(条与条之间不要相连)>点击一下,框选已有的<矩形条>,再按上述复制> 移动,直至把矩形条复盖住约2倍场景大小,再用矩形工具选中整个遮罩块。右键将遮罩块转换为元件3。 3.第60帧插入关键帧。用黑箭头工具,第一帧遮罩块底对齐(左右对齐),60帧顶对齐(左右对齐).设置遮罩块1~60帧的动作补间。 4.背景层和选切层的各自60帧插入帧。 5.设置遮罩层遮罩。右键中点遮罩层。可见选切层向右缩进一点。 保存一次,Ctrl+Enter测试场景

Flash制作视觉动画效果:飘落的枫叶

Flash制作视觉动画效果:飘落的枫叶 一.素材 制作方法: 1、建新文档。 2、文件--导入--导入到库。把背景图片和叶子图片导入到库。 3、打开对齐面版,相对于舞台,水平中齐,垂直中齐。把背景和舞台对齐。 4、打开窗口--库, 在1 帧,把背景图从库里拖出舞台,调整与舞台一样大小。把图层1 改为背景层,右键点背景,转换为图形元件,名:背景。在300 帧点左键,插入帧。

5、锁定背景层,新建图层1,在第1 帧,从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小,对叶子点右键, 转换为影片剪辑元件,名:叶子 6、在250帧点右键--插入关键帧,在1~250帧内任选一帧点右键创建补间动画,建立1~250帧的叶子运动,在属性栏面版上在“调整到路径上”打勾:

7、锁定图层1 。添加运动引导层,选用工具栏中的铅笔工具,笔融颜色随意,附属选项:平滑。填充色无。在引导层的第1帧画一条平滑曲线,即叶子运动轨迹。 8、锁定引导层,打开图层1,把1 帧的叶子元件拖到引导线的上端。注意:一定要把元件注册点压在引导线上。

导线上。 2,在图层2 的第11帧,把库里的叶子元件拖出舞台放在第二条引导线的上端,在第260

帧插入关键帧,11~260帧内任意1帧点右键创建补间动画,点260帧,把引导线上端的叶子元件到下端,把属性栏面版上在“调整到路径上”打勾 11、不断重复第10步,每复制或重新画一条引导线,就相应加一图层,每新图层比前图层后退10帧,直到您认为叶子够了为止。

这是第9层时间轴的前部份 的文字输入,设置其系列为“中华行楷”。

Flash动画制作综合实例

第14章 Flash动画制作综合实例 教学提示:Flash最主要的功能是制作矢量动画,制作出效果独特且容量很小的Flash 动画作品是其主要特色。同时,通过动作(Actions)指令集控制动画的播放、开关音效、制作交互式接口效果、Java网页特效等效果是其另一大特色。这使得Flash不再只是单纯的动画制作软件,而成为交互式多媒体工具、交互式网页制作工具、光盘自动播放画面制作工具。此外,它还可以做出多种格式的动画,不需死记程序语言就能做交互式游戏。 本章介绍了4个Flash动画制作实例,综合运用了Flash的编程语言技术、Flash的设置文档属性、制作元件、时间轴、文字工具、测试动画速度等技术。 教学目标:在掌握前面几章介绍的基本操作和基本知识的基础上,本章主要通过几个Flash动画制作的实例,让读者领略Flash的特效动画制作和强大的编程功能,进一步熟悉Flash利用动作语句来制作动画特效的操作方法和独自完成实例创作的能力,加深对Flash 动画制作方法的认识和提高。 14.1 星光闪烁的特效实例 大家可以想像这样一种场景:漆黑的夜空中,出现一点微弱的亮光,然后光线慢慢地增强,最后变成许许多多光芒四射的星星,若隐若现,而且,星星可以变换多种形状和颜色,很美的画面吧!如果将这些添加在你的动画中,将是一道非常亮丽的风景线。 14.1.1 设置文档属性 (1) 选择【文件】|【新建】命令,或单击标准工具栏中的新建按钮,新建一个Flash MX 2004文档。 (2) 为了作图方便,选择【修改】|【文档】命令,打开如图14.1所示的【文档属性】对话框。 图14.1 【文档属性】对话框 (3) 场景大小自定,背景颜色设为黑色,主要是为了增加一种神秘的感觉,而且更能突出光线的效果,与动画设置的环境相搭配。

Flash制作雪花视觉动画效果的三种制作方法.

Flash制作雪花视觉动画效果的三种制作方法 第一种方法: 最笨但也效果最好,就是用“引导线”功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好。1、新建一个Flash影片。设背景为“黑色”,其他的用默认值。2、按Ctrl+F8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图1-1所示) 3、再用Ctrl+F8建一个组件,类型为“影片剪辑”,命名为“前层”。 4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用“放大镜”将它放大,然后再用“比例”功能,可缩得更小)。在第80帧上“插入关键帧”,在“图层1”上用鼠标右键的“添加引导线”功能(见图1-2)。

在新增加的“引导线:图层1”的第1帧上,从“雪花”开始,画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键,选“创见动画动作”功能,见图1-3。 5、第4步是制作一片雪花,下雪不是只下一片的吧。插入图层,将第4步重复做10次。做好后的效果见图1-4。 6、把第3至5步重复做两次,不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层,看起来效果细腻一点。 7、现在回到场景1中,插入6个图层,分别命名为“后层1”、“后层2”、“中层1”、“中层2”、“中层3”、“中层4”、“前层1”、“前层2”。在对应的层上拖入对应的组件,并适当的调整时间轴,让雪花飘得连贯起来。见图1-5。

按Ctrl+Enter就可以看到效果了。 第二种方法: 用Actionscript的函数,比较简便,具体步骤如下: 1、新建一个Flash影片。设背景为“黑色”,其他的用默认值。 2、按Ctrl+F8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。用“选定工具”中的“比例”功能把它缩小。 3、把“雪花”拖到场景1中,在它的“实例面板”中的“名称”一栏中填上“snow”。在它的Action面板中加上如下动作: onClipEvent(enterFrame)setProperty(snow, _visible,false); 4、在第1帧的Action面板上加如下动作: n =n+1; duplicateMovieClip(_root.snow, snows+n, n); setProperty(_root[snows+n], _x,random(550)); setProperty (_root[snows+n],_y, -5); setProperty(_root[snows+n], _xscale,random(80)+20); setProperty(_root[snows+n], _yscale,_root[snows+n]._xscale);

几个FLASH动画制作的简单例子

几个FLASH动画制作的简单例子 补充几个FLASH的简单例子 课题:Flash动画制作之一——绘制七巧板 教学目标:熟悉Flash软件的操作界面; 运用Flash软件绘制七巧板 教学重点:绘制七巧板 教学难点:如何选用合适的工具正确绘制七巧板 教学方法:讲授法,演示法 教学过程: 一:打开Flash软件 “开始”菜单―――“程序”―――FlashMX2004 Flash可以用来制作静态图像和可互动的动画,可以任意缩放不失真,文件体 积不大,适宜网络图形和动画的制作。 二:认识Flash8操作环境 1.菜单栏 2.工具栏 3.面板属性 三:绘制七巧板 操作步骤: 1.绘制一蓝色边框,红色填充色的矩形。选择矩形绘图工具,调整好边框及填充颜色,按住Shift键绘制

正方形。 2.使用线条工具,按住Shift键绘制正方形的两条对角线。参照书本p84图绘制其余线条,可画辅助线。多余线条擦除方法:选用箭头工具,点击多余线条,按键盘上Delete键进行删除。 3.填充颜色。使用颜料桶工具,对七巧板的七歌板块进行颜色填充。 4.使用橡皮擦工具(注:选用“擦除线段”状态),擦除所有的线条。 5.用箭头工具将七巧板的每个板块小心的移开。(注:移动过程中避免色块的重叠) 四:构建运动造型 使用绘制完成的七巧板,构建运动造型。 借助箭头工具来移动,定位板块; 使用任意变形工具旋转板块。 使用菜单命令进行水平及垂直翻转。 五:实践 绘制七巧板,并使用已绘制的七巧板,构建运动造型。六:教学反思 初次接触Flash软件,学生对如何正确使用工具栏的工具还存在一些问题。绘制 七巧板的过程中,绘制直线时,直线与直线没有正确相

Flash 8.0制作上升的水泡效果动画

Flash8.0制作上升的水泡效果动画 如果一个一个的画,工作量繁重并且效果并不好。我们利用AS的复制语句来实现水泡的数量,利用设置属性来改变透明度,大小等。最后在影片剪辑中设置水泡的左右摆动。这样综合在一起,就可以实现水泡上升的效果了。 具体步骤 1、开MX新建一文档。并适当修改文档属性(背景颜色等) 2、建一个影片剪辑,命名为“h2o”。进入编辑去以后,利用绘图工具,渐变填充绘制一个水泡。如图1所示。 图1 绘制水泡3、回到主场景,把图层1命名为“h2o”。从库中把“h2o”影片剪辑拖放到场景的下方,在下面的属性面板中命名它的分身名为“h2o”。如图2所示。(此步很重要若不命名只会出现一 个气泡) 图2 图层“h2o” 4、主场景中新建一个图层,命名为“as”。在第1帧按F9添加AS: i=1 while(i<=30){ duplicateMovieClip("h2o","h2o"+i,i);

setProperty("h2o"+i,_x,random(400)); setProperty("h2o"+i,_y,random(100)+300); setProperty("h2o"+i,_xscale,random(60)+40); setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale)); setProperty("h2o"+i,_alpha,random(30)+70); i++ } _root.h2o._visible=0 5、具体解释如下: i=1 //初始化变量 while(i<=30){ //用来控制水珠的数量duplicateMovieClip("h2o","h2o"+i,i); //复制水珠 setProperty("h2o"+i,_x,random(400)); //在X轴上随机分布复制出的水珠setProperty("h2o"+i,_y,random(100)+300); //同上,只是换成了Y轴 setProperty("h2o"+i,_xscale,random(60)+40); setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale)); //以上两条AS是用来控制水珠大小的。setProperty("h2o"+i,_alpha,random(30)+70);//用来控制水珠的透明度 i++ } _root.h2o._visible=0 //将主场景中的水珠隐藏。 6、选中影片剪辑“H2O”,按F9添加AS: onClipEvent (load) { speed = random(5)+3; } onClipEvent (enterFrame) { this._y -= speed; this._x += random(3)-random(3); if (this._y<-15) { this._y = random(100)+315; } } 7、上面的AS语句的解释是: onClipEvent (load) { //用来随机赋于水珠的速度,让水珠运动更加真实。speed = random(5)+3; } onClipEvent (enterFrame) { this._y -= speed; //用来改变水珠Y轴的坐标,这样我们看起来水珠是在

Flash8.0 动画制作实例教材 I

FLASH动画制作实例教材 一、熟悉Flash界面 二、动画的原理 看下面几幅画面: 图2-2 图2-3 图2-4 图2-5 图2-2中飞机位于图片的最左边, 图2-3中飞机位于图片的中间, 图2-4中飞机位于图片的最右边。当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就是看上去感觉飞机在从左向右飞行,如图2-5所示。 动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一种把戏。 三、帧/关键帧/空白关键帧 由动画的原理我们知道,动画就是画面的连续播放所产生的,电影是每秒播放24幅画面,电视则每秒播放25幅画面,Flash默认每秒播放12幅画面(可以修改)。每一幅画面我们都称它为一个帧, 记住: 一个帧就是一幅画面(暂不管这个画面是真实的还是虚幻的)!

如图2-6所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右 进行。你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也 叫白色关键帧)这些名词。 空白关键帧 我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。用鼠标单击一下该空白关键帧,结果我们在下面的场景里看到的是一片空白区域如图2-7所示: 关键帧 第二个小格子里面是个实心的小黑点,它就是关键帧,里面有实际存在的内容,用鼠标单击该关键帧(或用鼠标按住帧上面红色滑块向后拖动到该帧),我们看到了一个黑色的圆,如图2-8所示: 看来,关键帧和空白关键帧的区别就在于关键帧有实际的内容而空白关键帧没有。空白关键帧+内容(比如画个圆)=关

图片和flash的各种特效及代码

图片和flash的各种特效及代码 请先看运用代码制作图片和flash的各种效果:一.图片羽化效果加透明flash:二.图片加透明flash效果:三.一张图片左右动:四.一张图片从右向左移动(反复): 五.图片向上移动: screen.width-333)this.width=screen.width-333"> 六.图片羽化效果后上面加文字: 让我静静的想你 七.图片加相框:八.flash羽化效果:九.多张图片移动: 十.flash上加文字 让我静静的想你!!

以下介绍网页中图片和flash的各种特效及代码,只要复制,修改网址就行了。 一.图片羽化效果加透明flash: <P> <TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=500 background=图片网址height=400> <P><B><EMBED align=right src=透明flash网址width=500 height=400 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=https://www.360docs.net/doc/4a13589624.html,/go/getflashplay er align=right src=透明flash网址width=500 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P& gt;</TD></TR></TBODY></TABLE>< /P> 二.图片加透明flash效果:

Flash入门实例:制作有趣的拍照效果动画

Flash入门实例:制作有趣的拍照效果动画 Flash实例教程,这是一个面向入门者的教程,让我们一起成为高手吧!!相信你,你能! 先看效果:(用鼠标单击"拍照"两字) 第一步:新建文件,大小为280×210,创建影片剪辑元件,名称为图片;导入一张图片到图片元件中,图片大小为320×240。(为什么图片要比场景大?因为要做镜头推进效果)效果如图1: 第二步:把图片元件拉入主场景中,图层名称改为图片,在第10帧插入关键帧,第12帧处插入帧,第一帧处把图片大小改为280×210,并创建补间动画。在该层上新建层,图层名称为遮罩,在第12帧处插入空白关键帧,并画一个大小为160×120的矩形,并设为遮罩层。效果如图2:

第三步:创建按钮元件,名称为按钮,并把按钮拖入到主场景的新建按钮层的第一帧上,延长至12帧。选中按钮,取实例名为pz_btn,效果如图3: 第四步:在遮罩层上新建层,名称为闪光,在第11帧处插入空白关键帧,画一个大小为280×210的白色矩形(无过框),效果如图4:

第五步:在按钮层上新建层,名称为相片边框,在第12处插入空白关键帧,画一个大小为160×120的白色矩形框,无填充色;新建层在最底层,名称为相片阴影,在第12帧插入关键帧,画一个大小为160×120无边框的矩形,填充渐变色,透明度从0到100%,并使之变形。效果如图5: 第六步:在相片边框层上新建层,名称为拍照范围,在第二帧处插入空白关键帧,在该帧上画一个大小为160×120的白色矩形框,并删除部分线,只留下四个边角,延长至10帧。效果如图6:

第七步:新建层,名称为音效,在第9帧处导入拍照的声音文件(可以在闪吧资源素材中下载),延长至12帧,打开属性面板,在同步中设为数据流。效果如图7: 第八步:新建层,名称为动作,该层在时间轴设置见图7。选中第一帧,打开动作面板,写下代码: stop(); _root.pz_btn.onRelease = function() { _root.play(); };

Flash动画制作教材

第二章动画制作 动画其实是一门古老的艺术,它是通过把人、物的表情、动作、变化等分段画成许多画,再通过放映手段连续播放,给人的视觉造成连续变化的图画。随着计算机技术的发展,用计算机制作动画变得越来越简单,非美术专业的人士也能成为制作动画的高手。本章以Flash动画制作软件为操作平台,来学习如何用计算机制作动画。 第一节动画制作基础 计算机动画就是利用传统的基本原理,将原画作为关键帧的画面,然后再利用计算机自动将中间的连续画面模拟出来,结合科学与艺术,突破静止、平面图像的限制,创造出栩栩如生的动画作品。 一、Flash动画简介 Flash是一款多媒体动画制作软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画方便地融合在一起,以制作出高品质的动态效果,或者说是动画。 FLash动画有别于以前我们常用于网络的GIF 动画,它采用的是矢量绘图技术,矢量图是可以无限放大而图像质量不损失的一种格式的图,由于动画是由矢量图构成的,就大大的节省了动画文件的大小,在网络带宽局限的情况下,提升了网络传输的效率;可以方便的下载观看,一个几分钟长度的Flash 动画片可以只有一两兆大小。 二、Flash的编辑环境 通过“开始”菜单来启动Flash,启动后,在“创设新项目”中的选“Flash文档”,就可以新建一个Flash文件,进入到Flash的编辑环境,如图2.1所示。 时间轴面板 工具箱 场景工作区 图2.1 Flash编辑制作环境窗口

1.工具箱 在窗口的左侧有许多常用的编辑工具,这些工具集中在一起,我们管它叫工具箱。在Flash中绘制图画或对图画进行编辑操作,都离不开工具箱的工具。 2.时间轴面板 时间轴是由许多的小格组成,每一格代表一个帧,每个帧可以存放一幅图片,许多帧图片连续播放,就形成了一个动画影片。时间轴中显示的数字是单位时间内播放的帧数。默认情况下,是每秒可以播放12帧。 3.认识帧和帧的类型 帧是构成动画的基本单位,每一个精彩的flash动画都是由很多个精心雕琢的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素材和其它多种对象。 在Flash的帧中可以分为关键帧、空白关键帧和普通帧。在动画制作的开始,只有一个空白关键帧,当我们在空白关键帧上面绘制了一个图形时,它就变成关键帧了,而普通帧和关键帧的不同点在于前者不可编辑,后者可编辑。 关键帧在动画中是不能缺少的,因为它能使画面内容产生变化。 空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧是在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。 关键帧在时间轴上显示为实心的圆点,空白关键帧在时间轴上显示为空心的圆点,普通帧在时间轴上显示为灰色填充的小方格。 4.场景工作区 场景工作区也称场景,它是制作动画的区域,对动画元素的绘制、修改、编辑等,都是在场景工作区中进行的。 5.属性面板 属性面板位于Flash软件窗口下方,在这里可以设置对象的一些基本属性,如图2.2是“椭圆工具”的属性面板。 图2.2 “椭圆工具”属性面板 6.动作面板 动作面板主要由命令列表窗口、目标列表窗口和程序编辑窗口三大部分组成,如下图2.3所示。命令列表窗口位于面板的左上角,是用于放置各种ActionScript动作脚本的窗口。目标列表窗口位于面板的左下角,在该窗口中可以快速地选择需要添加动作脚本的目标元件或关键帧,从而节省了在场景中寻找及切换编辑窗口的步骤,大大提高了工作效率。动作面板的右侧是程序编辑窗口,它是用于程序编写的地方。

FLASH动画————翻页效果的制作

FLASH动画————翻页效果的制作 安阳市第十四中学秦长喜 本节主要是通过翻页效果实例练习任意变形工具的使用方法,以及Flash的基本动画的制作方法。希望能对同学的所帮助。 1、起动FLASHMX。 2、设置舞台尺寸:双击图中红圈内的部分,如图1,出现“文档属性”面板(舞台尺寸设置面板),如图2。 图1 图2 设置:尺寸为600*500,背景颜色设为黑色,其它为默认,点“确定”。 3、点“视图”――“标尺”。并把两根标尺横杆分别拖到纵轴的100和400处,三根标尺竖杆 分别拖到50,300和550处,如图3。

图3 4、点“插入”----“新建元件”在“名称”栏中写入图片的名称,便于记住是什么图片(在这里我写1)。在“行为”选项中可以点选“影片剪辑”,也可以点选“图形”。在这里我点选“图形”。如图四。最后点“确定”。 图四 5、点“文件”-----“导入”-----“导入到舞台”,出现“导入面板”,选择你要导入的图片到舞台中,下面再对图片进行编辑。 6、如果出现如下图所示的面板,点“否”就行。 图五 7、点开舞台下面的属性栏,对图片进行设置,只设置图片大小即可,安照第三步中的标尺,将图片设置成高300宽250。如图六。

图六 8、重复第4、5、6三步,把需要的图片全部导入。 9、点击场景,回到场景中,如图图7。 图7 10、点“窗口”----“库”,在“库”中找到名称为1的元件,并将这个图片拖入舞台中,并将图片下好放入舞台右边的由四根标尺组成的方框中。如图8 图8 11、点击工具栏中“任意变开工具”舞台中的图片四周出现了8个小方块,中间出现一个小园圈如图9。

Flash动画制作实验报告

《Flash动画制作》 实验教学指导 目录 实验一F l a s h动画欣赏,熟悉软件环境 (3) 实验二图形对象的绘制与对象的编辑处理 (4) 实验三制作形状渐变动画 (5) 实验四制作图层特效动画——运动引导层动画 (6) 实验五制作图层特效动画——遮罩动画 (7) 实验六f l a s h特殊按钮的制作 (8) 实验七按钮、声音和A c t i o n脚本语句的综合运用 (11) 实验八A c t i o n S c r i p t的脚本语言 (13) 实验九f l a s h欣赏和综合设计 (14) 实验一Flash动画欣赏,熟悉软件环境 一、实验目的 1、通过Flash动画欣赏,了解该软件的功能并熟悉软件环境; 2、掌握舞台、工作区、时间轴、帧和关键帧的概念,了解制作Flash动画的基本流程; 3、学习Flash帮助的使用。 二、实验前的准备工作 认真阅读以下教学内容:

1、flash动画制作原理; 2、舞台、时间轴、帧、关键帧、图层的概念,了解flash动画制作的基本流程; 3、Flash动画文件的格式,如何新建、保存、输出打开和播放两种格式的文件。 三、实验指导 1、打开flash软件,分别选择打开已有.fla文件,观看界面的时间轴、图层、舞台、帧等; 2、分别点击时间轴、帧、舞台、图层,观看属性栏; 3、设置舞台的属性; 4、选中图层上的锁、眼睛、方框,观看时间轴、舞台变化; 5、新建、保存和导出文件。 四、实验内容 1、启动和退出Flash、了解Flash的工作环境; 2、打开、保存动画文件并观看Flash影片; 3、打开Flash帮助,浏览其目录结构。 五、实验报告要求 1、写出实验内容及过程。 实验二图形对象的绘制与对象的编辑处理 一、实验目的 1、学会设置笔触颜色和填充颜色,能使用铅笔、钢笔、笔刷、直线、圆、矩形等绘图工具绘制简单的图形,掌握复制和移动图形、对图形进行选取、变形、修改等操作; 2、熟练使用颜色调板。 3、绘制flash图形,进一步认识帧、关键帧、图层、时间轴的概念。 二、实验前的准备工作 认真阅读以下教学内容: 1、flash工具的基础知识。 2、flash时间轴和图层的知识。 三、实验指导 1、启动flash 软件,新建一个空白文档,观察主界面。 2、点击工具窗口中列出的flash的各种图像编辑和调板工具,同时观察其属性栏,并在flash舞台中使用工具,观察工具的作用。

制作简单的Flash动画教学设计

制作简单的Flash动画教学设计 一、教学内容分析 1、课程标准内容 学会使用一种动画制作软件尝试制作简单的动画,了解动画生成的基本原理。 2、教材作用与地位 本节是江苏科学技术出版社2007年出版的《信息技术》(初中下册第 8单元动画制作中Flash部分的开端,设计为2课时,《制作简单的Flash动画》是第2课时。这部分内容主要是让学生体验Flash动画制作的一般步骤,初步理解Flash 动画制作中的一些基本概念,学会创建和调用图形元件。通过对制作过程的了解, 让学生消除动画制作的神秘感,激发学生学习Flash动画制作的求知欲。 在尝试制作的过程中理解基本概念,形成正确、规范的制 作习惯,为后续的深层次的学习打下坚实的基础。 二、学情分析 学生对Flash概念的认识是基于网络上流行广泛的各种动漫作品和Flash 小游戏,因此,体验活动仅仅是欣赏和娱乐。 大多数学生没有去主动创作动画的意识,对动画的制作有神秘感和距离感, 对动画制作的过程知之甚少,甚至一无所知。通过上节课对源程序的分析 学习,学生对一些基本概念比如:关键帧、图层、图形元件等已经有了一定的了解。学生产生了很强的实践欲望,希望通过这节课亲手制作, 在制作过程中加深对基本概念的理解,亲历制作的全过程。 三、教学目标 1、知识与技能 (1体验Flash动画制作的一般步骤;

(2初步理解Flash动画制作中的一些基本概念; (3学会创建和调用图形元件; (4常用图形工具、文本工具的使用方法; (5制作简单的补间动画; (6了解Flash动画制作的基本方法; 2、过程与方法 通过制作《打地鼠》简单动画,让学生了解通过导入位图制作动画的方法;通过制作《撞球》补间动画,让学生了解利用绘图工具制作图形元件, 重复调用元件的方法。通过对 《撞球》中两个运动元素的动画制作,让学生学会分析和分解运动过程, 并学会用已有的操作技能来恰当地表现这些运动。 让学生体验了较为复杂动画制作的设计、制作过程,初步领会Flash 动画的基本设计、制作思路。 3、情感态度 排除学生的畏难情绪,激发学生学习动画制作的兴趣;培养学生规范的制作习惯和积极探究新知识的精神。 四、教学重点 (1体验Flash动画制作的一般步骤 (2了解Flash动画制作的基本方法 五、教学难点 (1理解Flash动画制作中的一些基本概念

相关文档
最新文档