基础与案例教程flashCS5

教师：费丽娜Flash单词n.闪光，闪现，一瞬间vi.闪现，反射，使迅速传便vt.使闪光，反射adj.闪光的，火速的第1章新手入门1.1FlashCS5简介一、Flash的优势（见书P2）二、Flash的历史与发展FutureWave公司1996年11月，Macromedia公司收购了FutureWave公司2005年，Macromedia公司推出Flash8.0，同年Adobe公司收购了Macromedia公司2010年，发行了FlashCS5三、Flash8的特点1、矢量技术（可无限放大镜）2、体积小（动画文件数据量小）3、插件工作方式4、“流”技术四、应用领域1、教学课件2、卡通动漫3、游戏动画4、广告动画5、电子贺卡6、MV动画7、网站片头动画1.1FlashCS5简介1、位图：由像素组成的。与分辨率有关（像素/英寸）单位：像素优点：可以表现出非常真实的色彩缺点：放大后会失真2、矢量图：由点、直线、多边开等基于数学议程的图形构成。优点：放大后不会失真人，占用空间小缺点：色彩丰富，无法通过各种外部的设备获取。1.2位图与矢量图一、FlashCS5安装二、FlashCS5的启动与退出:启动：“开始”→”程序”→“FlashCS5”双击桌面快捷图标“F”退出：单击标题栏的退出按钮单击“文件”→“退出”1.3FlashCS5的基本操作1、工作区切换器（7种）2、“时间轴”面板：帧和图层3、“工具”面板（Ctrl+F2）4、“属性”面板5、浮动面板6、“库”面板7、场景和舞台1.4FlashCS5的工作界面默认状态下，舞台背景为白色，舞台尺寸为550×400像素，帧频为24fps。通过“属性”面板设置来改变舞台背景颜色、大小和帧频等参数。网格(Ctrl+’)（视图/网格）可编辑网格辅助线(Ctrl+;)（视图/辅助线）标尺(Ctrl+Alt+Shift+R)（视图/标尺）8、影片的测试与发布Ctrl+Enter文件/发布1.4FlashCS5的工作界面1.5Flash文档的建立无论是在Flash中绘制矢量图形，还是创建动画，都必须首先创建文档（Ctrl+N），最后保存文档(Ctrl+SCtrl+Shift+S)。1、新建文档Flash中的新建命令包括四种情况：从模板创建、打开最近的文档、新建、学习在Flash中执行“文件”/“新建”命令，在默认情况下创建的是常规的Flash文件。2、保存文档Flash中一个完整的动画文件包括两种格式的文件，一个是源文件，格式为*.fla“文件”/“保存”命令，另一个是浏览文件（影片播放文件），格式为*.swf。后者生成方法是执行“控制”/“测试影片”命令（Ctrl+Enter）。第2章图形的绘制与编辑工具箱分为4个区域：工具区域查看区域颜色区域选项区域一、绘图工具1、矩形工具技巧：按Shift，绘制正方形。按Alt，以起点为中心绘制矩形。属性：颜色、粗细、样式、填充颜色、圆角矩形例子：栅栏2.1规则形状的绘制2、椭圆工具技巧：按Shift，绘制正圆。按Alt，以起点为中心绘制椭圆。部分：矢量色块和矢量线条属性：颜色、粗细、样式、填充颜色例子：圆环、脚板、花3、基本矩形工具4、基本椭圆工具2.1规则形状的绘制2.1规则形状的绘制5、多角星形工具：属性：笔触颜色、填充颜色、笔触高度、笔触样式属性/选项中可设置：多角星形的样式（多边形和星形）、边数（3~32）、星形顶点的深度（0~1）例子：五角星、轮子2.1规则形状的绘制6、线条工具技巧：按Shift，绘制水平、垂直或45度的直线。按Alt，以起点为中心点绘制（可旋转）。属性：颜色、样式、粗细、宽、高、位置线与线之间的关系交叉线被切割颜色大小一样的线，重合时合成一条线颜色不同大小一样的线重合，动的在下面颜色不同大小不一样的线重合，小的在下面2.1规则形状的绘制2.1规则形状的绘制例子：项链、糖葫芦、雪花图形、邮票等7、橡皮擦工具“标准擦除”模式：擦除同一层的线条和填充物“擦除填充”模式：仅擦除填充区域“擦除线条”模式：仅擦除图形的线条部分“擦除所选填充”模式：仅擦除“内部擦除”模式“水龙头”模式2.1规则形状的绘制二、组合与分离组合：修改/组合（Ctrl+G）分离：修改/分离（Ctrl+B）三、对象绘制模式图形对象间的关系：1、颜色相同的两个打散对象，合成一个对象。（红灯笼）2、颜色不同的两个打散对象，在上面的对象会粘走下面的。（月亮）3、组合对象与打散对象不会溶合，但组合对象总在上面。（毛笔）2.1规则形状的绘制2.1规则形状的绘制补：颜色面板选项：对象绘制（打散和组合），打散任意形变，组合对象做运动对象。属性：填充色（可调整不透明度，渐变在颜色面板中调整。）例：红绿黄灯（放射性渐变）例：铅笔、立体盒子（线性渐变）例：相框（位图渐变）2.1规则形状的绘制2.1规则形状的绘制综合实例：Logo2.1规则形状的绘制一、绘图工具的使用1、铅笔工具选项：伸直、平滑、墨水技巧：按Shift可以绘制水平或垂直的直线。例子：微笑热气球、山2.2不规则形状的绘制2、钢笔工具操作：绘制直线节点：单击绘制曲线节点：单击并拖动技巧：可用标尺和网格来精确定位。用“部分选取工具”调整节点单击其它任意工具、在确定最后一个点时双击或按ESC键即可结束钢笔工具的绘制。例子：心形图2.2不规则形状的绘制3、刷子工具刷子工具是用填充色绘制，铅笔工具用笔触色绘制。选项：模式、填充、大小、形状模式：标准绘画：在同一层的线条和填充上涂色颜料填充：对填充区域和空白区域涂色后面绘画：在舞台上同一层的空白区域涂色颜料选择：在选定的区域内进行涂色内部绘画：在内部填充上绘图，不影响线条2.2不规则形状的绘制3、墨水瓶工具作用：编辑线条与图像轮廓的颜色、宽度和样式，还可以为文字描边注意：只能应用纯色，不能用渐变和位图4、颜料桶工具选项：锁定填充、空隙大小（不封闭空隙、封闭小空隙、封闭中等空隙、封闭大空隙）例子：旋转舞台2.2不规则形状的绘制5、任意变形工具与修改-变形命令相同（缩放、扭曲、旋转）选项：旋转、倾斜；放大、缩小；扭曲；修边处理技巧：按Shift，等比例缩放按Alt，以中心点缩放按Ctrl，变成倾斜和扭曲缩放与旋转（Ctrl+Alt+Ｓ）例子：做雪花、扇子、手表2.2不规则形状的绘制6、渐变变形工具改变填充效果：旋转点缩放点中心点拉伸调整柄例子：台球桌、苹果风车2.2不规则形状的绘制7、绘图面板：窗口菜单信息面板：宽度、高度、坐标轴对齐面板：对齐、分布、匹配大小、间隔变形面板：可复制一个变形图形颜色面板：无色、纯色、线性渐变、放射性渐变、位图填充历史记录面板：可复制某个操作组合图形：修改/组合或取消组合2.2不规则形状的绘制综合实例：树叶和中国结、沙漠、娃娃头、SOS2.2不规则形状的绘制1、喷涂刷工具三个选项：编辑、默认形状和颜色2、Deco工具：装饰工具Decoration13种填充：藤蔓式填充、网络填充、对称刷子、3D刷子、建筑物刷子、装饰性刷子、火焰动画、火焰刷子、花刷子、闪电刷子、粒子系统、烟动画和树刷子。2.3装饰图案的绘制例子：感恩教师节、中秋节快乐2.3装饰图案的绘制3、文本工具分类：框架文本（TLF文本）和传统文本传统文本：静态文本、动态文本、输入文本TLF文本：需要ActionScript3.0和FlashPlayer10发布只读、可选、可编辑器属性：位置和大小、字符、段落、选项、滤镜编辑文本：分离文本和组合文本使用滤镜：a、添加滤镜b、编辑滤镜c、删除滤镜d、创建滤镜库2.3装饰图案的绘制例子：空心字、立体字、多色字、彩虹字、投影文字2.3装饰图案的绘制4、选取工具作用：选择、移动和改变对象的形状。选项设置：贴紧至对象、平滑、伸直。例子：做蜡烛2.3装饰图案的绘制5、部分选取工具作用：调节路径的节点或控制手柄、移动图形和改变图形形状。例子：做手、梨2.3装饰图案的绘制6、套索工具作用：选择不规则图形或多边形，还可以选取分离位图的不同颜色区域。选项：魔术棒、魔术棒设置、多边形模式例子：舞蹈动画、截取图像2.3装饰图案的绘制7、辅助工具手形工具和缩放工具注：放大镜工具，Alt放大与缩小切换按住空格键，变成抓手工具8、滴管工具用于从现在的形状或线条中取得样式和颜色，并可立即应用到其他的形状或线条中。2.3装饰图案的绘制一、允许导入素材的类型：1、图形图像（矢量图形和位图图像）注：导入到Flash中的图形文件大小不能小于2*2像素2、音频3、视频二、导入素材的方法文件/导入/导入到舞台或导入到库1、导入PNG文件2、导入PSD文件3、导入AI文件3.1导入外部素材第3章动画制作必识一、元件1、定义：在Flash中将需要重复出现的图、动画、按钮制作成元件，元件存放在元件库中。元件只需创建一次，然后即可在整个文档或其他文档中重复使用。2、类型：图形元件：静态的图像按钮元件：弹起、指针经过、按下、点击4帧影片剪辑元件：时间不随创建的主时轴同步运行。3、创建：插入|新建元件（Ctrl+F8）修改|转换为元件（F8）3.2元件的创建二、实例1、定义：将元件应用到舞台上或嵌套在另一个元件内的元件副本。2、注意：将一个元件从元件库中搬到工作区中即创建了该元件的一个实例，一个元件可以创建多个实例。实例保持元件的基本特征，但可以设置不同的颜色、大小和功能。当修改元件时，它的所有实例都会随之更新。3、创建实例4、编辑实例（颜色、亮度、透明度民、绽放、旋转、扭曲）3.2元件的创建三、库1、定义：在Flash中库是用来存放当前文档中的所有元件及导入的图形、音频、视频等动画元素。2、库面板的操作(Ctrl+L）3、公用库：窗口|公用库包含：按钮、类、学习交互3.2元件的创建例：QQ空间进入动画3.2元件的创建一、图层二、补间动画类型补间动画：表现为蓝色背景区域，起始帧为黑色圆点关键帧，其他帧为黑色菱形关键点。引导动画：至少有两个图层，上面的是“引导层”，下面提“被引导层”。遮罩动画：至少有两个图层，上面的是“遮罩层”，下面提“被遮罩层”补间形状动画：表现为浅绿色背景区域内一条从动画起始帧指向结束帧的箭头。传统补间动画：表现为浅蓝色背景区域内一条从动画起始帧指向结束帧的箭头。3.3动画的制作三、实例的应用实训3.3：地理雨3.3动画的制作第4章Flash基础动画制作一、逐帧动画的原理：连续的关键帧，使之连续播放优点：适合于表现细腻的动画或画面变化较大的动画。缺点：制作过程比较繁琐，最终文件较大。二、创建方法1、用导入的位图建立逐帧动画2、绘制矢量逐帧动画3、导入序列图像创建逐帧动画4、文字逐帧动画5、指令逐帧动画4.1逐帧动画三、帧类型1、关键帧：黑色小圆点（F6）2、空白关键帧：白色小圆点（F7）3、过滤帧（普通帧）：灰色区域（F5）四、帧的操作1、插入帧2、删除帧：Shift+F5可删除过渡帧，Shift+F6可删除关键帧3、选择帧4、移动或复制帧：按Alt可复制所选的帧Ctrl+Alt+X剪切帧，Ctrl+Alt+V粘贴帧4.1逐帧动画五、绘图纸功能：可同时看到多个帧中内容，更容易编辑动画。时间轴底部的4个按钮1、绘图纸外观2、绘图纸外观轮廓3、编辑多个帧4、修改给力纸标记a始终显示标记b锚记绘图纸c绘图纸2d绘图纸5e所有绘图纸4.1逐帧动画例：QQ表情、恭贺新禧4.1逐帧动画一、场景每个场景又有自己的时间轴，当播完一个场景后，播放器自动播放下一个场景。二、场景的操作显示：窗口/其它面板/场景（Shift+F2）v查看特定场景：3种方式1、视图/转到2、单击“编辑场景”按钮3、在场景面板中直接选择添加场景：2种方式1