在flash中绘制图形
Flash CS3 Flash绘制图形技巧
Flash CS3 Flash绘制图形技巧在Flash中,使用绘图工具绘制的图形为矢量图形,它们主要由填充颜色的色块和有多个点构成的图形轮廓或曲线两部分组成。
矢量图形具有独立地分辨率,即使加倍地放大图形也不会降低图形的质量。
如图2-3所示。
轮廓线填充色块图2-3 创建的矢量图形在Flash中绘制图形,主要有两种方式:合并绘制图形和对象绘制图形。
通过这两种方式的绘图,为用户绘图图形提供了极大地灵活性。
下面我们就来介绍一下这两种绘图方式的区别。
合并绘制图形默认情况下,在Flash的同一图层上,重叠进行绘图、填充颜色,所绘图的图形对象会自动合并,以及对图形进行编辑,会影响到同一层的其他形状。
例如,绘图一个圆形,并在其上叠加一个较小的圆形,然后选择第二个圆形并进行移动,则会删除第一个圆形中与第二个圆形重叠的部分。
如图2-4所示。
图2-4 移动圆形后删除对象的效果使用该方式绘图图形时,可以将多个图形绘制成独立地对象,这些对象在叠加时不会自动合并,这样在分离或重新排列图形外观时,可以使图形重叠但不改变其外观;而且,Flash 可以对每个图形对象分别进行处理。
要使用这种绘图方式,需要在启用绘图工具之后,在工具箱的选项区中单击【对象绘制】按钮,同时,对于绘制的图形来讲,Flash 会在该图形周围添加矩形边框,如图2-5所示。
部分,那么重叠部分将具有后绘制图形的颜色,并且不再属于之前绘制图形对象。
绘图圆形移动圆形绘制对象移动对象图2-5 使用对象绘制方式创建的图形用户可以将“合并绘制”方式绘制的图形转化为“对象绘制”方式下的图形对象,即选择“合并绘制”方式创建的图形对象,然后执行【修改】|【合并对象】|【联合】命令,所选图形即可被转化。
转换后的形状,被视为基于矢量的绘制对象,与其他对象叠加时不会改变外观,如图2-6所示。
图2-6 转换图形对象后的效果在合并绘制图形方式下,当使用铅笔、钢笔、线条、椭圆、矩形或刷子工具,绘制一条与另一条直线或已涂色形状交叉的直线时,重叠直线会在交叉点处分成线段,此时可以使用选择工具分别选择、移动每条线段,并可以改变其形状,如图2-7所示。
第二讲 Flash绘图工具与图形处理
图1 贝赛尔绘图方式之二
图2绘图步骤二
图3 绘制完的曲线
20
例:绘制波浪线
显示网格 绘制波浪线
21
用钢笔工具画直线
a. 选取钢笔工具 b. 在钢笔工具的属性面板里设定其参数,见图
c.在工作舞台上你选取画线的位置点击一下,确定了线段的 第一个点。 d.点击线段的另一个节点,如果按住Shift键,可以强制画 45度或90度的线。 e.结束画线:双击最后一个节点或者是画的封闭的图形也 可以自行结束。
55
单击【填充样式】右侧的下拉按钮,将弹出如图所示 的下拉列表框,其中列出了5种填充样式,可以根据需 要选择合适的填充样式。
56
颜色选择按钮
取消填充色
使填充色和线条色互换
57
颜色选择
(1)颜色样本按钮 弹出颜色样本下拉面板 (2)窗口 颜色样本 或Ctrl+F9 打开颜色样本窗口
(3)线性,放射状填充选择:
16
可以选择以何种方式为图形着色:
标准绘画:刷子所过之处将会覆盖同一图层 中所有的线条和填充色。 颜料填充:在空白区域和图形内部着色,而 保留轮廓线及其他线条不被覆盖。 后面绘画:只能为空白区域着色,线条、轮 廓线及封闭的图形内部将保留原 状态不变。 颜料选择:只能喷涂所选定的填色区域。 可以用选择工具选定一块区域填充。 内部绘画:在笔刷起始点所处区域内部填充 且不会影响到线条,也永远不会影响 到线条以外的部分。如果笔刷起始位 置位于空白区域,则现有的线条和图 形区域将不会受到影响。
33
4.编辑修改图形: 这也是箭头工具常用的操作. 例如一条直线,想使其弯曲,将箭头放到直线的下面,可 以看到在箭头旁边多出一个小弧形的标记,这意味着 你可以改变这条直线.如图所示
02第二章 Flash绘制和编辑对象
变形对象
任意变形工具---Q 任意变形工具
旋转与倾斜 缩放 扭曲:针对形状有效,改变大小, 扭曲:针对形状有效,改变大小,倾斜度 封套:针对形状有效, 封套:针对形状有效,修改图形的局部
矩形工具---R 矩形工具
可以利用矩形工具绘制圆角矩形.利用工具 可以利用矩形工具绘制圆角矩形 利用工具 箱下方的"圆角矩形半径"按钮; 箱下方的"圆角矩形半径"按钮 激活工具后,按住Alt, 激活工具后,按住 ,单击舞台任意空白 弹出"矩形设置"对话框; 处,弹出"矩形设置"对话框
如果按住Shift绘制,可绘制正方形 绘制, 如果按住 绘制
滴管工具---I 滴管工具
作用:可用此工具吸取图形的线型和色彩 作用 可用此工具吸取图形的线型和色彩
小结
形状:选中后具有网格状的对象 形状 选中后具有网格状的对象; 选中后具有网格状的对象 Flash中的常见五大对象 中的常见五大对象: 中的常见五大对象 群组,文本块,形状,实例, 群组,文本块,形状,实例,位图 群组,文本块,位图可以利用"分离" 群组,文本块,位图可以利用"分离"/Ctrl+B 的方式将其变成形状
双击橡皮擦工具 可以快速删除舞台上的 双击橡皮擦工具,可以快速删除舞台上的所 橡皮擦工具 可以快速删除舞台上的所 有对象 要想删除矢量图形上的线段和填充区域,可 要想删除矢量图形上的线段和填充区域 可 以选择橡皮擦工具后,再选中工具箱中的 再选中工具箱中的水 以选择橡皮擦工具后 再选中工具箱中的水 龙头按钮 按钮,然后单击舞台上想要删除的线段 龙头按钮 然后单击舞台上想要删除的线段 或填充区域即可. 或填充区域即可
在flash中绘制图形
在Flash中绘制图形在Flash中,使用绘图工具可以轻松地创建各种图形,包括线条、矩形、椭圆、圆角矩形、多边形和曲线等。
通过使用绘图工具,您可以创建各种图形效果,例如描边、填充、阴影、透明度和渐变等。
绘制线条线条是大多数Flash项目中最基本的元素,因为它们可以形成形状、对象和视觉元素。
使用绘图工具创建线条非常简单:在工具栏中单击直线工具,然后在舞台上单击并拖动以绘制线条。
您还可以更改线条的颜色、粗细、类型和样式。
例如,您可以使用虚线、点线、点交线或任何自定义样式。
在属性面板中的线段颜色和线段尖头下拉列表中,您可以选择线段颜色和线段尖头的不同组合。
绘制基本形状除了线条之外,您还可以使用Flash的绘图工具绘制各种形状。
这包括矩形、椭圆、圆角矩形和多边形等。
使用这些基本图形可以轻松创建各种视觉元素,例如按钮、图标、元素等。
单击相应的绘图工具,然后在舞台上单击并拖动以创建形状。
使用属性面板可以轻松更改形状的颜色、轮廓、阴影和透明度等属性。
绘制高级形状除了基本形状之外,Flash还提供了一些高级形状绘制工具,例如画笔、铅笔和曲线等。
这些工具允许您自由绘制形状,而不必依赖预定义的形状。
使用这些工具时,您可以选择绘图的颜色、大小和样式等。
Flash还允许您在绘图时添加描边、填充、阴影和渐变等效果。
绘制位图除了矢量图形之外,Flash还支持位图。
使用位图绘图工具可以创建由像素组成的图像,这些像素可以大大增强图像的清晰度和细节。
此外,位图还具有各种过滤器和效果,如模糊、变形、发光和描边等。
使用位图绘图工具时,您可以选择图像的大小、颜色深度和分辨率等选项。
然后,在绘制时,您可以使用绘图工具像素一点点地创建图像,直到完成您想要的图像为止。
在Flash中,使用绘图工具可以创建各种基本和高级图形,包括线条、矩形、椭圆、圆角矩形、多边形和曲线等。
此外,使用位图绘图工具可以创建由像素组成的图像,这些像素可以大大增强图像的清晰度和细节。
《Flash CC动画制作案例教程》教学课件 第2章 绘制与填充图形
案例一 绘制热带鱼——使用线条和调整工具
为了方便用户绘图,Flash提供了合并绘制模式和对象绘制模式两种绘图模式。
合并绘制模式:合并绘制模式是Flash默认的绘图模式〔本书中,假设无特别说明,都是在合并模式下 绘制图形〕,在该模式下绘制的图形是分散的,两个图形之间如果有交接,后绘制的图形会覆盖先绘 制的图形,此时移动后绘制的图形会改变先绘制的图形
利用工具箱设臵颜色设臵笔触轮廓颜色设臵填充颜色也可单击此处然后输入颜色十六进制值也可单击此处然后输入颜色十六进制值单击无色按钮可将填充或笔触颜单击此处的透明度值单击此处可输入颜色的透明度值可在此处选择需要的颜色可在此处选择需要的颜色单击选择需要的颜色单击选择需要的颜色拖动滑块设臵颜色拖动滑块设臵颜色案例四为巴士汽车设置填充和轮廓如果要设臵渐变色和位图填充等则需要利用颜色面板进行
“矩形边 角半径〞 编辑框
“矩形工具〞的“属性〞面板
1.单击选中工具箱中的“矩形工具〞 , 或者按快捷键【R】,可以看到“矩 形工具〞 的“属性〞面板比“线条工 具〞 多了“填充颜色〞按 绘制巴士汽车——使用几何工具
2.设置好“矩形工具〞 的属性后,将光标移动到舞台中,按住 鼠标左键不放并拖动,松开鼠标后即可绘制一个矩形,如左 图所示;假设在拖动鼠标的同时按住【Shift】键,那么可以 绘制正方形,如中图所示;假设设置了“矩形边角半径〞的数 值,那么可以绘制圆角矩形,如右图所示。
案例一 绘制热带鱼——使用线条和调整工具
使用“线条工具〞 可以绘制不同长度和角度的直线线段,并且还可通过“属性〞面板设置线段的颜色、粗 细和样式等属性。“线条工具〞 的使用方法可参考以下操作。
在此设置 笔触颜色
在此设置 笔触高度
在此设置 笔触样式
FLASH CS4 几何图形的绘制
FLASH CS4 几何图形的绘制生活中的所有物体都是由几何图形构成的。
例如长方形的电视机、圆形的杯子等。
在F lash绘图中,使用几何图形绘制也是一种重要的方法。
1.矩形工具在Flash中,【矩形工具】的主要作用是绘制各种正方形和长方形。
使用【矩形工具】时,需要在【工具】栏中单击【矩形工具】,在【属性】检查器中设置相应地笔触颜色、填充颜色、笔触粗细以及样式。
然后,即可在舞台中绘制各种矩形,如图4-29所示。
图4-29 绘制矩形矩形工具除了绘制普通矩形外,还可以绘制圆角矩形。
在绘制圆角矩形之前,首先应在【属性】检查器中设置矩形4个角的边角半径,然后即可绘制出符合要求地圆角矩形,如图4-30所示。
图4-30 绘制圆角矩形2.基本矩形工具【基本矩形工具】是从Flash CS3开始增加的一项新功能。
使用【基本矩形工具】和使用【矩形工具】在绘制矩形时是一样的。
区别是,使用【基本矩形工具】绘制的矩形在默认状态下就是以整体对象的形式存在,而不像普通矩形是以填充和4条笔触的方式存在。
在按住基本矩形的一条边拖动时,整个基本矩形都会随之移动。
而按住普通矩形,则只会有一条笔触随鼠标移动。
普通矩形和基本矩形还有很多区别。
例如,在图4-31中,用鼠标将普通矩形的端点向中心拖动,矩形将变为三角形。
图4-31 拖动普通矩形端点而在基本矩形中,拖动基本矩形的任意一端点,都仅能使基本矩形的角变得圆滑。
如拖动所有的点,甚至可以将基本矩形转换为椭圆形,如图4-32所示。
图4-32 拖动基本矩形端点3.椭圆工具和基本椭圆工具除了【矩形工具】外,Flash还提供了【椭圆工具】和【基本椭圆工具】用于绘制圆形和椭圆形。
在【工具】栏中选择【椭圆工具】,即可在【属性】检查器中设置相应地笔触颜色、填充颜色、笔触粗细以及样式。
然后,在舞台中绘制各种圆形,如图4-33所示。
图4-33 绘制椭圆形椭圆工具除了绘制圆形外,还可以绘制各种扇形、圆环。
绘制这些由圆衍生而来的图形,需要在绘制之前设置【椭圆选项】。
第2章 flash 绘图工具的使用
颜料桶工具
滴管工具 橡皮擦工具 手形工具 缩放工具
K
I E H M,Z
用于填充图形的内部
对场景中对象的填充进行采样 用来擦除线条、图形、填充 用于场景的移动 用于放大或缩小场景
2.2 Flash 绘图基础
1.矢量图和位图
1)位图:又称点阵图像。是由许多的点(像素) 组成的。位图的显示质量与分辨率有关。 2)矢量图:又称向量图像。是以数学的向量方式 来记录图像的,包括线条的起止位置、线形等。矢 量图与分辨率无关。
融合在一 起,做加 法运算 不同色彩 的形体做 减法运算
2.2 Flash 绘图基础
3.形状对象的特性
线体间的布尔运算
同色线体间的布尔运算
同色线体交叉时在交点产生节点,单击可以移动,可以分 割。由于是同色,双击时两条同色的线体作为一个整体对 象被选中,移动时一起移动。
不同色线体间的布尔运算
P
T O R
绘制对象路径
编辑文本对象 绘制椭圆形和圆形对象 绘制矩形和正方形对象 绘制多角星对象
Y
绘制线条和图形对象
刷子工具
任意变形工具 填充变形工具 墨水瓶工具
B
Q F S
绘制矢量色块或创建一些特殊效果
任意变形对象、组、实体或文本块 对形状内部的渐变或位图进行填充编辑 编辑形状周围的线条的颜色、宽度和样式
辅助选项:无 属性面板:
宽、高:显示该直线在水平或垂直方向上的映射长度,通过修改这两个 文本框中的值,可改变直线在水平或垂直方向上的映射长度。 X、Y:显示直线在场景中的横纵坐标值,通过修改这两个文本框中的 值,可改变直线的位置。 笔触颜色按钮:设置直线的颜色。 填充颜色按钮:设置填充的颜色,选取线条时,填充颜色为无且此 时无法进行设置。 笔触高度按钮:设置直线的粗细,数值越大,绘制的直线越粗,反 之直线越细。 笔触样式下拉列表:可以设置绘制直线的样式。 笔触提示复选框:在全像素下调整直线锚记点和曲线锚记点, 防止出现模糊的垂直或水平线。 下拉列表:限制在播放和发布动画时笔触的缩放,包括一般、 水平、垂直和无4个选项。
FlashMX基础之绘画实例
人物面部绘画之一
3. 多种图形的组合
4. 单个图形的变形调整:
人物面部绘画之二
1. 打开Flash MX软件, 使用线条工具,绘 制三个线段,呈倒 三角状; 2. 使用箭头工具将线 条拖出一定的弧度;
3. 使用第二箭头工具, 也就是贝塞尔工具 拖动弧线的顶点。
人物面部绘画之二
绘制中国风荷塘风景
效果图
绘制中国风荷塘风景
1. 新建元件,画一个正 圆。快捷方式: shift+圆型。修改线 条属性—5pix,填充 黄色; 2. 复制圆:缩放 ,得 到两正圆;
绘制中国风荷塘风景
3. 铺背景色
绘制中国风荷塘风景
4. 打开一个花参考图片,勾画荷花轮阔。
修整:线条+钢笔辅助 深入描绘:线条+钢笔+黑箭头
绘制喜鹊和红梅
19. 第18帧:打开上嘴、 下嘴、身体图层的锁, 用套索工具选中嘴和 头部份,再点变形工 具,如图移动注册点, 向下转动。 20. 黑箭头工具调整,连 接断点,完成图。
绘制喜鹊和红梅
画梅花
1. 新建图形类元件:花瓣 1。放射状填充左色标: FF0000 右色标为白色。 2. 新建图形类元件:花瓣 2,填充颜色同花瓣1。
绘制竹子
4. 竹叶:(仰叶1)新建四个图形类元件,分别画 出四种形态的竹叶。用笔刷工具画竹叶,三笔 为一组。
绘制竹子
5. 竹竿、竹枝、竹叶组合
新建图形元件:竹子,分别建立图层竹竿、竹枝、 竹叶三个图层,并在相应图层拖出相应元件,进行 组合。
绘制竹子
6. 竹叶(俯叶1):插入图形元件:俯叶,用矩形 工具,画一个无边框的矩形,经过调整,得到 下图。(个字)。
Flash绘图
工作情境一 扑克牌
(5)设置其中一个椭圆的宽度为10、高度为8.5, 设置其中一个椭圆的宽度为10、高度为8.5, 另一个宽度为11、高度为9.5。 另一个宽度为11、高度为9.5。调整它们的位置 8”字形 并放在矩形框的左上方。 字形, 成“8”字形,并放在矩形框的左上方。 按住Shift键 选中两个椭圆,选择【修改】 (6)按住Shift键,选中两个椭圆,选择【修改】 菜单→ 组合】命令,将它们变成一个“ 菜单→【组合】命令,将它们变成一个“组” (“组”便于对象的管理,详见模块3),然后 便于对象的管理,详见模块3),然后 将这个“ 复制粘贴。 将这个“组”复制粘贴。 将粘贴后的组选中,选择【修改】菜单→ (7)将粘贴后的组选中,选择【修改】菜单→ 变形】子菜单→ 垂直翻转】命令, 【变形】子菜单→【垂直翻转】命令,然后将它 放在矩形框的右下方。 放在矩形框的右下方。 选择【矩形工具】 设置【笔触颜色】 (8)选择【矩形工具】,设置【笔触颜色】无, 填充颜色】为红色,按住Shift键 【填充颜色】为红色,按住Shift键,在舞台上绘 制一个红色正方形。 制一个红色正方形。
子模块一 绘图工具
(十四)橡皮擦工具 十四) 橡皮擦工具可以用于擦除多余的线条和填充, 橡皮擦工具可以用于擦除多余的线条和填充,如果 希望擦除位图的某些部分,必须事先将位图打散。 希望擦除位图的某些部分,必须事先将位图打散。
子模块二 颜色工具
(一)颜色修改工具 1.颜料桶工具 1.颜料桶工具 2.墨水瓶工具 2.墨水瓶工具
(十二)骨骼工具 十二) 骨骼工具也是Flash CS4新增的功能 新增的功能, 骨骼工具也是Flash CS4新增的功能,它可以创建 轻松自然的运动动画, 轻松自然的运动动画,使运动更接近于生活中的 真实效果。 真实效果。
FLASH CS4 Graphics类绘制图形
FLASH CS4 Graphics类绘制图形每个Shape、Sprite和MovieClip对象都具有一个graphics属性,它是Graphics类的一个实例。
Graphics类包含用于绘制线条、填充和形状的属性和方法。
如果要将显示对象仅用作内容绘制图形,则可以使用Shape实例;如果希望能够在显示对象上绘制图形内容,并且还希望该对象包含其它显示对象,则可以使用Sprite实例。
1.绘制直线和曲线使用Graphics实例进行的所有绘制均基于包含直线和曲线的基本绘制。
因此,必须使用一系列相同的步骤来执行所有ActionScript绘制:●定义线条和填充样式如果要使用Shape、Sprite或MovieClip实例的graphics属性进行绘制,必须首先定义在绘制时使用的样式(线条大小和颜色、填充颜色)。
使用lineStyle()或lineGradientStyle()方法可以指定笔触的外观。
如果要绘制纯色线条,需要使用lineStyle()方法。
调用此方法时,通常指定的最常用的值是前三个参数:线条粗细、颜色以及Alpha,使用方法如下所示:myShape.graphics.lineStyle(thickness,color,alpha);其中,alpha参数的默认值为1.0(100%),因此,如果需要完全不透明的线条,可以将该参数的值保持不变。
如果要创建填充形状,在开始绘制之前需要调用beginFill()、beginGradientFill()或beginBitmapFill()方法。
其中的最基本方法beginFill()接受以下两个参数:填充颜色以及填充颜色的Alpha值(可选),使用方法如下所示:myShape.graphics.beginFill(color,alpha);调用任何填充方法时,将隐式地结束任何以前的填充,然后再开始新的填充。
调用任何指定笔触样式的方法时,将替换以前的笔触,但不会改变以前指定的填充,反之亦然。
使用Flash绘制图形
第二步:新建一个“图层2”,在该图层导入图片“花与 蝴蝶”,将该位图转换为矢量图形,选中其中的花朵和蝴 蝶,粘贴到“图层1”并将其转换为元件,调整元件在舞台 中的位置,设置其透明度为45%,并删除图层2及库中的 位图“花与蝴蝶”,背景图片的效果如下图。
2.7 “Happy time 特效文字” 案例
三、技术要点
1、“矩形工具”的使用:“矩形工具”擅长绘制矩形、正 方形和圆角矩形。“矩形工具”的属性面板如下图
注意:Shift键可以画正方形
2.3 “绘制雪房子” 案例
三、技术要点
2、“椭圆工具”的使用:“椭圆工具”擅长绘制椭圆和正 圆,还可绘制扇形、空心椭圆或空心扇形。“基本椭圆工具” 的属性面板如下图。
2.4 “绘制易拉罐” 案例
本节内容
案例效果 操作步骤 技术要点 练习
2.4 “绘制易拉罐” 案例
一、案例效果
重点与难点: 【颜料桶工具】、【渐变变形工具】、【墨水瓶工具】与“颜色” 面板的使用,及三类工具的“属性”面板及“选项区”的设置 。
2.4 “绘制易拉罐” 案例
二、操作步骤
1:设置“文档属性” ,并把文件保存为“易拉罐”。 2:使用“矩形工具” 、“椭圆工具”和“线条工具” 来绘制易拉罐的外观轮廓如下图:
二、操作步骤
1:修改“文档属性”设置舞台大小为 720×576 , 并把文件保存为“小青蛙”。 2:绘制小青蛙。
第一步:使用“线条工具”绘制小青蛙的头部,利 用“选择工具”调整线条,使其成为头部轮廓线,过 程如下图
2.5 “绘制小青蛙” 案例
二、操作步骤
第二步:使用“线条工具”绘制小青蛙的头部分界线并进 行颜色填充,最后组合为群组,过程如下图
FLASH动画制作基础
卷轴元件制作-绘制卷轴两端
4)新建图形元件“画面”,将图层1重命名为“矩形 1”,选择工具栏上的矩形工具,绘制矩形如图:
画面元件制作-绘制矩形
5)新增图层“矩形2”,用工具栏中的矩形工具绘制 一填充色为白色的矩形,适当调整位置,如图:
画面元件制作-绘制白色矩形
6)新增图层“花纹”,用工具栏中的铅笔工具绘制 卷轴的花边,绘制好一个后,其他花边可通过复制完 成,并打开“对齐面板”,调整花边位置, 如图:
5、把“曲线”图层上的帧延长到第40帧处,选中图层,右键选择 “遮罩层”。 6、从库中把“曲线动画”元件拖入到主场景中的合适位置,将中 心点(小白圆)往右拖离一定矩离;打开“窗口”--“变形”, 在“旋转”中输入30,点击下面的“复制并运用变形”按钮,连 按11次。如图5:
用遮罩制作字幕效果
遮罩特效之流动的水面效果
遮罩特效之图片切换
用遮罩实现图片切换的原理讲解 • 效果欣赏: • 操作要点: 1、导入需要变换的图片,至少3幅; 2、新建一个影片剪辑,制作一个方形变大的形状补间动画,最后一帧 添加“stop”语句。 然后再新建一个影片剪辑,放置多个方形变大的影片剪辑,保存为 “方形变换组”,如下图所示:
方形变换组剪辑 一个方形变大的剪辑
遮罩动画
• 要创建遮罩动画,需要有两个图层,一个遮罩层,一个 被遮罩层。要创建动态效果,可以让遮罩层动起来。对于用 作遮罩的填充形状,可以使用补间形状;对于文字对象、图 形实例或影片剪辑,可以使用补间动画。
元件、库的概念
• 在制作Flash动画时,也会遇到某个对象在舞台 中多处出现的情况。如果把每个对象都分别制作,这 样既费时间又增加了文件大小。为此,Flash设置了 “库”,将这样的对象放置其中,形成称为“元件” 的对象,在需要元件对象上场时,只需用鼠标将该元 件拖到舞台中即可。 • 元件分为3类,即影片剪辑(用于制作动画)、 图形(用于制作静态元素)、按钮(是制作交互动画的 基础)。
flash制作红旗的教程
两种方法方法一:本例综合利用形状补间、动作补间、引导路径、遮罩等多种动画形式,模拟制作出五星红旗飘动的效果。
1、创建Flash 文档,场景设置保持默认。
2、执行“插入→新建元件”命令,做如图1 所示设置:3、用矩形工具绘制无笔触色,填充色为红色,宽、高比例为1:1.5 的矩形,如图 2 所示,并用选择工具将该矩形调成图3 状:4、复制该图形,并执行“修改→变形→垂直反转”命令,置于其右:5、将该图4 再次复制出一个,并通过对齐面板将其水平中齐和垂直中齐,如图5 所示:6、选择墨水瓶工具,笔触色任意,在该图形边缘点一下,将两边及底部的线条删除,选中上边的边线,右键—剪切,点选按钮,插入一引导线图层,选中该图层,在舞台任意处右键—粘贴到当前位置,用对齐面板将其“左对齐“和垂直中齐” ,20 帧处插入帧,如图6 所示:7、选中图层1 的图形,右键—转换为元件,将其转换为名为“红旗”的图形元件,双击该元件,在其编辑区,用对齐面板,将其“水平中齐”和“垂直中齐” 。
8、回到名为“旗帜”的影片剪辑元件编辑区,在第1 帧处用任意变形工具将中心点移至元件的中心处,并将该图形元件的中心点吸附到引导线上,20 帧插入关键帧,将其水平向右移动,如图7、图8 所示:9、选中引导线图层,插入图层3,在图层3 第1 帧,绘制一黄色五角星。
绘制方法:选择多角星形工具,点击属性面板的选按钮,在弹出的对话框中做如图9 的设置:10、将拉出的五角星放置在如图10 所示的位置:11、右键该五角星,将其转换为图形元件,双击该元件,进入该元件编辑区,复制出一个星,将其改小,再复制出另外三个小星,摆放好位置,如图11 所示:12、回到影片剪辑“旗帜”编辑区,选中星元件,选择任意变形工具,将元件编辑中心置于左中处,如图12 所示:13、第1 帧处根据旗帜形状调整星的角度和宽度,第7 帧、第14 帧和第20 帧插入关键帧,分别在第7 帧和第14 帧处再将星的形状和宽度做适当调整,然后选中该图层,属性中创建补间动画,如图13、图14 和图15 所示14、创建名为“遮罩红旗”的影片剪辑元件,在该编辑区,图层 1 的第1 帧处从库中拖出名为“旗帜”的影片剪辑元件,用对齐面板将其左对齐和上对齐,40 帧处插入帧。
Flash的绘图工具的使用
单击显示锚点
2.使用“部分选取工 具”在图形上单击选 取要移动的锚点,然 后按住鼠标左键并拖 动可移动锚点位置 。 移动锚点
3.将光标移动到直线锚点 上,然后在按住【Alt】键 的同时按住鼠标左键并拖 动,可将直线锚点转换为 曲线锚点 。
转换为曲线锚点 4.将光标移动到曲线锚点 的调节杆上,然后按住鼠 标左键并拖动,可调整曲 线的弧度,若在拖动的同 时按住【Alt】键,可单独 调整一边的调节杆 。
填充模式选项 2.设置要填充的颜 色,然后将光标移 动到要填充(或是 要改变填充)的区 域并单击,即可该 区域 。
填充对象
3.使用“渐变变形工具”
利用“渐变变形工具”可以调整填充的渐变色及位图的方 向、角度和大小等属性,从而使填充效果更加符合要求。下面 为读者介绍“渐变变形工具”的使用方法。
渐变方向控制柄 渐变长度控制柄 1.选择“渐变变形工具”后,在线性渐变填充 上单击,会出现渐变控制线及渐变控制柄。其 中,拖动“渐变方向控制柄”可改变线性渐变 填充的方向;拖动“渐变长度控制柄”可调整 线性渐变填充的长度;拖动“渐变中心点”可 改变线性渐变填充的整体位置。
5.在曲线锚点 上单击,可将 曲线锚点转换 为直线锚点 。
转换描点和单独调整一边的调节杆
(四)设置图形填充和轮廓
1.设置填充和笔触颜色
在选择绘图工具或绘制的图形后,我们可利用工具箱颜 色区、“属性”面板或“颜色”面板来设置图形的填充颜色 和笔触颜色;选择“颜料桶工具”和“墨水瓶工具”后,同 样需要先利用这些面板设置好颜色,然后再进行填充。
2.若将光标移动到另一位置,然后按住鼠 标左键并拖动,可拖出一个调节杆,继续 按住鼠标向任意方向拖动调节杆,可调整 曲线弧度,对曲线弧度满意后,释放鼠标 左键即可创建一个曲线锚点 。
flashcs5 02绘制基本图形
1、绘制一台Q版电视机。最终源文件见在(源文 件\ch02\上机练习\电视机线稿.fla)文件; 2、绘制一台卡通小鸡。最终源文件见在(源文件 \ch02\上机练习\小鸡线稿.fla)文件; 3. 结合各个图形绘制工具,绘制一个足球阵容示意 图。
绘制线条
◦ 线条工具、铅笔工具、钢笔工具、刷子工具
绘制几何图形
Deco装饰性绘画工具 辅助工具
◦ 椭圆和基本椭圆工具、矩形和基本矩形工具、多角 星形工具 ◦ 藤蔓式填充、网格式填充 、对称刷子、装饰性刷 子、粒子系统 、树刷子
◦ 缩放工具、手形工具、标尺、网格、辅助线
上机练习2——绘制QQ笑脸表情
◦ 铅笔模式: 伸直:较强校正,取直平滑,自动识别常见几何形状。 平滑:自动平滑处理,是动画绘制中首选设置 墨水:接近手绘,最大限度保留实际轨迹 ◦ 工具栏选项设置区
绘制起始锚点 绘制中间锚点 也称作贝塞尔曲线工具,绘制精确的直线或曲线或图形 轮廓 使用方法 ◦ 绘制直线:每单击一下 鼠标左键,就会产生一 个锚点,并且同前一个 锚点自动用直线相连接。
选择对称效果,可以围绕中心点对称排列元件。 在设计区中绘制元件时,将显示一组手柄。可以 使用手柄通过增加元件数、添加对称内容或者编 辑和修改效果的方式来控制对称效果。
装饰性刷子效果在进行Flash绘图时很有用,我 们可以通过应用装饰性刷效果,绘制出多种装饰 线,例如梯形图案、绳形、星形、波浪线等。
绘制一个m形的另一种方法:
复合工具
◦ 转换锚点(C)
绘制一个心形的另一种方法:
【基本原则】 绘制曲线的锚 点数量越少越 好,因为如果 锚点数量增加, 不仅会增加绘 制的步骤,同 时也不利于后 期的修改。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
案例名称第2章活动2 在Flash中绘制图形
科目信息技术授课班级八年级授课教师
课型新课型课时1课时
一、教材分析
本节课是人教版信息技术八年级下册活动2在Flash中绘制图形,主要介绍
掌握Flash工具箱中各种工具的用法。
掌握旋转图形、分离文字、弯曲图形等操作。
会在Flash中绘制简单图形。
初步具备在 Flash中绘制创意图形的能力。
一、学习者特征分析
本节课的教学对象是八年级学生,他们对 Flash都有认识,但并不了解;在前面有了 Photoshop的学习经验,学生们学起来应该是比较谷易的,教师可充分利用他们这些特点进行教学。
三、教学目标(知识,技能,情感态度、价值观)
知识目标:掌握Flash工具箱中各种工具的用法。
掌握旋转图形、分离文字、弯曲图
形等操作。
会在Flash中绘制简单图形。
初步具备在 Flash中绘制创意图形的能力。
能力目标:会在Flash中绘制简单图形。
初步具备在 Flash中绘制创意图形的能力。
情感目标:通过多元化评价,让学生感受学习信息技术的乐趣,学会欣赏,陶冶审美情操,培养学生的制作兴趣及信心。
四、教学重难点
教学重点:掌握Flash工具箱中各种工具的用法。
并能灵活运用各种工具。
教学难点:在Flash中绘制创意图形的能力。
五、教学策略选择与设计
通过学习,让学生动手制作简单动画,培养学生自主、合作、探究的能力,培养学生观察及动手操作的能力。
九、教学评价设计
评价表应反映学生在当堂课中的学习进度,当堂课点评,下次课回顾。
每个人的审美观不同,关注点也不同,有人觉得整齐化一才是美,有人觉得参差不齐才别有风味,所以我在教学中更重视学习经验与收获的评价取向。
教师利用几分钟的成果汇报与展示时间进行知识的巩固与提高。
在此环节对有问题的作品提出修改方案,趁热打铁,将起到事半功倍的作用。
欢迎您的下载,
资料仅供参考!
致力为企业和个人提供合同协议,策划案计划书,学习资料等等
打造全网一站式需求。