FLASH CS3 实例 风车旋转

合集下载

Flash制作旋转动画教程

Flash制作旋转动画教程

Flash 制作旋转动画教程Flash cs3制作旋转动画先来看看效果图:flash cs3教程:步骤1、打开Flash cs3,点击菜单“文件”,“新建”,来建立一flash文档。

步骤2、选择“工具箱”上的“椭圆工具”如图1所示。

提示:“工具箱”上默认显示“矩形工具”,我们将鼠标移上去按住不放就可以弹出其它工具。

<图1,选择椭圆工具,flash cs3完美教程> 步骤3、用“椭圆工具”在“工作区”画一椭圆。

如图2所示:<图2,用椭圆工具所画的椭圆,颜色无需相同,随自己喜爱> 步骤4、选择“工具箱”上的“变形工具”参照图3所示,然后选择所画的椭圆。

<图3,flash cs3变形工具的选择><图4,用变形工具选择椭圆后的效果图> 步骤5、将图4所示的中心点,向下移动,移动方法:用鼠标左键选中中心点往拖动即可。

移动位置参照图5所示:<图5,中心点位置的移动>步骤6、在“变形面板”上修改“旋转度数”为45度,然后点击复制并应用图层。

参考图6,当我们按7下“复制并应用图层”按钮之后就会出现图7所示画面。

注:变形面板在我们使用变形工具的时候会自动显示出来,如果你实在是找不到变形面板请点击flash cs3菜单的“窗口”,“变形”就可以显示变形面板了,当然也可以按快捷键“CTRL,T”可以快速打开变形面板。

<图6,变形参数设置><图7,“小风车”画完>OK,完成一半,这个小素材终于完成,接下来就要让这个小素材旋转了,我自己认为是写得非常详细滴,只要是会玩鼠标的朋友,应该就会照我的步骤做出同样的效果。

同时也请多多关注本站。

步骤7、在时间轴30帧处点击“鼠标右键”,选择“插入关键帧”如图8所示:<图8,注意是插入关键帧>注:这里请不要出错,一定要是插入关銉帧,不然下面的步骤就完成不了。

步骤8、然后回时间轴1处,点击“鼠标右键”,“创建补间动画”。

五 转动的风车

五  转动的风车
情感态度
制作哪些动画”,可调动学生的想象力,培养学生举一反三的能力。
教学札记
教学过程设计
预设教学路径
预计学生活动
备择方案
一、复习导入
今天我们来制作一个更有意思的小动画。先请大家欣赏《风车》动画。
转动是物体运动的一种形式。使用Flash动作补间能方便地制作物体转的动画效果。
二、新授
教师演示具体操作步骤:
1、找到动画的背景。
2、将图片导入到软件中,并介绍图片大小的调整工具的使用。
3、利用以前学过的知识绘制一个风车。
4、将风车图形转换为元件并主设置旋转动作。
5、插入图层,制作一个新风车。
6、绘制风车手柄。
7、制作转动的卷叶的风车。
8、测试动画。
三、操作完成作品
学生制作。在制作的过程中,体会元件、层、帧、关键帧的概念。了解动作控制面板和属性面板的使用。
课题与
教学内容
课时安排
2
教学目标
知识技能
1.通过制作风车,能了解运用Flash中动作补间的另外一种形式:旋转运动;
2.在第三课的基础上再次运用图层,认识图层在Flash中的作用。
过程方法
这节课的活动,一是对前面学过的动作补间动画的复习,二是学习动作补间的另一种形式——转动。本课的一个大活动就是制作转动的风车,其中又有四个小活动。在这些活动中涉及到了如何使影片播放更加流畅以及如何设置舞台背景色,教材中的“试一试”为学生提供了操作方法。
四、作品评价
完成作品后,小组内的同学可相互评价,并选出最优秀的作品报给教师,由教师给予评价并且展示给大家。请学生的作品进行评价。
五、活动交流
活动完成后,请同学们根据自己的制作过程,说一说动画的制作过程是怎样的?

flash as3控制坐标旋转

flash as3控制坐标旋转

flash as3控制坐标旋转2010-06-13 14:30第十章坐标旋转及角度反弹本章介绍了一项特殊技术,著名的坐标旋转。

如同其名,它是物体指绕着某点旋转其坐标,在制作一些非常有趣的效果时,坐标旋转是必不可少的。

其中就包括在 Flash 界讨论了很多年的问题:“如何在斜面上进行反弹?”,本章我会给大家一一解答。

另一个用坐标旋转完成的程序是两物体之间的交互反弹效果。

我们会在下一章讨论动量守衡时进行讲解。

而本章的坐标旋转,我们之前也已经接触过了。

如果大家想跳过这章的话,我劝您还是先坐下来,浏览一遍为好。

简单的坐标旋转虽然我们在第三章讲三角学的时候介绍过计算的坐标旋转的方法,但还是先来做一下回顾。

假设知道一个中心点,一个物体,一个半径和一个角度。

通过不断地增加或减少角度,并运用基本的三角学知识让物体绕着中心点旋转。

我们可将变量设为 vr (旋转速度)来控制角度的增加或减少。

还有,不要忘记角度应用弧度制来表示。

代码的结构如下所示:vr = 0.1;angle = 0;radius = 100;centerX = 250;centerY = 200;// 在 enterFrame 处理函数中:sprite.x = centerX + cos(angle) * radius;sprite.y = centerY + sin(angle) * radius;angle += vr;根据角度与半径使用简单的三角函数设置物体的 x,y 属性,并在每帧中改变角度。

我们用Flash 动画演示一下。

下面是第一个例子,文档类 Rotate1.as:package {import flash.display.Sprite;import flash.events.Event;public class Rotate1 extends Sprite {private var ball:Ball;private var angle:Number = 0;private var radius:Number = 150;private var vr:Number = .05;public function Rotate1() {init();}private function init():void {ball = new Ball();addChild(ball);addEventListener(Event.ENTER_FRAME, onEnterFrame);}private function onEnterFrame(event:Event):void {ball.x = stage.stageWidth / 2 + Math.cos(angle) * radius;ball.y = stage.stageHeight / 2 + Math.sin(angle) * radius;angle += vr;}}}这段代码中没有什么新的知识点。

flash教案模块三(任务二旋转的风车(元件的应用

flash教案模块三(任务二旋转的风车(元件的应用

flash教案模块三(任务二旋转的风车(元件的应用学科教案本2020年—2020年学年度上学期学校(School) _ _重庆工商学校________学科(Subject) Flash CS3基础与实例_年级(Grade) ___ 一、二年级___集体备课教师重庆工商学校运算机系制教学课题任务二旋转风车——实例和库的使用(模块三)课题类型理论+实作课时安排2上课时间年月日课件展示1)新建一个“旋转的风车.fla”的影片,设置成550*400背景选择蓝色,帧频24fps(2)制作元件:“矩形”图形元件,设置宽高为550像素和400像素“风车叶子”图形元件,使用线条工具、选择工具、填充工具。

“风车”图形元件,将风车叶子的元件拖入到此元件,按Ctrl+t键打开变形面板,用任意变形工具调整风车叶子的变形点,使用变形面板中“复制并应用变形”工具制作。

“转动的风车”影片剪辑元件元件“风车线”“白云”图形元件(3)布置舞台,组装动画;(4)给按扭元件输入代码;(5)储存作品,按Ctrl+Enter键测试影片成效。

详细操作步骤如教村第41至44页4.实例和库的使用(1)实例元件是一种可重复使用的对象,而实例是元件在场景中的具体表现。

当创建了元件后,在动画制作中的任何位置都能够创建元件的实例,重复使用实例可不能增加动画文件的大小。

✧创建实例✧设置实例属性✧元件和实例关系(2)库库用于治理元件,元件制作完毕后都会自动储存到库中。

执行“窗口/库”命令,或按Ctrl+L键或F11键,能够打开库面板。

认真观看)学生分小组讨论并操作教师巡回辅导学生代表演示作品Flash CS3中库有两种✧用户库:用来存放用户创建Flash动画中的元件。

✧公用库:用来存放系统提供的元件。

如本例中的按扭确实是从公用库中直截了当拖出的。

三、板书设计实例库含义:( ) ( )举例:创建实例设置实例属性元件和实例关系库的命令:执行“窗口/库”命令,或按Ctrl+L键或F11键布置舞台板书设计四、布置课堂作业见课件教材47页自我测试,同时延伸作业制作一个旋转的风车变化大小的场景,时刻为1分钟。

动画制作Flash课程案例库(精)

动画制作Flash课程案例库(精)

• 一、动画制作的目的和要求
• 利用设置补间动作属性和设置实例的透 明效果等操作,制作字母一个接一个飞 动的效果。该题主要测试学生对层内容 的相关操作及补间动画的创建。
• • • •
二、需掌握的内容 1、文本工具的使用及属性的设置。 2、图层的使用。 3、创建补间动画。
• • • • • •
三、 作品的评分标准(总分为100分): 1、掌握文本工具的使用(10分) 2、掌握属性面板的设置(15分) 3、掌握图层的操作(15分) 4、掌握动作补间动画的创建方法(40分) 5、效果符合要求(20分)
动画制作Flash课程案例库
案例1: 制作"转动的风车"
• 一、动画制作的目的和要求 • 制作"转动的风车"动画,本动画通过制 作一个风车按钮元件,实现风车在不同状态下 的不同的动态效果。按钮的四个状态为:“弹 起"帧为一个静止的风车实例,“指针经过" 帧为一个风车转动的影片剪辑实例,"按下" 帧为一个静止的缩小风车,"点击"帧设置鼠 标响应范围。本题主要测试学生对图形元件、 影片剪辑元件、按钮元件的创建及编辑,以及 创建补间动画的掌握情况。
• • • •
二、 需掌握的内容 1、场景及背景的设置。 2、绘图工具的使用。 3、图形元件、影片剪辑元件、按钮元件 的创建。 • 4、补间动画的创建。
• • • • • • •
三、 作品的评分标准(总分为100分): 1、掌握场景及背景的设置(5分) 2、掌握绘图工具的使用(5分) 3、图形元件的创建和编辑(10分) 4、影片剪辑元件的创建和编辑(30分) 5、按钮元件的创建和编辑(30分) 6、效果符合要求(20分)
案例2 : 制作"移动遮罩文字"
• 一、动画制作的目的和要求
• 制作"移动遮罩文字"动画,本动画主 要通过在遮罩层中创建文字对象,并在 被遮罩层中创建图片移动的补间动画, 实现文字的遮罩效果。本题主要测试学 生对遮罩层的使用方法的掌握情况,掌 握类似文字遮罩效果的制作。

转动的风车

转动的风车

如何制作转动的风车?
1.新建一个flash文档
2.在最上面找到“插入”→“新建元件”,命名为“风车”,类型选择为“图形”,点击确定在
3.在“风车”里操作:在工具里选择“椭圆工具”,设置“笔触颜色”为无,填充颜色为其他颜色,按住Shif键Alt键画一个圆,在工具栏选择“直线工具”,设置笔触颜色为不同于圆的颜色,在圆的旁边画一条直线,然后把直线移到圆的中间,在工具栏选择“选择工具”,选择半圆按“Delete”键删除一半,双击画的那条直线按“Delete”键删除,然后复制3个,组成如图所示:
4.回到场景1:把库中的“风车”拖到场景1里,并在工具栏里选择“任意变形工具”,调整好大小,在第30帧里插入关键帧,在1到0帧之间的任意一帧按鼠标右键,选择“创建补间动画”,在“属性”面板中选择旋转“顺(逆)时针”
填充颜色为其他颜色,按住Shif键Alt键画一个圆,把它移动到风车的中心位置
6.新建一个图层3,在工具栏选择“矩形工具”,设置“笔触颜色”为无,填充颜色为其他
颜色,画一个矩形,然后把图层3移动到图层1下面
7.选择“文件”→“另存为”fla格式,在“控制”→“测试影片”,就会生成一个swf格式
的文件,就可以制作一个转动的风车了。

Flash CS3 入门 风车动画

Flash CS3 入门  风车动画

Flash CS3 入门风车动画本练习为制作风车动画,画面整体呈冷色调显示,让人有一种微风拂面的感觉。

主要通过【钢笔工具】、【椭圆工具】、【矩形工具】绘制出场景,然后使用【颜色】面板对其进行各种类型的颜色填充,在影片剪辑中制作补间动画从而将动画制作完成。

本练习重点在于影片剪辑的创建和使用。

通过本练习的学习,希望用户能够熟练掌握影片剪辑的操作方法以及工作原理。

练习要点●钢笔工具●椭圆工具●矩形工具●创建影片剪辑●使用库面板练习过程(1)在Flash中新建一个文档,在【属性】面板中设置文档大小为1024×768像素。

在工具箱中单击【对象绘制】按钮,然后使用【矩形工具】在文档中绘制一个矩形图形,按下Shift+F9快捷键,打开【颜色】面板,在【类型】下拉列表中选择【线性】选项,设置如图37-1所示。

图37-1 新建文档绘制矩形图形(2)选择【钢笔工具】绘制出舞台下方的图形,打开【颜色】面板,设置填充类型。

然后使用【任意变形工具】对填充的图形进行调整,效果如图37-2所示。

在绘制图形过程中,用户可以【添加锚点工具】、【删除锚点工具】和【转换锚点工具】对路径进行调整。

图37-2 绘制山丘(3)继续使用【钢笔工具】在舞台下方绘制丝带图形,双击进入编辑模式,将轮廓线删除。

然后,打开【颜色】面板,在该面板中设置填充颜色,以及Alpha参数,使其成为半透明效果,从而使画面变化更加丰富,如图37-3所示。

图37-3 绘制丝带(4)根据上面绘制丝带的方法在画面下方绘制出另一条丝带,在绘制过程中用户要注意画面层次。

绘制的丝带要与上步所绘的丝带区别开来,既要有变化又要有共同点,这样可以使画面内容更加丰富,效果如图37-4所示。

图37-5 绘制丝带(5)使用【钢笔工具】在舞台上绘制一条曲线,填充颜色设置为白色。

在【属性】面板中适当设置【笔触高度】。

然后,单击【时间轴】上面【插入图层】按钮创建新的图层,并命名为“丝带”,根据上面绘制丝带的方法再次绘制一条丝带,使画面富有变化,具有空间感,效果如图37-5所示。

教案设计-Flash制作-大风车

教案设计-Flash制作-大风车

Flash形状渐变动画的制作尚德实验学校信息科技组邓磊教学目标:知识与技能:1、掌握动画中元件的转化2、运用元件体现动作渐变效果过程与方法:1、通过观察老师的范例,讨论实现的可能方法2、学生合作、体验情感、态度与价值观:运用动作渐变动画的方式制作一个大风车的效果,激发学生积极开阔自己的思维,构思更多有趣的动画片段教学重难点重点:运用动作渐变方式制作大风车旋转的效果难点:大风车能够围绕正中心正常旋转教学过程一、情境导入,揭示课题1、谈话引入:同学们,在上一节课中,我们初次接触了元件的概念,并了解只有将所绘制的对象转换成元件,才可以正确使用动作渐变方式制作动画效果。

这节课上,请大家仍然依据上次的课堂分析,来看看老师今天为你们准备的动画片段《旋转的大风车》。

2、范例展示:二、新授过程:1、师生交流,绘制大风车师:要想制作一个旋转的大风车,首先我们需要自己动手绘制这样一个彩色风车造型,大家可以仔细观察老师的范例,商量一下可能会用到哪些工具来绘制它。

生:交流讨论:铅笔工具、油漆桶、移动工具生:动手进行实践(由于绘制的图形都是呈可变形状,学生在组合、拼接大风车叶片时容易产生相互切割的错误,提醒他们采取撤销的方式加以修改)2、转化大风车元件,为大风车旋转做好准备将绘制好的大风车造型全选,点击如右图所示位置,弹出转换对话框。

选择转换对话框中的“影片剪辑”类型的元件,单击“确定”,转换成功。

3、依据上节课总结的笔记,启发学生完成大风车旋转动画参与的对象一定要是个整体,即:“元件”动作渐变方式动画表演只能是自己同胞兄弟间的变化4、仔细查找,突破难点。

很多学生能够合理使用元件的对象,进行动作渐变方式的运用,但最后大风车在影片测试中的旋转效果却不如人意!通过同学们相互的交流,老师的启发,学生可以尝试着用到“任意变形工具”来解决这个难题。

选用“任意变形工具”,通过调整元件中心的小白点的位置——即大风车的重心位置,使时间轴上头、尾两个关键帧的中心点放在相应的位置即可。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

FLASH CS3 实例风车旋转
本例将要制作的是风车旋转动画。

画面中,风车的风叶会不停的旋转,天空中的云彩也会随着风缓缓飘动,整个动画给人一种风吹的感觉。

要想让风车的风叶旋转,除了手动旋转、创建关键帧外,还有一种简便地方法,通过【属性】面板中的【旋转】选项来设置对象的旋转运动。

效果如图3-30所示。

图3-30 风车旋转
制作过程
在制作过程中,首先通过影片剪辑动画实现风车风叶的不停旋转,特别需要注意的是中心点的定位,这样风车旋转起来才比较真实。

另外,通过补间动画实现云彩的飘动。

(1)执行【文件】|【打开】命令,将准备好的素材Flash源文件打开,如图3-36所示。

图3-36 打开素材Flash
(2)新建“风叶”影片剪辑,使用【矩形工具】、【椭圆工具】和【颜料桶工具】等,绘制如图3-37所示的风车风叶。

图3-37 绘制风车风叶
绘制完成后,选择风叶的各个部分,

风车旋转动画。

(3)在第20帧处插入关键帧。

选择第10帧,在【属性】面板的【补间】下拉列表中选择【动画】选项;在【旋转】下拉列表中选择【顺时针】选项,如图3-38所示。

图3-38 创建补间动画
(4)新建“风车”影片剪辑,使用【矩形工具】、【线条工具】和【颜料桶工具】等,绘制如图3-39所示的房屋。

图3-39 绘制房屋
(5)新建图层2,从【库】面板中将“风叶”影片剪辑拖入到舞台中如图3-40所示位置。

图3-40 拖入影片剪辑到舞台
(6)新建图层3,将“风叶”影片剪辑拖入到舞台中如图3-41所示位置,并进行旋转。

然后设置其颜色参数。

图3-41 调整颜色
(7)新建图层4,选择【矩形工具】,在舞台中如图3-42所示位置绘制一个矩形。

然后,通过【选择工具】对其进行调整。

图3-42 绘制图形
绘制的图形将作为遮罩层中的遮罩
项目,用来显示经过风车房屋的阴
影。

(8)右击图层4,在弹出的菜单中执行【遮罩层】命令,将该图层转换为遮罩层,如图3-43所示。

图3-43 创建遮罩层
(9)返回场景。

新建3个图层,分别将“风车”影片剪辑拖入到各个图层中,并使用【任意变形工具】将其缩小,如图3-44所示。

图3-44 拖入风车元件
(10)新建“白云”影片剪辑,使用【钢笔工具】绘制白云,并通过【颜料桶工具】为白云填充渐变色,如图3-45所示。

图3-45 绘制白云
为了方便观察,将背景颜色设置为灰
色。

(11)返回场景。

选择所有图层,在第200帧处按F5快捷键插入帧。

新建“白云”图层,将“白云”影片剪辑拖入到舞台中如图3-46所示位置。

图3-46 拖入白云元件
(12)选择第200并按F6快捷键插入关键帧。

然后,将“白云”影片剪辑将右移动,并创建补间动画,如图3-47所示。

图3-47 创建补间动画
(13)保存Flash文档后,然后按Ctrl+Enter组合键预览影片效果,如图3-30所示。

相关文档
最新文档