FLASH CS3 实例 风车旋转
- 格式:doc
- 大小:1.12 MB
- 文档页数:7
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 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教案模块三(任务二旋转的风车(元件的应用学科教案本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分钟。
如何制作转动的风车?
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 入门风车动画本练习为制作风车动画,画面整体呈冷色调显示,让人有一种微风拂面的感觉。
主要通过【钢笔工具】、【椭圆工具】、【矩形工具】绘制出场景,然后使用【颜色】面板对其进行各种类型的颜色填充,在影片剪辑中制作补间动画从而将动画制作完成。
本练习重点在于影片剪辑的创建和使用。
通过本练习的学习,希望用户能够熟练掌握影片剪辑的操作方法以及工作原理。
练习要点●钢笔工具●椭圆工具●矩形工具●创建影片剪辑●使用库面板练习过程(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形状渐变动画的制作尚德实验学校信息科技组邓磊教学目标:知识与技能:1、掌握动画中元件的转化2、运用元件体现动作渐变效果过程与方法:1、通过观察老师的范例,讨论实现的可能方法2、学生合作、体验情感、态度与价值观:运用动作渐变动画的方式制作一个大风车的效果,激发学生积极开阔自己的思维,构思更多有趣的动画片段教学重难点重点:运用动作渐变方式制作大风车旋转的效果难点:大风车能够围绕正中心正常旋转教学过程一、情境导入,揭示课题1、谈话引入:同学们,在上一节课中,我们初次接触了元件的概念,并了解只有将所绘制的对象转换成元件,才可以正确使用动作渐变方式制作动画效果。
这节课上,请大家仍然依据上次的课堂分析,来看看老师今天为你们准备的动画片段《旋转的大风车》。
2、范例展示:二、新授过程:1、师生交流,绘制大风车师:要想制作一个旋转的大风车,首先我们需要自己动手绘制这样一个彩色风车造型,大家可以仔细观察老师的范例,商量一下可能会用到哪些工具来绘制它。
生:交流讨论:铅笔工具、油漆桶、移动工具生:动手进行实践(由于绘制的图形都是呈可变形状,学生在组合、拼接大风车叶片时容易产生相互切割的错误,提醒他们采取撤销的方式加以修改)2、转化大风车元件,为大风车旋转做好准备将绘制好的大风车造型全选,点击如右图所示位置,弹出转换对话框。
选择转换对话框中的“影片剪辑”类型的元件,单击“确定”,转换成功。
3、依据上节课总结的笔记,启发学生完成大风车旋转动画参与的对象一定要是个整体,即:“元件”动作渐变方式动画表演只能是自己同胞兄弟间的变化4、仔细查找,突破难点。
很多学生能够合理使用元件的对象,进行动作渐变方式的运用,但最后大风车在影片测试中的旋转效果却不如人意!通过同学们相互的交流,老师的启发,学生可以尝试着用到“任意变形工具”来解决这个难题。
选用“任意变形工具”,通过调整元件中心的小白点的位置——即大风车的重心位置,使时间轴上头、尾两个关键帧的中心点放在相应的位置即可。
Flash CS3 课堂练习:绘制卡通风车本例将要绘制卡通风车,主要使用【矩形工具】、【选择工具】,绘制了风车的一片扇叶形状,通过【复制并应用变形】命令快速复制并旋转对象,创建了风车对象。
在此基础上使用【任意变形工具】结合【组合】、【排列】命令对风车添加了眼睛、嘴巴,得到如图3-70所示效果。
图3-70 效果图操作步骤(1)按下快捷键Ctrl+N,新建文档,并保存文档名为“绘制风车”。
选择【椭圆工具】,禁用【笔触颜色】,绘制一个【宽】和【高】均为214像素的黑色正圆,如图3-71所示。
图3-71 设置文档属性并绘制正圆(2)选择【选择工具】,双击正圆,进入该对象工作区,使正圆处于被选择状态,然后在【混色器】面板设置如图3-72所示渐变颜色。
图3-72 设置正圆色彩(3)切换至【场景 1】。
选择【矩形工具】,绘制大小为51 ×147 的矩形,按下Shift 键,使用【选择工具】将矩形与正圆同时选择。
按下快捷键Ctrl+K ,单击【水平中齐】按钮,使其相对于正圆水平中齐,如图3-73所示。
设置正圆颜色将矩形与正圆水平对齐图3-73 绘制矩形(4)使用【任意变形工具】选择矩形,将中心控制点拖动至正圆的中心位置,如图3-74所示。
移动中心控制节点图3-74 调整中心控制点(5)进入矩形的【绘制对象】工作区,调整其形状如图3-75所示。
图3-75 调整矩形形状(6)切换至【场景 1】,使用【选择工具】选择矩形,按下快捷键Ctrl+T ,设置【旋转】数值,然后连续单击【复制并应用】按钮23次,得到如图3-76所示效果。
图3-76 复制风车扇叶(7)使用【选择工具】选择圆形,右击鼠标,执行【排列】|调整风车扇叶形状【上移一层】命令,如图3-77所示。
按下Shift 键将风车扇叶全部选中,按下快捷键Ctrl+G,将其组合。
图3-77 调整正圆顺序(8)选择【椭圆工具】,禁用【笔触颜色】为无,,绘制【填充颜色】为黑色的椭圆,图3-78所示。
●教材内容分析:本课教学内容是教材中第八单元第三节基本动画制作的一部分,在认识flash软件的基础上,通过对移动的太阳这个简单动画的制作过程的复习,进一步认识动画制作的步骤,首先是对动画内容的分析,按组成动画的各个元素分别进行设计与制作。
对动画部分的制作步骤,归纳为三大步:在第一关键帧建立一个对象,在动画的最后插入一关键帧,并改变动画对象的位置或大小,在第一帧的属性里创建并设置动画属性.在此基础上,提出转动的动画制作。
首先要分析转动对象属性属于动画补间动画,然后分析转动动画制作与移动动画的区别,学会了转动动画制作后,进一步提出了多个同类动画的制作要求,从而提出影片剪辑或动画元件的制作与应用.本课教材中,教学重点是转动的风车制作与剪辑的制作,教学难点是绘制风车的叶片与调整转动中心。
●教学目标:1.知识与技能:▲复习巩固动画制作的基础知识与基本步骤。
▲会分析动画的类型、动画的元素,会根据要求设计动画中各帧的内容。
▲会使用绘图工具绘制简单的图形与图形组合。
▲掌握转动的风车的动画属性设置.★了解并掌握影片剪辑、动画元件的制作,并会应用剪辑到动画中.2.过程与方法:以网络教室为学习环境,学生通过对学习网站的自主探索,在老师的指导与启发下,对学生目标逐个进行探索与讨论,以学习任务为驱动,通过教师的导、学生的究、小组的协作以及利用网上的讨论模块、自我测试模块,进行多种形式的探索学习,达成学习目标。
培养学生的发现能力与创作能力。
3.情感态度与价值观:以新疆自然风光的动画,展示新疆风景与亚洲最大的风力发电站,以自然与科学相结合的动画,说明自然能源的开发与利用,触发学生崇尚科学的学习热情,引导与激励学生对学习新知识的积极性。
●学习者特征分析:学生在前两节课的学习中,已经对flash软件有了初步的认识,对动画制作的流程、动画中各图层元素的属性等也有初步的了解。
在前节课的作业情况分析,学生对一些基本概念仅处于了解的层面,对flash软件的使用,知道操作步骤,但操作过程中,不能熟练地使用鼠标,对操作要令的理解还不够,特别是对图形的绘制与编辑非常生疏.在教学过程中,必需重点引导学生探索、协作学习,培养学生良好的学习主动性与互助学习的良好品德。
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所示。