flash动画制作思路
文件夹
随着个人素质的提升,报告使用的频率越来越高,我们在写报告的时候要注意逻辑的合理性。那么,报告到底怎么写才合适呢?这里我整理了一些优秀的报告范文,希望对大家有所帮助,下面我们就来了解一下吧。
教学目的:对动画基础知识有一定了解;通过案例讲解,了解并掌握flash动画制作的过程;重点: 原画 动画 中间画 分镜头 动画制作过程 flash动画时间控制技巧 讲解内容:
一、flash动画概述
1、动画
是将静止的画面变为动态的艺术.实现由静止到动态,主要是靠人眼的视觉残留效应.利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。
2、原画
动画与动画设计(即原画)是不同的概念,原画设计是动画影片的基础工作.原画设计的
每一镜头的角色、动作、表情,相当于影片中的演员.所不同的是设计者不是将演员的形体动作直接拍摄到胶片上,而是通过设计者的画笔来塑造各类角色的形象并赋予他们生命、性格和感情。
3、中间画 动画片中的动画一般也称为“中间画”.这是指两张原画的中间过程而言的.动画片动作的流畅、生动,关键要靠“中间画”的完善.一般先由原画设计者绘制出原画,然后动画设计者根据原画规定的动作要求以及帧数绘制中间画.原画设计者与动画设计者必须有良好的配合才能顺利完成动画片的制作。
4、动画绘制需要的工具一般有:拷贝箱工作台、定位器、铅笔、橡皮、颜料、曲线尺等.方法是:按原画顺序将前后两张画面套在定位器上,然后再覆盖一张同样规格的动画纸,通过台下拷贝箱的灯光,在两张原画动作之间先画出第一张中间画(称为第一动画),然后再将第一动画与第一张原画叠起来套在定位器上,覆盖另一张空白动画纸画出第二动画.依此方法,绘制出两张原画之间的全部动作。
二、flash动画制作过程
flash动画影片制作的过程可分作六步
:
1、由编导(可以是你自己)确定动画剧本及分镜头脚本;
2、美术动画设计人员设计出动画人物形象;
3、美术动画设计人员绘制、编排出分镜头画面脚本;
4、动画绘制人员进行绘制;
5、导入到flash进行制作;
6、剪辑配音。
在分镜头画面脚本绘制过程中,应养成填表的好习惯,在表格中注明画面的景别,画面景别使用的专
业术语有:大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面 镜头号 景别 秒数 内容摘要 对白 效果 音乐
(备注:镜号:即镜头顺序号,按电视教材的镜头先后顺序,用数字标出。它可作为某一镜头的代号。
机号:现场拍摄时,往往是用2—3台摄像机同时进行工作,机号则是代表这一镜头是由哪一号摄像机拍摄。前后两个镜头分别用两台以上摄像机拍摄时,镜头的连接,就在现场马上通过特技机将两镜头进行现场编辑。
景别:有远景、全景、中景、近景、特写等,它代表在不同距离观看被拍摄的对象。能根据教学内容要求反映对象的整体或突出局部。
技巧:电视技巧包括有摄像机拍摄时镜头的运动技巧,如推、拉、摇、移、跟等,以及镜头画面的组合技巧,如分割画面和健控画面等,还有是镜头之间的组接技巧,如切换、淡人淡出、叠化、圈入、圈出等,一般在分镜头稿本中,在技巧栏只是标明镜头之间的组接技巧。
时间:指镜头画面的时间,表示该镜头的长短,一般时间是以秒去标明。
画面内容:用文字阐述所拍摄的具体画面。为了阐述方便,推、拉、摇、移、跟筹拍摄技巧也在这一栏中与具体画面结合在一起加以说明。有时也包括画面的组合技巧,如画面是属分割两部分合戌,或在画面上键控出某种图像等。解说:对应一组镜头的解说词,它必须与画面密切配合。音响效果:在相应的镜头标明使用的效果声。音乐:注明音乐的内容及起止位置。
备注:方便导演作记事用,导演有时把拍摄外景地点和一些特别要求写在此栏。)
案例:《小和尚》系列制作全过程解析
请同学们先欣赏flash动画《小和尚-圣诞夜惊魂》
一.剧本创作
好的剧本绝对是动画的灵魂,对于短小精干的flash短片尤其如此。一个经典的flash动画,其中必然包含了一个精彩的“创意”。
常有朋友问我这些创意来自哪里。
其实,创作是个人情感的一种宣泄,这些创意有的来自生活中的点滴思绪,有的来自一个梦,有的来自朋友间的闲聊。创意往往是一瞬间的感触,可以是一点感动,可以是一个让自己想笑的怪念头,也可以是一个意外。这样的东西其实常常都会有,但大多数时候它在你的脑海中划过,转瞬即逝。只有敏感的,善于发现的人才能抓住它。
我一直有一个习惯,我有一个小本子,随身携带的,一有什么好的想法我会记下来,或者画张草图。其实都是点点滴滴,很不起眼,但当你需要的时候,这就是一笔财富。
下面就给大家分析一下《小和尚3圣诞夜惊魂》的剧本。
首先,我们有一个初步的想法。要赶在圣诞节前夕做一个关于圣诞老人的小故事。但系列的主角是“和尚”,“和尚”与“圣诞”是两个毫无关系的名词。怎样才能让和尚过圣诞节呢?我们曾经想过做一些温馨的题材,比如让小和尚又累又饿的回到寺院,老和尚与小姑娘准备了满桌的美味等待他。但这个想法立刻就被否定了。这与我们追求的搞笑、前卫的风格不符。于是我们想到让老和尚假扮圣诞老人去给孩子们送礼物。初步的想法有了,但如何才能精彩呢?几个朋友在讨论中想法逐步成熟,有人提出要让老和尚吃点苦头。对啊,既然小和尚他们根本就没见过圣诞老人,那么他们对待一个从烟囱爬进来的奇怪小偷就只能是“痛打”。于是故事的主线有了,接着就该想一些细节上的笑料了。老和尚也没见过“圣诞老人”,也只是从“娃娃画报”上一知半解,所以我们就可以让他的扮相不伦不类,一身红棉袄加上一条京剧里面“关公”式的假胡子,就有了这个不土不洋的造型。
老和尚从画报上了解了圣诞老人,开始化装,假扮圣诞老人给孩子们送礼物,从烟囱里爬进小和尚的房间,却被当成小偷痛打。(图-痛打)
这样,故事基本成型了。然后是那条虫,怎样安排那条虫登场并且在适当的时候“死掉”呢?经过讨论,我们决定让小虫在一开始交代场景的时候就登场,作为一个伏笔。然后,让虫把蛋糕偷偷吃光,最后撑死。顺便提醒大家:节日期间不要暴饮暴食。(图-撑死)
二、根据剧本设定人物形象
1、剧本分析:flash动画中的人物就好比电影中的演员,影片中的任何故事都必须通过角色的表演来实现,他们的性格、长相、身材、穿着将直接影响到影片的好坏。看一部影片,你看到了丰富的剧情故事,但这些故事过不了多久你就会淡忘,最终留在你脑海里的并不是这些故事,而是表达故事的主体——角色。由此可见,角色设计在影片的制作中是极其重要的一个环节。
首先,我们要确定人物所处的时代背景以及出身环境。简单的说,他是中国人还是外国人,是古代人还是现代人,是贵族还是平民„
《小和尚》系列我们将其时代背景设定为“亦古亦今”,发生故事的主要场景——“泔露寺”是古色古香的中国寺院,寺院旁有个小山村“珠窝村”,典型的中国偏远农村。但大山之外就是现代化的大都市。片中主要角色都是古装,可以说是生活在现代的“古代人”吧。
然后,我们必须明确人物的性格,人物的造型必须要符合人物的性格,而且要为性格服务。
2、分析一下《小和尚》中主要角色的性格特征,并进行人物形象设计
小和尚是一个憨憨的、笨笨的的形象。没见过什么世面,所以什么事情都容易轻信。没什么本事,但做事情坚持,极有毅力,一心想练好武功。另一方面,他有时又有一点坏坏的,特别是对那条绿色的虫,总想弄死它。(图-小和尚)
小姑娘是一个天真、可爱的小妹妹形象,从来不知道什么叫危险,总把事情想的很单纯。不过运气特别好,总能化险为夷。所以每次小和尚想要保护小姑娘,最后结局总是自己被揍的很惨,小姑娘反而没一点事。(图-小姑娘)
老和尚是个武林高手。不过很龌鹾的那种,有事没事就吐口痰,武功招式也都比较恶心,比如„„以后你就知道了。他总是爱利用
自己师傅的身份欺负小和尚,是个搞笑的形象。(图-老和尚)
女道士是一个比较花痴的角色,漂亮但没头脑。很喜欢小和尚,总把小姑娘当成假象的情敌。(图-女道士)
绿色的虫,配角?其实它才是真正的隐藏主角呢,小姑娘的宠物,是一个不畏艰难险阻,每集都登场,然后冲向死亡的角色。(图-虫)
进行形象设计师需要反复修改
在下面,我们以小姑娘和绿色的虫为例子,详细的讲解。
在设计小姑娘的时候,我们首先画了一些草图,把脑海中对这个人物的印象用画面表达出来,从一个粗略的轮廓逐渐清晰,逐渐具 6 体。最终,从几套方案中确定了这个形象——穿中国式的红棉袄,扎俩小辫子,身材娇小,有点小不点的感觉,看上去很乖。(图-小姑
娘初稿)
就在最终定稿的时候,我忽然来了点子,一狠心把一双水汪汪的大眼睛给擦掉了,随手两笔,给小姑娘加上一双笑嘻嘻的眯缝眼,而且,以后小姑娘总是笑嘻嘻的,眼睛永远不会睁开。这样一来,这个角色非常符合她的个性,而且很有特色呢,我自己很喜欢。(图-小姑娘完成稿)
3、将线稿扫描进电脑,描线。
描线的时候,我通常是用“铅笔”工具,用统一粗细的线条勾勒出轮廓线,线条要尽可能的简练圆滑,不要出现过多的节点,不要有断线、乱线,保证每一个色块都是由完整单一的流畅线条围成。此时,选中“吸附”是非常有用的。
(图-小姑娘单线稿)
4、描好线以后我们要把线稿作成元件,为了方便将来做“补间动画”,我的习惯是直接将人物按照关节拆开做,所以身体的各部分都是单独的元件。躯干、上臂、下臂、手、大腿、小腿、脚全部作成独立元件。这样,将来做动画的时候,很多情况下都只要挪一挪某些部分的位置就可以实现,非常方便。(图-元件的拆分)
5、填色,但如果你仔细看《小和尚》系列,你就会发现我们在填色之前还有一个重要环节——边线的处理、休整。我通常的做法首先是将线条转换成块面,运用“修改—外形—转换行成填充”这一指令。然后将线条的边缘进行细节的调整,有时候要用到“节点选取工具”,调整边线的时候,要考虑线条的走向、韵律,线条的两头尤其重要,有一点类似于国画中的线条感觉。小和尚系列的边线都不是黑线,而是比填色深一些的色线。(图-线条的修整-1)
图-线条的休整-2)
-线条的休整-3)
(图
(图-线条的休整-4)
注意,休整过的线条可以使画面更精致、更富有细节、更耐看,但会极大的增大工作量,尤其给逐格动画的制作添很大的麻烦。所以不推荐所有爱好者学习。
填色。调出合适的颜色,用“油漆桶”工具倒入相应区域。很多朋友问我,“怎样的颜色搭配才算漂亮”,或者“如何才能搭配出漂亮的颜色”。其实颜色搭配是否漂亮没有一个绝对的标准,见仁见智,你觉得漂亮就是漂亮。想在这方面做的好就需要扎实的美术修养。如何提高呢?一方面,可以买一些关于色彩理论的书籍,了解色彩原理是很重要的。另一方面,可以多看好的作品,(不光是flash,也包括平面设计、绘画、摄影作品等等),体会、模仿人家的搭配。从经典的作品中汲取营养。(图-小姑娘填色)
到这里,一个角色的制作可以算是完成了,但如果你觉得还要更精致,你可以给角色加上明暗。用线条工具勾勒出暗面的轮廓,填上稍深的颜色,再将线条擦除即可。但有朋友会问了,“我怎么知道暗面在哪里呢?”这就需要扎实的素描功底了,还有就是在生活中多观察,了解光影的原理你才能画出扎扎实实的东西来。(图-小姑娘完成稿)
再举一个比较独特的例子,我们来看那条虫形象的设定。
首先我们有一个初步想法,我们要给小姑娘设定一个宠物,它是一个贯穿整个系列的搞笑配角。最初的想法是设计一只猫或者一只狗,但都觉得太普通了,无法给观众留下深刻印象。后来经过再三讨论,我们想过设计一只麒麟。这本身是一个不错的想法,有中国特色,又有一定的神秘感,适合围绕它展开故事。但这个想法有一个致命的问题——麒麟造型太复杂,不适合flash制作。最后,我想到一个比较另类的点子,设计一条虫作为小姑娘的宠物,原先的想法是甲克虫,或者蟑螂之类。但再三考虑之后,我决定做成一条绿色的毛毛虫,造型简单,适合表现,而且肉忽忽的身体可以有多种多样的“死”法。以后这条虫每集动画都会登场,且每集都会有不同的“死”法。这本身就是一个极“酷”的点子大家都觉得不错,于是这条虫诞生了。具体制作方法同前段所述就不浪费笔墨了。(图-虫的各种状态)
三.动画制作篇
有了剧本和角色,下面我们开始制作动画。
1、首先,根据剧本画出分镜头草图。就是把剧本具体到每一个镜头,把每一个镜头在纸上画出草图来。(图-分镜头草图)
很多朋友往往忽略这个步骤,想到哪里做到哪里。其实这是很不好的习惯。
制作分镜头草图的过程就是输理整个影片思路的过程。这样,在动画正式制作之前,你就已经把影片在脑海里播放了一遍。很多问题在这个阶段就暴露出来并且立即被解决。否则,想到哪里做到哪里,做完了再想后面的,会让你的影片非常乱、没有头绪。而且,一部影片的制作,往往需要相当长的周期,在这个过程中,很多最初的精彩想法会被忘记。所以一定要认真的制作分镜头草图。
2、动画的制作
开始动手制作动画了。我在正式合成一集动画片之前,会首先制作片中要用到的动作元件。(图-小和尚的动作元件)
即给角色制作动作。我通常的习惯是先把标准角色放进场景中,然后根据需要给角色摆出相应的姿势,如果能够通过挪元件位置调出来的,就很省事了。如果不能,就要画出来。(图-姿势)
然后就可以调动作。
我做角色动作的时候通常有两种方法。即“元件动画”和“逐格动画”。
所谓“元件动画”是将需要运动的部分做成单独的元件,放在单独的图层做运动渐变。如果需要多个元件同时运动,就要将每个元 17 件放在一个单独的图层,分别做运动渐变。如果运动的部分多了,动作就显得丰富。其实,再怎么复杂的动作也是由最基本的元素组成的,只要你多加体会,也能做出很复杂、很到位的动作来。“元件动画”的优点是相对简单,只要为每个运动的元件设定起始状态和结束状态的位置,中间所有的过程都由电脑自动生成。缺点是只适合做一些简单的位置移动、放大缩小等等。(图-走路的元件)
如果你需要的效果不只是位置移动,而是每一格画面都要有较大的变化,那么,“元件动画”就无法实现了。这样就只能做“逐格动画”了。“逐格动画”原理很简单,就是你需要一格一格的画出角色动作,最终连成连贯的动作(与传统动画原理相同)。优点是细腻,丰富,但制作起来相当费事,往往一小段动作需要画几十张连贯的画面。要耗费大量的劳动,而且需要对动作有相当深刻的理解,否则就很难达到效果。(图-冲向屏幕)
动画制作中应注意的问题: flash动画时间控制的技巧
1、时间与帧数
对动画时间的基本考虑是放映速度:电影和电视的放映速度是24帧/秒,而动画片一般有12帧就可以了,然后录制或拍摄时进行双格处理。如果绘制动作较快的动画最好进行单格处理,即每秒要绘制24个画面。对於快速奔跑的动作,一般采用8帧单格画面。对於物体发生震动用单格处理两端的动作就可以了。
2、动画的间格距离表现
物体的静止到移动到静止都有类似的规律:静止开始时速度慢、运动中的速度快、运动停止时的速度慢.表现在帧数上则是:从静止到运动帧数逐渐减少,从运动到静止帧数逐渐增加,中间运动过程的速度最
快,帧数也最少。
3、循环动作的时间
在动画中经常会有循环动作,但不同的情况需要的帧数也是不同的。如:快速飘扬的旗需要6帧画面循环;又如火焰的循环,大火的动作循环从底部烧到顶部可能需要几秒,而小火的循环只需要几帧;下雨的循环动作最好设置两层,前层雨水穿过屏幕,一般需6帧画面,后层雨水穿过屏幕的时间慢於前层,循环的帧数也相应多於前层;下雪的动画则至少需要有3种大小不同的雪花,循序的时间约需要2秒;一个急速跑步动作需4帧画面,快跑动作需8帧画面,慢跑动作则需12帧,超过16 帧,画面就失去冲刺感觉;大象需要1'1.5秒完成一个完整的步子;小动物如猫的一个动作只需0.5 秒或更少;鹰的翅膀一个循环需要8
帧;小麻雀的翅膀循环动作有2帧画面就可以了。
信息技术兴趣小组活动教案
王
德 亿利东方学校
第一周 flash的基本知识
教学目标:
1、熟悉flash的界面。
2、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。
3、掌握几个基本术语:图层、元件
4、记住几个快捷键
5、完成四幅绘制图案 教学重点: 应用工具画图 教学难点: 复杂遮照的创建。教学过程:
一、界面环境介绍
二、工具箱的介绍
工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏:“工具”栏、“查看”栏、“颜色”栏和“选项”栏,单击某个工具的按钮,即可激活相应的操作功能,以后把这一操作叫作使用某个工具。(1)“工具”栏:工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。(2)“查看”栏:工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。(3)“颜色”栏:工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。
(笔触颜色)按钮:用于给线着色,也叫作描绘颜色。(填充色)按钮:用于给填充着色。
(从左到右分别是:黑白、没有颜色和交换颜色)按钮:单击“黑白”按钮,可使笔触颜色和填充色恢复到默认状态(笔触颜色为黑色,填充色为白色)。在选择了椭圆或矩形工具后,“没有颜色”按钮才有效,变为,单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮,可以使笔触颜色与填充色互换。(4)“选项”栏:工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的,大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时,通常应当在选中绘图或编辑工具后,再对其属性和功能进行设置,才能顺利达到预期的效果。
三、动手用一下工具
1、使用工具制作一个“笑脸”或“哭脸”
2、渐变工具的使用:几个关键概念
颜色调板
填充变形工具的使用
3、用椭圆画个画环 操作步骤:
1、用填充色画圆,并设置笔触的粗细。
2、设置边线的填充色为“七彩色”。
3、将该线形圆环转换成填充色:修改--形状--将线条为填充。
4、使用“墨水瓶”工具给圆环加边线。效果如右:
4、用多边形工具画太阳 操作步骤:
1、用多边星形工具制作太阳的外围,作以下设置:(1)将矩形工具转换成多角星形工具
(2)设置多角星形的“属性”中的“选项”
(3)设置“样式”为星形,输入星形数,及星形顶点大小(顶点越小,星形越尖)
2、设置填充色为放射性,无边线
3、开始画星形。
4、创建一个同心的圆为太阳的脸。
5、使用直线工具画眼、嘴。(注意:用选择工具调整其曲线度,利用变形工具作旋转)
四、课堂习题:自创月亮
五、课后作业
1、书本p34页的实例6:茶杯。
第二周 各类特效文字的制作
教学进度:正常 教学目标:
1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。
2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。
3、掌握如何制作特效文字。
4、掌握位图的导入及矢量图的转换。
教学重点:
1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作
教学难点: 复杂遮照的创建。教学过程:
一、点框文字 制作步骤:
1、用文字工具输入文字
2、将文字使用“分离”或按下(ctrl+b)组合键
3、再将每个分离的文字使用“分离”,即直到文字被选中时呈现点型。
4、使用“墨水瓶”工具,设置线型为“点型”,设置线的颜色(注意务必使用与文字颜色不同的一种颜色),用鼠标单击文字
5、所有文字的边线勾勒完毕后,用选取工具选取文字内心,并删除。
二、彩虹文字 制作步骤:
1、用文字工具输入文字
2、将文字使用“分离”,(分离二次)
3、选择填充颜色,再用颜料筒单击文字即可
三、彩图文字
图片下载 制作步骤:
1、用文字工具输入文字
2、将文字使用“分离”
3、选择填充类型为“图片”,图片填充有二类
4、再用墨水瓶工具勾勒边缘
5、将边缘线条转化为填充
6、“修改”--“形状”--“柔化填充边缘”
四、雪花文字
五、补充知识:倒影字的制作
六、课后作业:制作一个图案文字
小技巧:ctrl+v与ctrl+shift+v的区别:后者是复制时保持前后位置都一样。
第三周 直线运动和变形运动
教学目标:
1、要求学生掌握直线运动和变形运动的补间。
2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。
3、掌握变形运动的特点:普通形状对象可以变形。
4、掌握影片元件的制作方法。
教学重点: 运动补间的设置;影片元件的创建。> 教学难点: 关键帧/普通帧的区别; 教学过程:
一、导入:动画制作的关键要素
1、帧——是进行flash动画制作的最基本的单位,每一个精彩的flash动画都是由很多个精心雕琢的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素材和其他多种对象。
2、关键帧——顾名思义,有关键内容的帧。用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。
3、空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。
4、普通帧——在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。
5、以上四种帧的区别
① 关键帧在时间轴上显示为实心的圆点,空白关键帧在时间轴上显示为空心的圆点,普通帧在时间轴上显示为灰色填充的小方格
② 同一层中,在前一个关键帧的后面任一帧处插入关键帧,是复制前一个关键帧上的对象,并可对其进行编辑操作;如果插入普通帧,是延续前一个关键帧上的内容,不可对其进行编辑操作;插入空白关键帧,可清除该帧后面的延续内容,可以在空白关键帧上添加 新的实例对象。
③ 关键帧和空白关键帧上都可以添加帧动作脚本,普通帧上则不能。
6、应用中需注意的问题 ① 应尽可能的节约关键帧的使用,以减小动画文件的体积;
② 尽量避免在同一帧处过多的使用关键帧,以减小动画运行的负担,使画面播放流畅。
二、基本动画
1、变形动画:要求参与动画的对象必须是形状,不得使用元件。
例如:以下动画中a-->b-->c之间、五角星——>十角形即为形状变形。操作步骤: ①设置背景色
②插入第一关键帧,并绘制一个五角形。
③在第30帧上插入空白关键帧,并绘制一个十角星形。
④利用时间轴上的“编辑多帧”工具,对齐第一、二关键帧的各自五个角。⑤在第一关键帧上设定五个“形状提示点”,修改--形状--添加形状提示点。⑥在第二关键帧上设定各提示点的对应终点位置。⑦对第一关键帧设定“形状”动画补间。思考:
2、直线运动动画:任何对象都可以设置直线动画,只需二个关键帧 例如:素材下载
3、渐变运动动画
① 淡入、淡出动画:使用实例才能完成此项动画,一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。
一般淡入淡出式动画是用二个关键帧完成,第一关键帧为全透明(100%)或部分透明,第二关键帧透明度为0。
②闪烁动画:一般用三个关键帧完成,即从淡入到淡出的过程,即全透明--不透明--全透明的设置过程。
例如:以下例子中星星,就是用影片元件来完成的。
4、旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。
例如:拖影文字(课后完成)操作步骤:
①建立文字元件,拖到舞台
②创建第一图层,设定第一、二关键帧(同帧),并设制“动画”补间,旋转为1次。
②创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。
三、总结巩固:
1、图形元件的制作
2、图形元件的应用: ①实例:元件调入到场景后,就叫实例,实例可以取名,以后便于以后写代码(编程)时调用。②对元件的编辑: ③对实例的编辑:与元件编辑最大区别在于对元件本身不修改,主要的编辑方法有改变色调、透明度等。
四、作业:
本周作业名称为:
1、字母变形
2、应用提示点变形(星型)
3、拖影文字
4、预习:夜色中的汽车(综合渐变星星一起做)
第四周 flash 中的动画
教学目标:
1、要求学生掌握直线运动的补间。
2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。
3、掌握影片元件的制作方法。
4、了解flash 中的几种基本动画
教学重点: flash 中的几种基本动画。教学难点: 基本动画的区别; 教学过程:
一、导入:flash 中的几种基本动画。
1、动作补间动画
是flash 中最常见的动画类型。它可以结合色彩、透明度、位置的变化,使作品更加绚丽多彩。如何通过动作补间动画将对象的运动形象生动的表现出来,是学习运动动画的根本目的。如上堂课的汽车运动动画。
2、形状补间动画
同样是flash 中最常见的动画类型。但是它的变形对象是矢量图形,利用这种动画可以使场景上的矢量图形作出任意形状、位置和颜色的平滑变化。它与动作补间动画的区别是:动作补间的作用对象是元件或被组合的对象,而形状补间动画的作用对象是矢量图形。如上堂课的字母变形动画。
3、逐帧动画
要创建逐帧动画,需要将每一个帧都定义为关键帧,然后给每一个帧都创建不同的图象。制作逐帧动画的基本思想是把一系列相差甚微的图形或文字放置在一系列的关键帧中,使动画播放的时候看起来像是一系列连续变化的动画。如图所示,展示了一个小男孩的行为动画。
4、蒙版动画
在制作动画的过程中,有些效果用通常的方法很难实现。比如:手电筒、探照灯、百页窗等效果。这时就要用到蒙版动画了。
要创建蒙版动画,需要有两个图层:遮罩层和被遮罩层。遮罩项目像是一个窗口,透过它可以看到位于它下面的链接层区域,而且除了透过遮罩项目显示的内容,其余的所有内容都被隐藏起来了。如图所示:
5、引导层动画
引导层作为一个特殊的图层,在flash 动画设计中的应用也十分广泛。在引导层的帮助下,可以实现对象沿着特定的路径运动。要创建引导层动画,需要两个图层,如图所示 :
二、回顾旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。例如:拖影文字 操作步骤:
①建立文字元件,拖到舞台
②创建第一图层,设定第一、二关键帧(同帧),并设制“动画”补间,旋转为1次。
②创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。
三、元件的创建,多图层动画的制作
四、本周作业:
1、拖影文字
2、夜色马路
第五周 巩固与检测
教学目标:
1、要求学生巩固椭圆工具、直线工具、填充工具、钢笔工具、变形工具、选取工具、墨水瓶工具、矩形工具的使用。
2、巩固图形元件、影片元件的创建。
3、巩固二类补间动画的特点。
4、巩固二类动画:变形动画、直线运动动画。
5、测验学生的图形绘制能力,时间1小时
教学重点: 运动补间的设置;影片元件的创建。教学难点: 影片元件与图形元件的区别。教学过程:
一、巩固复习题:
1、倒影动画(本实例主要使用了文本工具、墨水瓶工具、打散功能、alpha值设置等来操作)。主要通过一下几个步骤来完成。
使用文本工具在舞台场景中输入文字。
使用打散功能将文字打散为矢量图形。
使用墨水瓶工具为文字描边。
使用f8快捷键将文字转化为影片剪辑,并在其中进行alpha值的设置。
2、多层变形动画(掌握对象绘制工具的使用。)
3、思考并完成一下动画效果的制作,分析帧之间的时间顺序及文字分别做了什么动画?(背景下载)二、十一课后作业:完成作业本上前几周作业的上传、学习上堂课中五种基本动画的设计制作。(素材下载)(补充源代码下载)本周上传作业名称为:
1、阴影动画
2、圆环字母变形
第六周 巩固与检测
教学目标:
1、要求学生巩固掌握flash的工具中的一些技巧。
2、巩固falsh中存在的五种变化--移动、缩放、旋转、颜色、透明度 教学重点:工具中技巧的合理运用。教学过程:
一、在flash中有些工具使用的技巧有助于动画设计的美感,下面总结几种我们平时制作当中常用到的几种小技巧:
1、柔化物体边缘 先看下图一的效果,此效果,我们所使用的最简单的方法是利用 flash 本身的边缘柔化功能:
图一
图二 图三
先画好一个圆,如图二;然后选中此图形(不可是元件图形)--圆,选择修改--形状--柔化边缘填充,在弹出的对话框里设置参数,如图三,确定以后就形成上图的效果。(注意:参数的大小影响了边缘柔化的程度,但有一点,最好只进行一次柔化,如在柔化以后再柔化可能会使flash计算复杂,而出现于要求不同的效果。)
同理,我们可以对文字边缘进行柔化,如下效果3和4分别是对文字的填充色和笔触进行了柔化。值得注意的是必须先把文字分离,并且在对笔触进行柔化之前,事先要求将线条转化为填充。引申:
在实际运用当中如果要进行较为灵活的边缘柔化,我们不妨利用混色器来完成。即在选中图形后调出混色器编辑框,颜色填充样式选择放射状,然后将左右两个颜色填充节点的颜色都设置为白色,再将右边的颜色节点的透明度为“0”,如下图
用此方法制作的效果有一点好处就是可以灵活的改变边缘柔化的程度,思考如何达到后面三种图形的效果。
2、变形复制
效果如下:对于这个效果我们使用的是复制并变形的功能。
首先可以画一个椭圆,然后选中此对象,用变形工具改变它的自由变化中心,如下面左右两图,左边为没有改变的状态,右边为改变以后的状态: 自由变化中心的改变
然后选择 窗口--变形 调出变形对话框,如图:在旋转参数里输入对象旋转的角度,比如20度,再点击对话框右下角的拷贝并应用变形按钮,直到图象变成我们所需状态。
3、对象绘制
这是 flash8 的新功能。原先版本中,我们在同一图层中叠加两个图形时,会产生合并的效果,如果移动其中一个图形时,下面图形的叠加部分就会消失,这有一定的优越性但是又有局限性,如果我们要绘制两个图形叠加在一起但是不合并的话,就需要把这两个图形转换成元件或是放在两个图层中,这样就比较麻烦。而对象绘制就可以避免产生这种问题。例如,原先版本中移动图象后:
而如果是单击“椭圆”工具,在选项栏里,点击“对象绘制”按钮后,再绘制两个图象,这时尽管两个图象之间彼此是叠加的,但是互相不会干扰。
另外,在“修改”菜单栏中,对象绘制还具有四种合并效果:联合,交集,打孔,裁切。希望大家自己去观察它们各自的作用。
二、在falsh中存在的五种变化--移动、缩放、旋转、颜色、透明度 具体效果看影片文件(注意:后面两种变化必须是对实例,即对拉到场景中的元件进行设置。)
第七周 巩固
教教学目标:
1、巩固掌握flash制作中几种常见字体效果的制作。
2、掌握flash动画制作中用到的两种补间过程。
教学重点: 字体效果的制作、各补间的特性和要求。
教学过程:
一、在一个好的flash作品里常常会运用到一些经过处理的flash字效,前面我们已经介绍了多种在flash中常用的字效:点框文字、彩虹文字、位图文字、立体字、倒影字等,今天,再补充几个特效文字的处理。
1、双色(多色)字
图一
图二 图三
关键技术要求:
[1]、制作此类文字效果,只要将文字打散成离散的图形;
[2]、然后用选取工具选取其中部分,再对选中部分进行颜色填充; [3]、选取次数可以随意定。
2、镂空字(素材下载)关键技术要求:
[1]、此类效果需两层图层才能完成; [2]、底层放置一张图片;
[3]、在上层画一个矩形盖住底层的图片(可适当设置透明度); [4]、在矩形层上输入文字并调整好文字的位置; [5]、将文字打散;
[6]、鼠标点击影片空白处取消对文字的选择; [7]、再次选中文字图形并将其删除即可。
3、阴影字
关键技术要求:
1、养成一个图象一个图层的好习惯,根据情况,这里可以创建三个图层,蓝色字、黑色字,深灰色字,分别呈现原层、立体层、阴影层的效果;
2、立体层的制作:可以按快捷键shift+ctrl+v把“原层”中的文字复制到“立体层”中,并利用方向键“→”、“↑”将黑色字层向右、向上各移动2个像素;
3、阴影的制作: 选中“原层”中的文字,然后按快捷键打开ctrl+t打开“变形”面板,并上右图所示设置。设置好后,单击“变形”面板上的“复制并应用变形”按钮。一个经过变形的副本就被复制出来了。
4、阴影层的制作: 选中刚刚做好的副本,按快捷键ctrl+x剪切。按快捷键shift+ctrl+v把这个副本原位粘贴到“阴影层”中。最后适当的调整位置,并把色彩换成#666666。到这里,文字的阴影效果就做好了。综上所述,关键技术都比较类似,所以希望大家课后能好好复习,做到在熟练绘制的基础上创作出更多其他效果的文字。
二、在flash动画中,存在着两种基本的补间:移动和行变。下面就将这两种补间进行介绍。
1、形状补间
延伸的直线 拉动的幕布 画线框(四条边放在四个图层上,如下图所示,考虑为什么?)
星星变形(注意为了防止变形过程不凌乱,可以利用修改-形状中的“添加形状提示”工具,再五角星上加入5个提示点,并放到相应变化位置上,以红色的小圆圈表示,abcde用来标识提示点。看一看最后的一帧,可以发现十角星上也有一个对应的红色提示点,当你设置好位置时,会发现提示点变绿了,回到第一帧,这时提示点由红色变成了黄色,这表明提示点的设置正确。)
2、运动补间
它与动作补间动画的区别是:动作补间的作用对象是元件或被组合的对象,而形状补间动画的作用对象是矢量图形。
运动的小球:比较下面三副动画,考虑有什么不同,分别做了什么动作。提示:缓动选项的作用。
现在大家应该知道缓动选项的作用了吧。它的作用是在运动的过程中产生速度上的变化,默认值为0,即为匀速运动。当值为负时,运动的物体做加速运动,相反,当值为正时,运动的物体做减速运动。在小球下落的过程中,速度越来越快,所以我们把值改为负值,注意在值为-100时,比较接近重力加速度。当小球弹起时,速度越来越慢,因此值为正。引申:(旋转的风车)
从这一制作中我们不仅要学习运动渐变动画的另一种形式:旋转动画(自转),而且还要练习用箭头工具对对象进行修改,利用变形面板制作多个风车叶的方法。思考:下面两幅动画的差异在哪里?
第八周 运动引导层
教学目标:
1、要求学生掌握各类曲线运动的制作技巧,掌握引导线、引导层的概念及作用。
2、能根据运动的需求,画出运动轨迹线,即引导线。教学重点: 运动引导层的创建,动画关键帧的设置。教学难点: 做引导层时的几个注意点。教学过程:
一、引入:
①引导线、引导层的概念
1、引导线:引导线就是轨迹或辅助线的作用。它让物体沿着引导线路径运行。(即物体运动的轨迹,一般使用钢笔工具来制作)
2、引导层:引导线必须制作在引导层中,而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方,一个引导层可以为多个图层提供运动轨迹。同时在一个引导层中可以有多条运动轨迹。
二、滚球的制作 知识点:
1、背景层的创建: ①设定场景色
②用钢笔工具勾勒一个上边为曲线的多边形。
2、运动引导层的创建:该层中专门用来放置物体运动的轨迹,轨迹一般用线条描述,而在运动引导层中的线条在实际导出成swf文件时是不可见。使用的方法:要使用轨迹的对象必须独立地放在引导层的下方图层中,运动的对象其关键帧必须完全吸附在轨迹上。③复制曲线。
如图:第一、二关键帧的定点
3、制作技巧:
①引导层一旦建立完成后应将其锁定
②对运动对象定位时最好打开“帖紧至对象”工具,这样当吸附正确时中心点会放大。
三、思考自强不息和山地车实例的制作
四、我是一条鱼
素材下载
1、水泡的制作(掌握刷子和填充变形工具的使用,并把水泡转换为元件。)
水泡的颜色调板:白色透明度为0,2,100
2、浮起的水泡制作(影片元件:注意引导层绘制好后,可以及时锁定。)
3、游动的小鱼
可以从左向右游动,也可以从右向左游动,小鱼的运动轨迹为
4、在场景中创建: ①背景图片放入场景。
②建立第二层,放入大小不一的水影片元件,注意水泡的放置位置
③建立第三层,放入多条小鱼,使用小鱼的影片元件时,可将其翻转,从而改变其运动方向。
五、课后作业: 必做题:
1、滚球
2、我是一条小鱼 选做题:
1、自强不息
2、山地车
第九周 按钮的制作
教学目标:
1、掌握按钮制作的基本方法。
2、掌握按钮中的动画设计方法。
3、掌握透明按钮的制作
教学重点: 按钮元件的创建,按钮动画的设计。教学难点: 按钮中的四种状态。教学过程:
一、按钮元件(可详见课本p111)
按钮用于响应鼠标,即随鼠标显示不同的状态,执行指定的行为。
1、插入按钮元件,执行“插入”-“新建元件”命令(或者按
2025年flash动画制作报告思路(五篇)
文件夹