《FlashMX简介及绘图基础.ppt》由会员分享，可在线阅读，更多相关《FlashMX简介及绘图基础.ppt（23页珍藏版）》请在三一办公上搜索。
1、第一讲Flash MX简介及绘图基础,Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。,FLASH的特点1.使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。2.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了
2、许多令人叹为观止的动画(电影)效果。,4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ActionScript可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。,第一次打开的时候，会弹出一个界面预置对话框（图1），分为面向设计的Designer，普通用户的 General和面向编程的Developer，每种界面预置都周到的考虑了用户的要求和习惯，大家可以按照个人要求选择。,FLASH工作环境如图所示就是Flash的基本工作环境。为了方便说明，可以拖动的部分都移离主环境，
3、成为独立的小窗口。Flash的工作环境大致就包括这几个部分，以下分别作简要介绍。,绘图工具栏,舞台,标准工具栏,时间轴窗口,混色器面板,组件面板,属性面板,动作面板,解答面板,时间轴窗口时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。,在时间轴里还包括一个重要的部分，就是图层(Layer),时间轴窗口中帧的表现形式,空心小圆圈表示空白的关键帧，没有内容。,表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。,表示变形过渡动画，关键帧用黑色的圆
4、点标识，内插帧用黑色的实线表示，背景为淡绿色。,虚线说明中间的过渡存在错误，无法正确实现内插。,关于图层(Layer)的概念，学过Photoshop的人都不会陌生。形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。图层是Flash中最基本而且重要的内容，因而需要很好地掌握。,图层(Layer),左图是一个典型的图层例子，左图中所示共有六个层。其中用黑色标识带有一支铅笔 标志的
5、层为当前正在编辑的层。如果该层不能被编辑，则会显示 图标。在这些层右上方有三个图标，其中 可以控制该层是否被显示，默认状态为正常显示，在对应下方用 表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被编辑。用来控制是否锁住该层，被锁住的层可以正常显示，但不能被编辑，这样在你编辑其它层时，可以利用这一层作参考，而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。这几个功能可以同时起作用。,点击层下方的 可以在当前选中的层上方新建一个层。的作用是新建一个导向层，关于导向层的概念我们一会儿再说。用来删除当前选定的层，注意点击这个图标就会立
6、即把当前层删掉，没有提示。双击任何一个层都可以选中该层并进入更换图层名称的状态，把图层命名为与编辑内容相关的名称将有利于我们的工作。,遮罩层的标识为，当定义一层为遮罩层时，其下的一层会自动定义为被遮罩层，标识为。,遮罩层中的对象被看作是透明的，其下被遮罩的对象在遮罩层对象的轮廓范围内可以正常显示。遮罩也是Flash中常用的一种技术，用它可以产生一些特殊的效果，例如探照灯效果。,我们将在以后的课程中通过实例，更加深入地理解图层的作用和操作。,绘图工具的使用,图形和文字是Flash动画的基础，所以掌握绘图工具的使用对于制作好的Flash作品是至关重要的。Flash的绘图工具大致包含以下几大部分：选
7、取工具，绘画工具，文字工具，涂色工具，擦除工具以及查看方式选择工具。,箭头工具,工具,钢笔工具,椭圆工具,铅笔工具,任意变形工具,墨水瓶工具,滴管工具,线条工具,部分选取工具,文字工具,矩形工具,笔刷工具,填充变形工具,颜料桶工具,橡皮工具,套索工具,笔触颜色,填充颜色,下面我们分别来介绍几个常用的绘图工具：,铅笔工具,如果鼠标用的比较熟练，在点取铅笔工具绘图时会感觉和用真正的铅笔差不多。Flash还会对所绘线条进行拉直或圆滑，拉直或圆滑的程度取决于所选绘图模式,伸直模式让你可以绘制直线，将手绘的边线歪歪扭扭的不规则三角形、椭圆、圆形、矩形、正方形边线拉直并转换成这些常用几何图形。平滑模式可以
8、让你画出平滑的曲线。墨水（徒手）模式可以让你绘制近似手绘的任意形状的线条。,椭圆工具和矩形工具,这两个工具用于绘制椭圆，圆形，矩形和正方形。,矩形工具的参数修改器比椭圆工具的要多一个圆角参数设置，在点击后弹出的对话框里可以设置圆角的半径。,Shift键的组合画法正圆、正方形,定制颜色,定制的颜色有两种类型，一种是纯色，一种是渐进色。我们可以用以下几种方法来设置纯色：1 颜色和亮度的设置：用鼠标在颜色区内点击相应的色彩，选好后在右边的色调框中拖动滑标设定其亮度值，所选色彩在颜色预览框中显示。2 透明度的设置：在透明度(Alpha)输入框内输入百分比或者用透明度设置滑杆都行，0表示全透明，100表
9、示不透明，为默认值。注意当Alpha为0时，颜色的选择变得没有意义。3 RGB的设置：可以通过定义红色，绿色和蓝色的值来定义一种颜色，只需在相应的RGB输入框中填入设定值即可。点选十六进制选择框，可以用十六进制来定义颜色。,渐进色另外一种用的比较多的颜色是渐进色，所谓渐进色就是在两个或者多个颜色之间实现颜色上的过渡。在Flash中已经提供了大约7种渐进色可以用鼠标在关键点颜色指针之间点击一下，这样就又生成了一个关键点。然后再调节这个关键点的色值，进一步细化颜色渐变过程。Flash允许最多8个关键点。相反，如果觉得关键点太多，可以用鼠标点选多余的关键点，将其拖出渐进色定义条即可将其删除。,笔刷工
10、具通过笔刷工具，我们可以方便地为图形，区域着色，甚至可以直接用它来作图。,标准涂色：笔刷所过之处将会覆盖同一图层中所有 的线条和填充色。填充涂色：在空白区域和图形内部着色，而保留轮廓线及其他线条不被覆盖。后面涂色：只能为空白区域着色，线条、轮廓线及封闭的图形内部将保留原状态不变。选择涂色：只能喷涂所选定的填色区域。可以用选择工具选定一块区域填充。内部涂色：在笔刷起始点所处区域内部填充且不会影响到线条，也永远不会影响到线条以外的部分。如果笔刷起始位置位于空白区域，则现有的线条和图形区域将不会受到影响。,墨水瓶工具点击线条或形状，可以将其改为指定的颜色。注意，墨水瓶工具不能改变图形的填充色，而且只
11、能使用固定色，不能用渐进色,滴管工具作用是拾取工作区中已经存在的颜色及样式属性并将其应用于别的对象中。使用非常简单，只需把滴管移动到需要取色的线条或图形中点击鼠标左键即可。,颜料桶工具作用是使用单色，渐进色或位图填色对某一区域进行填充，注意不能作用于线条。,不封闭空隙：默认选项，区域在完全封闭状态下才能填充。其余的选项分别为封闭小空隙、封闭中等空隙、封闭大空隙，它们可以设置允许区域存在多大缺口时填充。,箭头工具用来选取或移动对象。用箭头工具选取对象可以有三种方法，一种是用鼠标单击要选取的对象第二种方法是在对象上双击鼠标。当双击的是轮廓线内部的填充区域时，该区域及其轮廓线均会被选中，而当双击的是轮廓线时，则只有轮廓线被选中，但当轮廓线与其它同色的线条相连时，这些线条也会同时被选中。第三种方法是用鼠标拖出一个矩形来，其所套住的区域为被选择区域。,橡皮工具作用是擦除图层上的对象。与笔刷工具相似。双击该按钮会擦除掉工作区中所有的图形。文字工具文字处理在Flash中经常会用到，我们可以给动画加入文字，设定字体大小、字样、类型、间距、颜色和排列等，也可以象处理对象那样处理字体变形，包括旋转、缩放、倾斜、翻转等。,
