- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
课题:星光灿烂.DOC
课题:星光灿烂
—— Flash形状与元件
第十三周 2005.11.24
【教学目标】
了解矢量图形概念,掌握点阵图转换为矢量图及其原理。
熟练运用元件制作关键帧动画。
3、运用场景中元件淡入淡出效果设置。
4、提升渐变动画制作能力。提高学生观察与实践相结合的能力。
【教学重点】掌握Flash矢量图。学会外部导入图形,并按需转换。
【教学难点】对不同类型图形的识别与转换。
【教学方法】任务驱动式 【课程类型】授新课
【教学准备】flash源文件Star.fla实例
【上机操作】运用形状与元件分别制作闪亮的星。
教 学 过 程
一、提出任务
本节课进一步熟悉元件运动动画,设置淡入淡出效果;运用形状与元件分别制作闪亮的星。教师简单播放星光灿烂动画以展示效果。
讲授新课
1.形状和元件的关联
形状与元件,在Flash 中大量使用,它们尽管外表上看起来区别不大,但本质却完全不同,作用也完全不同。弄清楚形状与元件的关系、区别和相互转换,对Flash动画制作非常重要,将形状转换成元件是Flash中经常需要进行的操作。
2. 形状和元件的区别
根据下面的实例进行观察分析,再师生共同总结结论。
例3-1发光的星星
在工具箱中选择黑箭头工具,在属性面板中单击背景色库,选择黑色,将舞台设置为黑色。
在右侧面板栏中打开“混色器”渐变方式下拉列表框,选择“放射状”渐变选项,在颜色条中选中左侧的圆心色色标,然后打开色标库,选中浅黄色作为圆心色;再选中颜色条右侧的圆边色色标,打开色标库,选中与背景色相同的黑色为圆边色,将alpha值降低为1%。
图3-1 混色器设置
在工具箱中选择画圆工具,在舞台上画出一个正圆,删除其边线。
在工具箱中选择黑箭头工具,单击选中圆,按住Ctrl键,用鼠标拖动被选中的圆,复制一个圆。
当前有一个圆处于被选中状态,选择“修改/转换为元件/图形”命名为“yuan”,确定,这个圆上出现浅蓝色广场,表明该圆已经转换成元件了。
这两个圆的区别
(1)选中状态不同。
单击一个圆,上面出现网状纹,表示它是一个矢量图;单击另一个圆,上边出现浅蓝色边框和中心圆点,表示它是一个图形元件,见图3-2。
(2)外形编辑不同。
鼠标指针放在矢量图边缘上,看到鼠标黑箭头右下角出现弧形,这时可拖动鼠标来改变它的外形,如图3-3,但圆形元件无此项。
图3-2 图3-3
(3)变形编辑不同。
选中圆形矢量图,看到图形上布满网状纹,在工具箱中选择变形工具,用鼠标拉动变形框,发现形变是经拉动点的对边点为其点进行形变的。图3-5。
单击圆形元件,选择任意形变工具,用鼠标拉动变形框的边点或角点,发现形变是以中心点为基点进行形变的,变形是对称的。图3-6。
图3-5 图3-6
(4)属性不同
选取形变工具,将矢量图形压成很细的一束光,见图3-7。单击图形以外的地方取消选中,将鼠标指针放在图形上,按住Ctrl+Alt,用鼠标拖动图形复制一个新的形状,再将图形旋转90度角,得到一束纵向光,见图3-8。将纵向光束叠放到横向中光束上,单击图形以外的位置,了现这两束光已被切断了,无法进行精细的调整。
图3-7 图3-8
选取形变工具,同以上方法,将图形元件压成
一束光,复制一束光,再旋转后叠放到前一束光上,
可调整位置,得到一个发光的星星。
在工具箱中选择黑箭头,选中这个星星上的
两束星光,选择“修改/组合”命令,将星星组合
成组件,图3-9。
选中组合后的星星,选择“修改/转换成元件”
命令,选择类型为图形或影片,命名“star”。
选择“窗口/库”,可看到两个元件,一个是元件
yuan, 一个是元件star。 图3-9
(5)删除结果不同
从场景中删除的是一个矢量图形或一个字符,则该对象从当前作品中完全被清除;如果删除的是外部引入的插入对象或是库中元件的引用,则仅仅从场景中删除该对象,并未将该编辑对象从库中删除掉。
三、操作实践
1、创建星星的运动动画,怎样进行操作?
将场景清除干净,插入关键帧,从库中引用星星元件,在第30帧添加新的关键帧,改变星星元件位置,动作补间)。
2.例3-2 淡入淡出效果
场景第1帧,选中图形,属性/颜色/Alpha / 15%,
在第30帧,选中图形,属性/颜色/Alpha / 100%
图3-
文档评论(0)