第一篇:Flex与FLASH区别及Flex动画效果学习
Flex与FLASH区别及Flex动画效果学习
在Flex里面不像在Flash里面随意制作动画了,Flex更趋向于应用程序,而不是动画制作了,所以没有了时间轴的概念。在Flex中使用动画效果,可以用Flex自带的Effect,或者自已定制Effect,因为很多人都想借Flash里面的一样操作Flex,比如在Flash里面做一个动态按钮 很容易,当鼠标移动到上面时,会有很多发光的点跑出来(荧火虫效果),这种效果在Flash十分容易实现,但在Flex里面要实现这种效果就不是那么简单 的了,下面说说在Flex里的的动务效果的使用与自定义制作。
首先介绍一下Flex里面的自带的效果有以下几种:
Blur模糊效果
Move移动效果
Fade淡入淡出效果
Glow发光效果
Resize调整大小效果
Rotate旋转效果
Zoom缩放效果
WipeLeft 用遮罩实现画面收放效果,下同,分别为不同方向WipeRightWipeUpWipeDown
不同的效果所需要设置的属性也不一样,比如Blur效果需要设置它的X与Y轴的模糊像素
而Move效果需要设置移动的位置信息
其它设置可以参考Flex语言参考
下面说说如何使用这些效果。要运行这些效果有两种方法:一种是调用该效果的play()方法,另外一种是使用触发器来触发效果。
(1)使用play()方法:
先看效果:在线播放
以下代码:
在 代码中看到,要使用效果,先定好一个效果,如上面的
兰蔻bb霜 bb霜是什么 哪个牌子的bb霜好 好用的bb霜temp.vsimu.com
(2)使用触发器播放效果:
使用触发器播放效果的话,可以不用写ActionScript代码,直接在组件的效果触发器上指明使用哪个效果就可以了,比较简单明了,但就不能进行更多的属性定制,而用AS控制播放的话,可以对效果进行很多的设置再相应根据情况播放,先看看触发器播放的代码:
以下代码:
看以上代码,先写好了Blur的效果并设置好属性后,duration=”2000″这个是播放的时间以毫秒为单位。
在Panel标签里有这样一句:creationCompleteEffect=”{be}” 这个就是触发器,是该Panel组件的效果触发器,当Panel组件加载完成时,会由系统自动调用该效果触发器,触发器里面指了触发 be 这个Blur效果
在Flex里面还有很多触发器如:
addedEffect被添加进容器时触发效果
removedEffect被从容器中移除时触发效果
creationCompleteEffect 被创建成功时触发效果
focusInEffect获得焦点时触发
focusOutEffect失去焦点时触发
hideEffect被隐藏时(visible=false)触发
showEffect被显示时(visible=true)触发
rollOverEffect鼠标经过时触发
rollOutEffect鼠标离开时触发
mouseDownEffect鼠标按下时触发
mouseUpEffect鼠标松开时触发
moveEffect被移动时触发
resizeEffect被重整大小时触发
注 意:这些都是效果触发器,不要与事件触发器混乱了。事件触发器是rollOver,事件触发器与效果触发器差不多,事件触发器是当用户执行相就操作时触发 事件,将会调用自定的事件触发处理函数,而效果触发器是执行相应操作时被触发并由系统自动调用所定的效果的play()方法。
现在说说效果的一些其它属性:
每个效果都有reverse()方法,该方法是反向播放,原本由小到大的变化,而调用reverse();后再运行play()的话,效果将会从大到小进行播放。
但要注意的一点是,reverse()方法不会自动播放,即是单单调用reverse();的话,效果并不会播放,他只会记录该效果为倒转,而要再调用play()后倒转效果才会开始播放。而调用pause()与resume()就是暂停与继续播放效果startDelay这个属性是设置效果的播放延时,以毫秒为单位,即要等待多少毫秒后效果才开始播放,如:
该模糊效果将会在调用play()之后3秒才开始播放
repeatCount这个属性是设置效果的重复次数,默认为1,设置为0的话就是不停循环播放
每个效果都有两个事件:effectStart 与 effectEnd
你可以在该效果事件的处理函数里面对效果作相应的操作,如:
兰蔻bb霜 bb霜是什么 哪个牌子的bb霜好 好用的bb霜temp.vsimu.com
当效果播放完时,系统将会自动触发effectEnd事件,在处理函数里面,将该效果Instance即现时播放的效果实例进行倒转并播放,当播放完,又会触发effectEnd事伯,这样一直循环!
现在再来说说效果的组合:
通常如果你觉得只应用一个效果很单调的话,可以进行效果组合应用,即多个效果同时播放或者顺序播放,如,当加载页面时,你想Panel先模糊到一定程度,再将Panel移动到某个位置,再把Panel还原成原来的清淅度(即消退模糊)。这样分析一下,一共用 了三个效果,一,先应用Blur(由清至模)效果,当Blur完成时,再应用Move效果,当Move完成时,再应用另外一个Blur(由模至清)效果。这样三个效果组合就是按顺序组合,先后运行。先来看看效果:在线播放
再来看看代码:
看以上代码,
另外的就是同时播放了,
这 个
使用Flex自带的效果基本用法就这些,下篇文章将讨论自定义效果的制作,将会详细说说这篇文章上面说到的 effectInstance 即实例与工厂的概念。
兰蔻bb霜 bb霜是什么 哪个牌子的bb霜好 好用的bb霜temp.vsimu.com
第二篇:Flash动画制作基础知识-学习笔记
Flash动画制作学习笔记 动画基本原理
定义:
将相关的画面按照一定的速率连续播放所产生的视觉效果。常见动画格式:gif和swf; 动画的组成部分:
相关画面:画面之间存在差别---帧,1帧=1张画面
播放动画所需要的时间:帧频,每秒播放整数,如果需要制作5秒的flash动画? 电影:25帧
电视:国内25帧,欧美32帧
Flash:原来12帧,现在24帧-36帧 Flash制作过程
(打开一个工具一定要注意,新建、保存)建议使用flash传统界面(工具栏、场景、浮动窗口)1)新建文件---ctrl+n 2)修改文件尺寸---做的动画主要放在网站上面,所以需要根据网站或者客户需求设定,包括帧频---修改文档---文档---ctrl+j---设定场景尺寸 3)保存文件---ctrl+s---flash源文件格式(.fla)4)工具箱---ctrl+F2(创建对象)5)对象浮动面板---ctrl+F3(修改对象属性)6)打开时间轴---ctrl+art+t(控制动画的时间与画面---帧)7)输出flash商业文件格式---*.swf---在flash中ctrl+enter 3 帧的类型
1)插入一个空白帧(空白的画面,用于创建对象)---F7 2)删除帧---shift+F5 3)除了空白帧之外,还有关键帧(后一帧完全复制前一帧所有内容,然后在此基础上做相应的修改)---F6 4)插入一个普通帧(静止帧,起到的作用就是静止延长画面---停顿效果)---F5 4 动画制作方式:逐帧动画、补间动画
1)2)3)4)逐帧动画:动画每一帧都需要人为制作;
补间动画:只需要制作出动画的开始和结束的关键帧,中间过渡由flash自动完成; 补间动画:可以分为运动补间和形状补间
运动补间:要制作的对象必须转化为元件---F8;制作一个开始与结束的关键帧;在时间轴上鼠标右键,创建—传统补间; 制作技巧
1)分析动画技巧
2)分析产生效果的演员 元件
1)元件是flash动画中最基本的元素(对象、模板),创建后自动保存(保存在库中---F11),可以重复使用;修改一次,所有在“场景”中调用结果(元件的实例)会自动更新
2)创建元件的方法有两种,在场景中先绘制一个对象,然后F8转为元件;ctrl+F8直接新建元件;(元件相当于对象、模板,也就是演员,场景为后台,元件内容即为后台,需要化妆)
3)修改元件的方法:在库中双击进入元件编辑模式(后台化妆室);在场景中直接双击元件,进入元件编辑模式;
(商业flash动画,核心要点:必须要让你的用户能够看明白你的广告意图,所以必须在广告中要有动有静)7 多元件协同
效果:四个演员,先后出场顺序不同,最后一起停顿一次; 实现:分层(和PS一样,也是存在图层)放置不同演员 技巧:
1)将动与不动的对象分层放; 2)将动的对象也要分层放; 8 图文案例
1)库(道具库):将所用到的素材导入到库中;或者可以直接拖拉过去; 2)设定背景层,然后进行锁定; 3)添加相关文字,设置相关效果; 形状补间
Flash第二种补间动画---形状补间---变形 形状补间的原则:
1)产生动画的对象必须是一个现状,如果不是,需要进行分离操作; 2)需要制作开始与结束关键帧,中间过渡由flash随机变化; 3)在时间轴上鼠标右键创建形状补间;
4)在形状补间中,有一个形状控制点。使用控制点的前提是必须有形状补间动画(先作出形状补间,然后在该区间添加控制点,修改---形状---添加形状提示)10 引导层动画
通过图层赖斯翔的动画效果:引导层动画和遮罩层动画
引导层动画:比如想让球按照曲线移动,一种方法是逐帧设置,另外一种方式就是通过设置引导层,通过设置一个引导层来确定移动的路线。(就是下面被引导层中的对象,沿着上面引导层中的路径做运动的补间动画)
1)要想实现对象的曲线运动,必须通过引导层与被引导层,两个层协作实现; 2)下面被引导层中放置的是运动的对象,上面引导层中放置的是运动的轨迹,而在动画播放时,引导层是被隐藏的。
3)被引导层中的对象沿着引导层中的路径做运动,”属性面板“中需要勾选“调整到路径”
第三篇:Flash动画制作学习的心得
Flash动画制作学习的心得
Flash的动画制作原理和拍摄动画电影的过程基本一样,所需的庞大工作量和较长的制作周期相对于画一张静止的纯绘画来说,还是要长出许多,所以决定了动画每一帧画面不能像纯绘画那样追求精雕细刻(当然这样说也不是主张粗制滥造),这也就是卡通动画在flash动画里占绝大多数的原因。
在flash里,动画的含义比较广泛,既可以是位移,也可以是变形,还可以是颜色的改变,用遮罩还可以做出更多的变化。动作的表演只有鼠绘动画才用到,设计主角配角、道具和场景也只有在鼠绘动画里才显得非常重要,只有重视这些,才能把“戏演好”!而动作的设计出之于文学剧本,至少应该有一个腹稿,也就是说你既当编剧又当导演,这不是很有趣吗?而能作出生动合理又夸张的动作,那就要看作者平时的观察能力和生活积累了。动作是动画的生命,所有的动作都是在时间轴区域的帧上进行编辑的。
动作和时间有天然的关系,在变化程度一定的情况下,一个动作所占用的时间越长,速度就越慢,时间越短速度就越快,而动画的基本时间单位是帧,所以动作的速度快慢在flash里就体现为帧的多少,一个画面需要停留的时间长短,就用延长帧来表达,和拍摄动画电影1拍1、1拍2的道理是一样的。
三.物体运动现象成为夸张描术的对象
说到flash鼠绘动画的动作,我们不得不想到是什么原因造成物体运动的?
物理学告诉我们:力是物体改变其运动方式的原因。物体运动必须克服重力、摩擦力、地球引力和空气阻力。我们在生活中感受到:如果没有力的作用在物体上,物体始终保持着相对的静止状态。在学习flash动画中,我们可以看到钟摆运动,如果知道一点物理原理(在物理中叫单摆运动),那么在钟摆作半径45度运动时,A点左边极点到B点右边极点(我们假设C为垂直极点),那么从A点到C点比较快,从C点到B点是上升的,应该是比较慢,反之也然。这种运动状态在帧上不可以把它们平均分配。
我们知道小球从空中落下是加速运动,即每秒速度增加9.8秒/米。汽车刹车是减速运动,红旗在空中飘动是受空气阻力的结果,它的运动方式是波浪运动,而波的理论很深,我们做动画只要明白一点基本道理就可以,那就是波的传递是一个固定波形的平移过程。还有就是抛物运动,它有抛物线轨迹,子弹从枪口里出来我们也可以把它理解为抛物运动,速度的快和慢我们可以理解为力的强和小,在强大力的推动下,抛物线的顶点的距离当然远,反之就近。以上这些就是简单的物理原理,它可以帮助我们更好地处理我们自己画的动画中的对象的运动方式。
我们知道:幽默和夸张是动画影视片的特点。幽默是它的内容,夸张是它的动作,凡是好的动画影片都具有这个特点。那么那些优秀的动画作品在哪些动作上作了夸张呐?最常见的就是运动,我们注意到在突然启动奔跑时和突然停止时,凡是人物包括所有的动物和有动力的车,动画设计者都会在这两个时间点上大做文章。而这正是动画最吸引眼球的地方。
他们是这样描术的:突然加速时动物的腿快速运动(有动力的车轮快速转动),这时的身体没有动(车体也没有动),反而往后稍稍移动一点,然后很快向前冲出。
突然停止他们是这样描术的:腿不动了(包括车的轮子),整体向前移动一点距离然后再拉回一点距离。
这样的描述我们都能接受,为什么?因为他符合生活和我们视觉上的感受。而更主要的是这里面体现了物理因素。
暂时分享这么多,以后还会陆续写一些自己学习的心得。
最近一段时间很忙,因为七厘米网要出一整套有关于网站主要卡通人物的故事FLASH动画,现在正紧锣密鼓的进行着,好期待这一套动画的出来,因为这上面也有我的汗水。
第四篇:学习FLASH动画制作的心得
学习FLASH动画制作的心得
摘 要
近几年来,flash 动画发展迅速。它是图、文、声一体的动态表现能力,极强的交互性深得人们的喜爱。我们在浏览大部分网站和网页时都能看到大大小小、各式各样的 flash 动画,还 有 flash 制作的 MTV、课件、小游戏之类更是不计其数。
关 键 词 :动画制作 Flash 学习Flash已经有一个学期了,直到这一刻,我才感到Flash动画,在我的生活中,点缀着闪亮的光芒,勾起了我童年的回忆,掀起了我画画的热情,学了它,让我再次感受到生活的美妙,生命的绚丽。
回想起自己,当初对Flash一无所知,现在,变的稍微有一点感觉。刚进入大学的时候,我对Flash一点也不了解,一点都引不起我的兴趣。那时的我,只有对着Photsshop埋头苦干了,说真的,我看着那千化万变的Flash动画,为什么我一直都没有去找个究竟呢 没有什么,大概就是我不喜欢它的原因吧!
终于到了大一的第二学期,自己不了解的课程,还是要坦诚的去面对,对于Flash,我一点也不了解,起初真的好辛苦啊!通过学习,我想:对Flash也有有稍微的了解,从以前的一无所知到老师教了我们,可以说是上了一个小台阶了吧?
到了现在,我了解到Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它还是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果呢。简直太神奇了吧?近几年来,Flash动画发展迅速。它以图、文、声一体的动态表现能力,极强的交互性,而深得人们喜爱。而我却赶不上时代潮流的发展,在学习和制作课件的过程中,我发现Flash提供了功能齐全的绘图和编辑图形工具,可以直接在编辑区里绘画,编辑修改非常灵活,使我逐渐掌握了这些工具的功能和使用方法。
FLASH 对我来说并不陌生,因为在浏览大部分网站、网页的时候都能看到大大小 小、各式各样的 FLASH 动画,还有 FLASH 制作的 MTV、课件、小游戏之类更是无 计其数,有的动态高级网站更是全部利用 FLASH 所制作。
从简单的动画制作,逐渐学习了影片剪辑等。让我在制作过程中逐渐掌握电脑调色的基本原理,学会了把制作的元件和导入的素材保存在元件库里,要让元件登台表演,还要从元件库导入到工作区(舞台)中。我还发现Flash动画的一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制。这些控制大多由按钮来完成,通过“按钮”这个作品,使我学会了按钮的帧结构、各种动态按钮的制作,同时学习一些简单的控制如播放、停止、返回、拖放等语句的输入和使用。
Flash提供了很强的文字处理功能。通过制作“淡出淡入”和片头等作品,我学会了文字的使用技巧,同时也明白了表达能力是无法完全用图形和声音代替的。明白了有时文字的重要性甚至大于画面和声音。我们学习了Flash,就要会运用。然而,我们要的不是表面的东西,我们既然学了,就应该好好的去实践,实践是基础,也是走向成功的重要阶梯,动手自己练习,学会自己创作简单动画,就是我对自己的要求,虽然不算高,就让我们一步一步的走向成功吧!学习是没有捷径的,踏踏实实的,一步一个脚印。
通过这几周来的学习,从安装、启动Flash 8基本操作学起,一步一步了解动画原理,了解帧与层的概念。通过十个简单的动画制作实例,为我以后的学习打下基础。
Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活。使我逐渐掌握了这些工具的功能和使用方法。
首先从简单的小球运动学起,逐渐学习画蝴蝶等。让我在绘制过程中逐渐掌握电脑调色的基本原理。学会了制作的元件或导入的素材保存在元件库里,要让元件登台表演,还要从元件库导入到工作区(舞台)中。通过落雨、水波效果等实例,理解了元件小舞台动作与主场景中动作的关系。
我还发现Flash动画的一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制。这些控制大多由按钮来完成,通过“按钮”这个作品,使我学会了按钮的帧结构、各种动态按钮的制作,同时学习一些简单的控制如播放、停止、返回、拖放等语句的输入和使用。图文并茂的作品才有更好的艺术效果。Flash 提供了很强的文字处理功能。通过制作“淡出淡入”、“简单MTV”等作品,我学会了文字的使用技巧。同时也明白了表达能力是无法完全用图形和声音代替的。歌曲、影片中加上文字台词,很受人们喜爱。明白了有时文字的重要性甚至大于画面和声音。
通过制作“探照灯”、“水波效果”等作品,让我明白了Flash的“遮罩”并不是遮住罩住的意思,它是以一种特殊的方式来处理被“遮”层中的内容的。遮罩层覆盖在被“遮”层上,遮罩层的内容在播放时并不显示,而是在遮罩层中有图形或文字的地方显示被遮层的内容,被遮层中将成为全透明状态。这就是说,遮罩层只是作用于被遮层的。我知道了动画中很多特殊效果都是用遮罩功能实现的吧。在我刚看到这些作品的时候,我认为只有是高手才能做出来的东西,我这初学者是可望不可及的。
通过书写脚本语言,我觉得Flash的语言(动作脚本)非常讲究,它不像我以前学的SQL语言那么随意,还要区分大小写、空格、标点都要注意。我明白了很多程序都有自己的语言,需按照规定好的语句和格式书写,系统才能识别。
补间动画,一般我们用动画补间,可以用到人物手,头左右摆动等简单的地方。多数还是用于镜头的推拉。注意的是一个图层用于一个元件来做补间动画,如果多个元件在一个图层来做补间的话库里会出现不规范的补间1和补间2。在原件里也可以使用动画补间。现状补间使用较少,多数还是选择逐帧去画。形状补间结合提示点只能用于简单的变形,变的比较圆滑但很乱。
总之,通过这几周的学习,我的感受用语言是不能完全说清楚的,我要继续努力,才能学的更好!
学完了Flash之后,真正的让我体会到网络上资源的丰富,Flash在充当着那么重要的角色,五彩缤纷的世界,绚丽的贺卡,还有小小的益智游戏,无不有Flash来担当。原来它是这么的厉害,这么的受到好评,难怪当初有那么多的同学对其感兴趣了。现在终于轮到了我,我应该好好去珍惜这个机会,力求为自己在此刻充充电,让自己有更加渊博的知识在竞争激烈的社会上站稳阵脚.
第五篇:《初识Flash与动画》教学设计
《 初识Flash与动画》教学设计
学习者分析
在学习Flash前,学生已学过windows、office等,掌握了一定的计算机的基本操作,如启动软件、软件的一般界面、选中对象再操作对象等,对进一步学习Flash动画制作有一定的基础。由于动画生动直观,能够点燃学生学习动画的热情,为教师提供良的教学环境,所以,本节课虽然是Flash的第一节课,但相信学生会感兴趣,也能学好。
教学重点、难点:
重点:理解帧的概念、动画原理,掌握Flash基本操作 难点:理解帧的概念、动画原理
教学目标
1.知识与技能
①熟悉Flash Mx 2004的界面
②掌握对图片的导入、缩放、旋转操作 ③理解帧的含义、动画原理
④基本能进行帧频的改变,帧的复制等操作 2.过程与方法
通过对导入的系列图片所形成的逐帧动画进行播放和逐帧修改,熟悉Flash界面,理解帧的含义、关键帧的概念、动画的原理,了解传统动画的制作方法。3.情感态度价值观
通过逐帧修改,播放观察,调动学生学习动画制作的积极性
四、教学理念和方法
采用任务驱动教学。先对导入的系列图片所形成的逐帧动画进行剖析,理解帧的含义、动画原理,在此基础上逐帧修改,让学生制作不同效果的逐帧动画,由简到繁,完成各层次的任务,培养学生的探究精神。学生在操作过程中熟悉Flash界面,掌握Flash基本操作,通过播放及对播放参数的修改,进一步加深理解动画原理,了解传统的逐帧动画制作,为下节课制作关键帧动画埋下伏笔。
五、教学过程设计
1、教学内容的组织与呈现方式 教师先介绍计算机的两种图像类型,为什么Flash的矢量图更适于在因特网上传播。然后才让学生启动Flash,了解Flash的界面。接着教师对导入的系列图片所形成的逐帧动画进行剖析,理解帧的含义、动画原理。接着引导学生完成“修改各帧,使小鸟可以随意飞翔”任务(基本任务)及“通过复制帧、翻转帧、改变飞行方向等,使小鸟能飞回原位”任务(提高任务),最后让学生探究:“多个小鸟同时飞翔的动画制作”(拓展任务)。
2、教学过程 教学环节 1.引入 演示与讲解
介绍数字图像类型,用Flash制作的图像属于矢量图。矢量图体积小,放大不失真,更适于在因特网上传播。2.启动Flash 演示与讲解:介绍Flash界面,如时间轴、舞台、属性面板等。3.动画原理
演示与讲解:动画原理
1.动画播放:小鸟在原地飞翔 2.动画原理:人的视觉残留原理
3.帧频:修改帧频后再播放,观察小鸟飞翔的速度,理解帧频的含义。5. 4.帧的修改
演示与观察:改变帧与动画效果 1.
修改各帧小鸟位置
2.修改某帧小鸟的飞行方向 3.
修改某帧小鸟的大小 5.帧的复制与翻转
演示:逐帧动画的制作
1.将前八帧复制粘贴至第九帧处 2.
选中刚复制的后八帧并进行帧翻转 3.
播放,观察效果,找出不足之处 4.
修改后八帧小鸟的方向及大小,使小鸟由远飞到近(大),又由近飞回到远方(小)
6.小结
1.对帧、关键帧、逐帧动画、动画原理的理解 2.
改变对象位置、大小、方向的操作方法 3.思考:传统动画制作的优缺点?
教学评价
①基本任务:导入小鸟飞翔的序列图片,修改各帧,使小鸟可以随意飞翔。(60分)②提高任务:通过复制帧、翻转帧、改变飞行方向等,使小鸟能飞回原位。(80分)③拓展任务:不同小鸟(或其它动物)同时运动(100分)
学生只需挑选一个任务进行提交即可,如只交提高任务。教师即时评分或存盘评分。巡堂时发现有特色作业即用大屏幕演示,并加以表扬鼓励。教学资源:
① 教师用PowerPoint“动画原理.ppt” ② 教师提供小鸟等图片素材
③ 实例欣赏:“文字显示.fla”、“人物旋转.fla”
教学反思
上完本节课后,感觉学生对动画制作有了浓厚的兴趣,特别是通过对逐帧动画的各种操作,学生基本上都能理解帧、关键帧、逐帧动画、动画原理,掌握Flash基本操作,如逐帧改变小鸟位置、大小、方向的操作,为后续的关键帧动画制作打下了良好的基础。
大部分学生可以根据“操作指南_1.doc”进行学习,完成不同层次的教学任务,95%的学生能完成基本任务,80%的学生能完成提高任务,36%的学生能完成拓展任务,达到了预期的教学目标,取得了比较满意的教学效果。