Flash绘图基础

合集下载

第二讲 Flash绘图工具与图形处理

第二讲 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.编辑修改图形: 这也是箭头工具常用的操作. 例如一条直线,想使其弯曲,将箭头放到直线的下面,可 以看到在箭头旁边多出一个小弧形的标记,这意味着 你可以改变这条直线.如图所示

Flash 动画第二章 第三讲 绘图工具之线工具、墨水瓶

Flash 动画第二章 第三讲 绘图工具之线工具、墨水瓶

●点状线:绘制的直线由间隔相等的点组成。与虚线有些相似,
但只有点的间隔距离可调整, ●锯齿线:绘制的直线由间隔相等的粗糙短线构成。
●点刻线:绘制的直线可用来模拟艺术家手刻的效果。
●斑马线
练习1:绘制草坪
二、铅笔工具
绘制任意的线条或图形
铅笔工具的3 个绘图模式。
●伸直:系统会将接近直线的线条自动拉直,
练习: 绘制心形
三、墨水瓶工具
利用 墨水瓶工具可以改变现有直线的颜色、线型和宽度。
练习:
1、绘制笔触颜色为黑色(#000000),笔触大小为2,灰色 填的矩形。 2、更改矩形的笔触颜色为深灰色(#999999,笔触大小为1
练习2:绘制太阳花
进阶练习3:绘制春天
第2章 绘制Flash对象
——“线”工具集锦
选择工具(V) 部分选取工具(A) 任意变形工具(Q) 3D 旋转工具(W) 套索工具(L) 钢笔工具(P) 文本工具(T)线条工具(N)ຫໍສະໝຸດ 铅笔工具(Y)矩形工具(R)
刷子工具(B)
Deco 工具(U) 骨骼工具(K) 颜料桶工具(K) 滴管工具(I) 橡皮擦工具(E) 手形工具(H) 笔触颜色 缩放工具(M、Z)
填充色
对象绘制 贴紧至对象
绘制线条
1、线条工具:绘制直线 2、铅笔工具:绘制任意的线条或图形
3、钢笔工具:绘制精确的直线、曲线或图形
一、 线条工具
使用Flash 中的线条 工具可以绘制从起点到 终点的直线。
共“实线”、“虚线”、“点状线”、“锯齿状线”、“点刻线” 和“斑马线”6 种线条类型。 ●实线:最适合于在Web 上使用的线型。 ●虚线:带有均匀间隔的实线。短线和间隔的长度是可以调整的。

Flash绘图工具的使用

Flash绘图工具的使用

绘制线条
设置绘制对象属性
设置线条工具属性
实例1 使用线条工具-2
“实线”样式:“实线”样式是最简单的样式。选择线条工具后,打开 “属性”面板,单击“自定义”按钮,弹出“笔触样式”对话框。在 “类型”下拉列表框中选择“实线”选项,可以对实线粗细进行设置, 在左上角可以预览样式。选中“4倍缩放”复选框后,可以对所做的设 置进行放大预览;选中“锐化转角”复选框后,可以在转角处做锐化处 理,如图3-4所示。 “虚线”样式:在“类型”下拉列表框中选择“虚线”选项后,可以对 虚线的粗细、长短及间距进行设置,如图3-5所示。
在舞台中安装鼠标左键并拖动鼠标,松开鼠标左键后即可绘制出一个多角 星形。按住【Alt】键的同时单击并拖动鼠标,可以中心方式进行绘制;按 住【Shift】键的同时向下或向上拖动鼠标,可将多边形的边处于水平或垂直 方向,如图3-27所示。
设置多角星形工具
绘制正五边形
实例5 多角星形工具-2
1 .绘制星形
两侧曲率一同调节的锚点:使用部分选
择工具拖动其控制杆上的一个控制点时,另 一个控制点也会随之移动,它可以调节曲线 的曲率,但这种节点一般很难控制。
两侧曲率分别调节的锚点:这种锚点两
侧的控制杆可以分别进行调整,可以灵活地 控制曲线的曲率。
实例5 使用转换锚点工具-2
在钢笔工具的下拉工具列表中选择“转换锚点工具”或按【C】键,即 可调用该工具。使用转换锚点工具可以在三种锚点之间进行相互转换。
确定锚点
绘制图形
实例3 使用钢笔工具绘制曲线段
使用钢笔工具绘制曲线的方法和绘制直线的方法类似,唯一不同的是在 确定线段的锚点时需按下鼠标左键并拖动,而不是简单地单击,如图3-46 所示。
若在绘制曲线的过程中想要绘制直线,只需将鼠标指针移至最近的一个 锚点处,当指针变为形状时单击鼠标左键,然后拖动鼠标在舞台的其他位

第2章 FLASH8绘图工具的使用

第2章 FLASH8绘图工具的使用

钢笔工具
使用钢笔工具可以绘制精确的路径,如直线或者平滑流畅的曲线。 操作方法: 1.在工具栏中单击选取钢笔工具 2.打开属性面板,选择线条颜色、宽度、线条类型、填充色 3. 在绘图区域单击鼠标绘制出开始点 4. 移动鼠标到下一个目标点的位置,单击鼠标就可绘制出从开始点到目标点的一条直线; 按下鼠标拖动,将在起始点和目标点之间线条变成曲线, 5. 结束开放路径:双击最后一个定位点、单击工具箱中的钢笔工具或按住Ctrl键在工作 区中任意位置单击 关闭路径:可以将钢笔工具放置在第一个定位点上面,此时在钢笔图标旁边出现一
2.4 钢笔工具
2.5 笔刷工具 2.6 颜料桶工具 2.7 墨水瓶工具 2.8 吸管工具 2.9 文字工具 2.10 橡皮工具
铅笔工具
使用铅笔工具可以像使用真实铅笔大致相同的方式性面板 设置笔触颜色、线条粗细和 样式
3.在工具箱选项下面选择一种绘画的方式:

,输入一个角半径值指定圆角。
4. 在舞台上拖动鼠标,在拖动时按住上下箭头键可以调整圆角 半径;按住Shift键可画出正方形
多边形和星形
多角星形工具用于绘制多边形和星形。使用者可以选择多边形与星形的边数以及星形的角度 绘制多边形与星形方法:
1. 在矩形工具上单击并按住鼠标按钮,然后拖动以从弹出菜单中选择多边星形工具
第2章 绘图工具的使用
本章教学目标
绘图是制作动画的基础,熟练掌握Flash的绘图方法与技 巧才能制作出精彩的Flash动画,本章主要学习Flash 中
绘图工具的功能、使用方法以及如何利用这些工具进
行基本图形的绘制。
本章主要内容
2.1.铅笔与直线工具 2.2 椭圆与矩形工具 2.3 多边形与星形工具
· 内部绘画: 如果起始点在图形内部,只在其内部涂改;若起始点在空白区域,则只能在空白区涂改

第2讲 Flash中绘图工具的应用

第2讲  Flash中绘图工具的应用

2. 查看组 .
手形工具:移动工作区,调整可视区域 。 缩放工具:调整视图比例 。
3. .
颜色组
笔触颜色:移动工作区,调整可视区域 。 缩放工具:调整视图比例 。 黑白:设置笔触颜色为黑色,填充色为白色。 没有颜色:设置笔触颜色或填充色为无。 交换颜色:笔触颜色与填充色进行交换。
4. .
选项组
选择不同的工具就会在选项组中显示相应工具的附加选项
星形顶点大小:由于设置星形图形的顶点大小,只针对星形样式有 作用。
2.2.5 铅笔工具 . .5
铅笔工具可以绘制出任意曲线,绘制曲线的同时按住Shift键,可 以绘制出水平或垂直的直线。 选取铅笔工具后,选项组中提供了3种铅笔模式,分别为伸直、平 滑和墨水。 选择模式的不同,绘制出的线条也大不相同,下图所示的线条从 左到右依次为伸直、平滑和墨水模式的铅笔绘制矩形得到的效果。
2.1 初识 初识Flash工具箱 工具箱
Flash工具箱由四大部分组成,分别为工具组、查看 组、颜色组与选项组,在概述中已经做了初步的介绍, 本章将针对各部分的各种工具进行更为细致的介绍,下 面将简单介绍工具箱中各工具的名称及功能 。
1. 工具组 .
选择工具 选取场景中的对象,并且可以对绘制的图形进行形状的修改。 部分选取工具 选取锚点与贝赛尔曲线,改变图形形状。 直线工具 绘制直线,斜线。 索套工具 可以通过绘制任意曲线所形成的选区来选取对象中的图形,还 有一种多边形模式可供选择,这种模式以直线绘制选区。 钢笔工具 利用锚点绘制图形,也可以对绘制好的图形进行修改。
椭圆工具可以绘制出椭圆或圆形,绘制圆形时需要同时按住Shift 键。 在属性面板中对绘制的图形进行笔触颜色、笔触高度、填充颜色 与笔触样式的设置,得到各种圆形,如下图所示。

flash基础课第3课 基本绘图工具

flash基础课第3课 基本绘图工具

4.【钢笔工具】和【部分选取工具】 的用法



用【钢笔工具】画路径是非常容易的。选择【钢笔 工具】后,在舞台上不断地单击鼠标,就可以绘制 出相应的路径,如果想结束路径的绘制,双击最后 一个点。 说明:按住 Shift 键的同时再进行单击,可以将线 条限制为倾斜 45 度的倍数方向。 创建曲线的要诀是在按下鼠标的同时向你想要绘制 曲线段的方向拖动鼠标,然后将指针放在你想要结 束曲线段的地方,按下鼠标按钮,然后朝相反的方 向拖动来完成线段。如果觉得这条曲线不满意,我 们还可以用部分选取工具来进行调整。


在【图层1】下面单击【插入图层】按钮, 如图2-2-24所示。这样就可以插入一个新图 层了。

为了使在新图层中的操作不影响下一图层, 可将【图层1】锁定。单击【图层1】中与 上面锁状按钮所对应的小黑点,可以将本 图层锁定,如图2-2-25所示。

选择【图层2】,使用【椭圆工具】绘制出 一个椭圆,并移动到如图2-2-26所示的位置。

回头看看我们画的小房子,美中不足的是颜色比 较呆板,在Flash中有没有办法让色彩过渡柔和平 滑呢?我们将通过另一个实例来学习Flash中调整 色彩变化的工具:【填充变形工具】。我们的实 例是制作一个网页上经常可以看到的按钮图形, 晶莹剔透,先看看效果,如图2-2-19所示。


选择【椭圆工具】,设置【填充色】为无,按住 Shift键,在舞台上绘制出一个空心的正圆。 执行【窗口】|【混色器】命令,打开【混色器】 面板,在其中选择填充类型为【放射状】,在颜 色条下,单击左端的色标,设置为浅紫色 (#D9C8FD),单击右端的色标,设置为深紫色 (#5407E4),如图2-2-20所示。

第2章 flash 绘图工具的使用

第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个选项。

FLASH基本绘图

FLASH基本绘图
/ju.html
这一网页是学生较喜欢的体育项目,可以提高学生的兴趣。
1、学生操作、识记。
2、观察看教师演示操作。学生通过对比法动手操作铅笔工具的三个附加选项
3、学生小Байду номын сангаас讨论图中运用了哪些工具
4、学生激情创作,自主探究直线、椭圆、矩形、着色等工具的使用方法。
《FLASH基本绘图》教案
课题
《FLASH基本绘图》
年级
八年级
课型
新课
设计者
教学目标
知识目标:了解FLASH的功能、特点及窗口的组成,掌握各种绘图工具的功能及使用方法[搜索]/view/7641.htm
能力目标:灵活运用绘图工具绘制各种图形,提高审美能力
2、导入新课
1、提出问题:这个动画做的好不好看?,用什么软件?大家想不想学?
2、今天我们就学习用FLASH制作多媒体动画
学生观察、思考
回答老师提出的几个问题
点评作品
二、探究学习
1、初识FLASH 5:启动FL/ju.html2、观察工具箱:重点学习
a.铅笔工具的三各效果:直线化、平滑、墨水瓶
b.墨水瓶的使用:改变线的颜色和宽度
3、激情创作:运用工具绘制背景图形
4、测试影片效果
5、保存
1、教师讲解FLASH窗口的组成。
2、通过比较法讲解工具箱中铅笔工具、墨水瓶工具的使用。
3、出示课中的背景图片。把学生分组学习。提出问题:图片中运用了哪些创作工具?
三主题创作布置任务[搜索]/events/flash/afp/ju.html布置任务:通过在中的搜索,认识到FLASH强大的功能。
5、学生创作作品
四、互动点评、小结
总结,正确评价自己和他人的学习过程及学习结果。
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

2.2.1 绘制的线条与修改
选择工具
?用【选择工具】可以选择、移动或改变对 象的形状。
?选择【选择工具】,然后移动鼠标到直线 的端点处,指针右下角变成直角状时,拖 动鼠标就可以改变线条的方向和长短。
2.2.1 绘制的线条与修改
选择工具
?将鼠标指针移动到线条上,指针右下角会 变成弧线状。
?拖动鼠标,可以将直线变成曲线。
调色板
【颜色】对话框
填充颜色
【库】面板中的“树叶”图形元件 填充颜色后的效果
擦出缺口后的填充效果
实例演练 —绘制树枝
旋转树叶
任意变形工具选项
变形点
选取变形点
拖动变形点到叶柄处
旋转后的树叶
实例演练 —绘制树枝
复制和变形树叶
复制出的树叶图片
缩放对象
变形命令
实例演练 —绘制树枝
绘制树枝
切换到【场景1】
?不可以应用扭曲和封套选项的对象:
?群组、元件、位图、影片对象、文本、声音。
实例演练 —绘制一片树叶
新建图形元件
创建图形元件
“树叶”图形元件编辑场景
实例演练 —绘制一片树叶
绘制树叶图形
绘制树叶图形流程
实例演练 —绘制一片树
编辑和修改树叶
被选中的线条
框选对象
实例演练 —绘制一片树
给树叶上色
【颜色】选项
?选定锁定功能,工作区是一个完整的渐变。
?未选定锁定功能,使用刷子工具绘制的图 形的填充效果和选择的渐变填充样式相对 应。
2.2.5 钢笔工具和部分选取工具
钢笔工具 ?创建曲线的要诀:
?在按下鼠标的同时向想要绘制曲线段的方 向拖动鼠标。
?然后将指针放在想要结束曲线段的地方, 按下鼠标,朝相反的方向拖动来完成线段。
单击并拖动鼠标
绘制出波浪线
2.2.5 钢笔工具和部分选取工具
部分选取工具
?如果绘制的曲线效果不满意,可以使用部 分选取工具来修改。
选取节点
调节曲线形状
2.2.6 椭圆工具和矩形工具
?在工具箱中选择【椭圆工具】,将鼠标移 动到场景中,拖动鼠标可绘制出椭圆或圆 形。
?选择【矩形工具】,在场景中拖动鼠标可 绘制出方角或圆角的矩形。
第2章 Flash绘图基础
教学要点
?矢量图的特点 ?Flash绘图工具的使用方法 ?各种绘图工具的相关属性设置 ?复杂图形的绘制技巧
2.1 位图与矢量图
?位图与矢量图 ?位图图像 ?矢量图形
2.1.1 位图图像
概念 ?位图图像是由像素构成的。
?像素的多少将决定位图图像的显示质量和 文件大小。
?位图图像的分辨率越高,显示越清晰,文 件所占的空间也就越大。
2.1.2 矢量图形
变形效果对比 ?矢量图放大了3倍前后的效果对比
sh ?Corel公司的CorelDRAW软件 ?Macromedia公司的Freehand软件 ?Adobe公司的Illustrator软件
2.2 基本绘图工具的使用
?绘制的线条与修改 ?任意变形工具 ?铅笔工具 ?刷子工具 ?钢笔工具和部分选取工具 ?椭圆工具和矩形工具
?选中对象后,单击【任意变形工具】,选 取的对象将出现一个带有 8个端点和 1个中 心点的控制点。
2.2.2 任意变形工具
?工具面板中的5个选项:
?【贴紧至对象】 ?【旋转与倾斜】 ?【缩放】 ?【扭曲】 ?【封套】
各种选项
2.2.2 任意变形工具
温馨提示 ?可以应用扭曲和封套选项的对象:
?图形,利用钢笔、铅笔、线条、刷子工具绘制 的对象和分解组件后的文字。
用刷子画出树枝
实例演练 —绘制树枝
组合树叶和树枝
元件库
完成后的树枝效果
2.2.3 铅笔工具
铅笔工具
?【铅笔工具】的颜色、粗细、样式定义和 【线条工具】一样。
?它的附属选项里有3种模式:
?【伸直】模式 ?【平滑】模式 ?【墨水】模式
2.2.3 铅笔工具
绘制效果 ?3种模式所画的不同的线条效果
2.2.4 刷子工具
2.2.4 刷子工具
刷子模式 ?单击【刷子模式】按钮后,共有5个选项:
?标准绘图 ?颜色填充 ?后面绘画 ?颜料选择 ?内部绘画
2.2.4 刷子工具
刷子模式效果
标准绘画模式
颜料填充模式
后面绘画模式
颜料选择模式
内部绘画模式
2.2.4 刷子工具
锁定填充 ?锁定填充只对渐变填充或位图填充起作用。
?当使用滴管工具从场景中获得填充物或渐 变色时,笔刷的锁定功能会自动启用。
2.2.2 任意变形工具
用途 ?使用【任意变形工具】可以实现以下功能:
?缩放 ?旋转 ?压缩 ?伸展 ?倾斜
2.2.2 任意变形工具
?工具面板中的5个选项:
对齐对象 旋转与倾斜
扭曲
用途
缩放 封套
2.2.2 任意变形工具
操作方法
?首先确认当前只有一个对象处于选取状态, 否则将不能进行任意变形操作。
粗细和样式。
不同笔触样式的线条
2.2.1 绘制的线条与修改
滴管与墨水瓶工具
?用【滴管工具】单击直线,【属性】面板 显示的就是该直线的属性。
?此时所选工具自动变成了【墨水瓶工具】。
?使用【墨水瓶工具】单击其他样式的线条, 所单击线条的属性都变成了当前在【属性】 面板中所设置的属性了。
?【滴管工具】和【墨水瓶工具】可以很快地 将一条直线的颜色样式套用到别的线条上。
2.2.1 绘制的线条与修改
绘制线条 ?单击【工具】面板中【线条工具】。 ?移动鼠标到舞台上,接着按住鼠标并拖动,
最后松开鼠标。 ?线条绘制完成。
注意,在画直线时,按住Shift键可以画出与 舞台与45°倍数的直线。
2.2.1 绘制的线条与修改
修改线条的属性 ?打开【属性】面板,可以定义直线的颜色、
用途
?【刷子工具】可以绘制出像毛笔作画的效 果。
?也常被用于给对象着色。
?注意:
?刷子工具绘制出的是填充区域,它不具有边线, 而具有封闭线条的区域则可以使用【颜料桶工具】 着色。
2.2.4 刷子工具
相关选项
?单击【刷子工具】后,工具箱下边就会显 示出它的相关选项。
?可以设置的内容:
?画笔的大小 ?画笔的样式 ?笔刷模式等
2.1.1 位图图像
变形效果对比 ?位图放大了3倍前后的效果对比
2.1.2 矢量图形
概念
?矢量图形是由一个个单独的点构成的,每 一个点都有其各自的属性,如位置、颜色 等。
?矢量图的清晰度与分辨率的大小无关。
?对矢量图进行缩放时,图形仍保持原有的 清晰度和光滑度,不会发生任何偏差。
?Flash动画是矢量图形的一种典型应用。
相关文档
最新文档