1、Flash CS3大创意物理仿真实验课件制作,本章主要内容: Flash cs3的窗口介绍 绘图工具的使用 认识时间轴 各种浮动面板的操作 常用动作脚本介绍,第1章 初识Flash CS3,启动Flash cs3时,会直接弹出初始页面如图,可以选择打开旧文件、创建新文件或从模板创建新文件。,本书中所有实例都是选择“新建”中的“Flash文件(ActionScript 2.0)” 来制作的,因为ActionScript 2.0是面向普通使用者的,易于理解。,1.1 熟悉Flash CS3工作环境,如图是Flash cs3窗口界面的各部分:,菜单栏包含Flash的所有功能与行为,选择功能名称后,可
2、弹出该功能的菜单。,1.2 菜单栏,1.3 工具面板,(1)选择工具:四项功能指定、全选、移动、修改。(2)任意变形工具:图形的旋转与倾斜、缩放、扭曲,填充颜色的变形。(3)钢笔工具:增加或删除编辑点,与选择工具配合使用可方便的修改图形。(4)文本工具:创建文本或文本域,配合使用窗口下方的属性面板可以设置文字的字体、字号、色彩、类型等属性。(5)直线工具:绘线功能。(6)矩形或椭圆工具:绘矩形或单击切换后绘椭圆,按Shift键可以绘制正方形或圆。,1.3 工具面板,(7)铅笔工具:自由绘线功能,选择本工具后,配合下方出现的笔触线形选项如左图所示,可绘制所需线条。,(8)刷子工具:就是画笔,选择
3、本工具后,配合下方出现的笔触的大小和外形选项如右图所示,可方便绘制图形。,(9)墨水瓶:给线条填色。 (10)颜料桶:颜色填充。 (11)橡皮擦:选择本工具后,下方会出现如右图所示的橡皮擦模式、水龙头、形状选项,用水龙头可一次性擦除舞台上的所有图形。,1.3 工具面板,(12)线条色与填充颜色工具:在绘图前可先通过本工具选择线条和填充颜色,单击两个工具时,会弹出“填充颜色”窗口,如下右方图所示,可从颜色块中选择颜色或再打开“自定义”颜色窗口选择更多颜色,适当的利用Alpha(透明度)设置,可产生玻璃般的透明效果。我们常常要画一些没有线条或者填充的图形,这就要用到颜色的屏蔽,如下左方图所示。,屏
4、蔽了填充,屏蔽了线条,场景舞台用来安排各对象的位置及编辑属性,呈现动画的效果。白色区域即舞台,只有在舞台上的画面才在最终作品中显示。场景就相当于电影的一个个镜头,动画可以是多个场景组成的。,1.4 场景-舞台,图层工具,时间轴指针,图层工具,绘图纸标记,时间轴信息,时间轴,帧,图层,1.5 时间轴面板,时间轴是一段连续的时间坐标,上面是一帧一帧,它是动画制作最重要的参考,在时间轴上可以安排不同的图层或在帧上设置各种特效,播放时Flash会将每一个帧的属性显示在画面上,动画就这样产生。,窗口右方和下方,Flash展现了多种不同用途的功能面板,可以根据不同的需求,通过菜单栏“窗口”菜单中的相应命令
5、,将所需的面板很方便的放到这两个地方。展开及收合面板:在窗口右侧的面板组中,只要选择面板的标题栏就可以展开或收合面板。拖动标题栏就可脱离面板组,也可很方便的将暂时不用的面板隐藏或关闭。从实际操作形式上可以把面板分为四大类别:一是“属性”面板,二是以“混色器”为主的功能化处理面板,三是动作面板,四是如“库”之类的临时性调用面板。,1.6 浮动面板,此面板在舞台下方,它与不同的工具相关联,选择不同的工具,其属性面板差别很大,我们介绍几个重要面板。(1)舞台属性:一般新建文件时就要通过“修改”“文档”命令来设置图中的舞台大小、背景色、动画播放速度等。在编辑的过程中,在选择工具下,显示的也是舞台属性,
6、可随时修改其中的设置。,1.6.1 属性面板,(2)绘图属性:选择绘画工具时出现图中所示的面板,涉及图形颜色、笔触模式和粗细。,1.6.1 属性面板,(3)文本属性:选择文本工具时出现图中所示的面板,涉及文本类型、字体、字号、颜色和字符的位置与间距等设置,还有“静态文本”与“动态文本”、“输入文本”的类型设置。,(4)帧动作属性:当选择帧时出现图中所示的面板,是产生补间动画的属性面板,是完成动画状态的十分重要的属性,对两个关键帧之间的动作状态设置分为“动画”和“形状”两类。其中“形状”针对的是用绘图工具绘制图形的变化,而“动画”针对的是对元件的运动。,主要针对对象的创作功能而言,通过“窗口”可
7、打开许多类似的面板,此面板常常需要配合绘图工具协作运用。如图所示的颜色面板用途广泛,可对对象的边框和填充颜色、填充样式和透明进行调节,如果与绘图工具配合使用的好,就能绘制出效果极佳的图形,更能创作出具有立体特效的光照和渐变效果。,1.6.2 功能面板,如图所示的动作面板涉及ActionScript(动作脚本)编程语言,它是一种内嵌性语言,Flash动作脚本语言可读性特别强,归类比较规范便于操作,其中“全局函数”是为基本动画设计的,包括了“影片剪辑控制”、“时间轴控制”、“浏览器/网络”等基本语句。,1.7 动作面板,Eg:绘制立体图形,1.新建文件,右键-文档属性,设置文件尺寸为550*400
8、,背景颜色为“#0066ff”。 2.矩形工具绘制矩形,宽高比例为1:3. 3.删除轮廓线,选择填充部分,调整颜色和改变填充类型:线性。 4.选择“修改”,任意变形工具改变图形形状,使之变为立体平面。 5.选择矩形工具,线条颜色为“#ff0000”,再单击线条屏蔽,按住shift键,画出正方形。,6.选择“线条工具”在正方形周围天上框架,画出立方体框架。 7.打开颜色属性面板,填充类型为纯色,填充色设置为“#f7ae37”,再选择“颜料桶工具”,用鼠标在正方形的正面区域单击,设置该平面的颜色填充。 8.同样对顶面和侧棉填充,顶面颜色为“#f49c08”,侧面为“#e08f0a” 9.填充后,删除所有轮廓线,选中整个立方体,选择“修改”-“组合”,移动立方体到合适位置。,10,绘制圆柱,删除轮廓线,选择整个圆柱,组合圆柱,移动其到合适位置。 11.再绘制球体,椭圆工具,shift键,绘制圆,选中圆,单击颜色属性面板,填充类型设置为放射状,设置颜色,调整其中心,删除边缘线,移动其到合适位置。 11.三者放在同一平面图上,立体图绘制完成。,