Flash绘图基础
第二讲 Flash绘图工具与图形处理
![第二讲 Flash绘图工具与图形处理](https://img.taocdn.com/s3/m/00bcf7c7da38376baf1faee2.png)
图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 动画第二章 第三讲 绘图工具之线工具、墨水瓶](https://img.taocdn.com/s3/m/1669420a59eef8c75fbfb324.png)
●点状线:绘制的直线由间隔相等的点组成。与虚线有些相似,
但只有点的间隔距离可调整, ●锯齿线:绘制的直线由间隔相等的粗糙短线构成。
●点刻线:绘制的直线可用来模拟艺术家手刻的效果。
●斑马线
练习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绘图工具的使用](https://img.taocdn.com/s3/m/668ac332bc64783e0912a21614791711cc797912.png)
绘制线条
设置绘制对象属性
设置线条工具属性
实例1 使用线条工具-2
“实线”样式:“实线”样式是最简单的样式。选择线条工具后,打开 “属性”面板,单击“自定义”按钮,弹出“笔触样式”对话框。在 “类型”下拉列表框中选择“实线”选项,可以对实线粗细进行设置, 在左上角可以预览样式。选中“4倍缩放”复选框后,可以对所做的设 置进行放大预览;选中“锐化转角”复选框后,可以在转角处做锐化处 理,如图3-4所示。 “虚线”样式:在“类型”下拉列表框中选择“虚线”选项后,可以对 虚线的粗细、长短及间距进行设置,如图3-5所示。
在舞台中安装鼠标左键并拖动鼠标,松开鼠标左键后即可绘制出一个多角 星形。按住【Alt】键的同时单击并拖动鼠标,可以中心方式进行绘制;按 住【Shift】键的同时向下或向上拖动鼠标,可将多边形的边处于水平或垂直 方向,如图3-27所示。
设置多角星形工具
绘制正五边形
实例5 多角星形工具-2
1 .绘制星形
两侧曲率一同调节的锚点:使用部分选
择工具拖动其控制杆上的一个控制点时,另 一个控制点也会随之移动,它可以调节曲线 的曲率,但这种节点一般很难控制。
两侧曲率分别调节的锚点:这种锚点两
侧的控制杆可以分别进行调整,可以灵活地 控制曲线的曲率。
实例5 使用转换锚点工具-2
在钢笔工具的下拉工具列表中选择“转换锚点工具”或按【C】键,即 可调用该工具。使用转换锚点工具可以在三种锚点之间进行相互转换。
确定锚点
绘制图形
实例3 使用钢笔工具绘制曲线段
使用钢笔工具绘制曲线的方法和绘制直线的方法类似,唯一不同的是在 确定线段的锚点时需按下鼠标左键并拖动,而不是简单地单击,如图3-46 所示。
若在绘制曲线的过程中想要绘制直线,只需将鼠标指针移至最近的一个 锚点处,当指针变为形状时单击鼠标左键,然后拖动鼠标在舞台的其他位
第2章 FLASH8绘图工具的使用
![第2章 FLASH8绘图工具的使用](https://img.taocdn.com/s3/m/2f323602844769eae009edea.png)
钢笔工具
使用钢笔工具可以绘制精确的路径,如直线或者平滑流畅的曲线。 操作方法: 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中绘图工具的应用](https://img.taocdn.com/s3/m/34a47adbce2f0066f53322ac.png)
2. 查看组 .
手形工具:移动工作区,调整可视区域 。 缩放工具:调整视图比例 。
3. .
颜色组
笔触颜色:移动工作区,调整可视区域 。 缩放工具:调整视图比例 。 黑白:设置笔触颜色为黑色,填充色为白色。 没有颜色:设置笔触颜色或填充色为无。 交换颜色:笔触颜色与填充色进行交换。
4. .
选项组
选择不同的工具就会在选项组中显示相应工具的附加选项
星形顶点大小:由于设置星形图形的顶点大小,只针对星形样式有 作用。
2.2.5 铅笔工具 . .5
铅笔工具可以绘制出任意曲线,绘制曲线的同时按住Shift键,可 以绘制出水平或垂直的直线。 选取铅笔工具后,选项组中提供了3种铅笔模式,分别为伸直、平 滑和墨水。 选择模式的不同,绘制出的线条也大不相同,下图所示的线条从 左到右依次为伸直、平滑和墨水模式的铅笔绘制矩形得到的效果。
2.1 初识 初识Flash工具箱 工具箱
Flash工具箱由四大部分组成,分别为工具组、查看 组、颜色组与选项组,在概述中已经做了初步的介绍, 本章将针对各部分的各种工具进行更为细致的介绍,下 面将简单介绍工具箱中各工具的名称及功能 。
1. 工具组 .
选择工具 选取场景中的对象,并且可以对绘制的图形进行形状的修改。 部分选取工具 选取锚点与贝赛尔曲线,改变图形形状。 直线工具 绘制直线,斜线。 索套工具 可以通过绘制任意曲线所形成的选区来选取对象中的图形,还 有一种多边形模式可供选择,这种模式以直线绘制选区。 钢笔工具 利用锚点绘制图形,也可以对绘制好的图形进行修改。
椭圆工具可以绘制出椭圆或圆形,绘制圆形时需要同时按住Shift 键。 在属性面板中对绘制的图形进行笔触颜色、笔触高度、填充颜色 与笔触样式的设置,得到各种圆形,如下图所示。
flash基础课第3课 基本绘图工具
![flash基础课第3课 基本绘图工具](https://img.taocdn.com/s3/m/57a1ddc7195f312b3169a5cb.png)
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 绘图工具的使用](https://img.taocdn.com/s3/m/5b8b0eb069dc5022aaea0074.png)
颜料桶工具
滴管工具 橡皮擦工具 手形工具 缩放工具
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基本绘图](https://img.taocdn.com/s3/m/85edfc6f561252d380eb6e0c.png)
这一网页是学生较喜欢的体育项目,可以提高学生的兴趣。
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、学生创作作品
四、互动点评、小结
总结,正确评价自己和他人的学习过程及学习结果。
Flash_CS5动画制作基础第2章_绘制图形
![Flash_CS5动画制作基础第2章_绘制图形](https://img.taocdn.com/s3/m/03867ac377a20029bd64783e0912a21614797f49.png)
Flash_CS5动画制作基础第2章_绘制图形第2章绘制图形本章主要内容:绘制规则图形绘制不规则图形特殊绘图工具其他辅助绘图工具2.1绘制规则图形2.1.1矩形工具和基本矩形工具2.1.2椭圆工具和基本椭圆工具2.1.3多角星形工具2.1.4实战范例——田园农舍2.1.1矩形工具和基本矩形工具矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩形,在完成图形的绘制后,使用【属性】面板对绘制的图形进行设置。
1.【矩形工具】和【基本矩形工具】简介在工具箱中选择【矩形工具】,将鼠标光标移动到舞台上,当光标变为十字形时,拖动鼠标即可根据【属性】面板的设置绘制出需要的矩形。
2.1.1矩形工具和基本矩形工具2.设置图形的位置和大小在完成图形的绘制后,可以使用【属性】面板对图形的属性进行设置。
在工具箱中选择【选择工具】框选绘制的图形,在【属性】面板的【位置和大小】栏中设置图形的位置以及图形的宽高。
2.1.1矩形工具和基本矩形工具3.填充和笔触Flah中的每个图形都开始于一种形状,形状是由2个部分组成,填充和笔触。
填充是形状里面的部分,笔触就是形状的轮廓线。
填充和笔触是互相独立的,可以修改或删除一个而不影响另一个部分。
2.1.2椭圆工具和基本椭圆工具【椭圆工具】和【基本椭圆工具】可以用来绘制椭圆形、圆形和圆环,其中【椭圆工具】还可以用来绘制任意圆弧。
这2个工具绘制图形的操作与【矩形工具】和【基本矩形工具】基本相同。
1.椭圆工具在工具箱中选择【椭圆工具】,在【属性】栏中对工具属性进行设置后,在舞台上拖动鼠标即可绘制出需要的图形。
2.1.2椭圆工具和基本椭圆工具2.基本椭圆工具在工具箱中选择【基本椭圆工具】,在【属性】栏中根据需要设置图形属性,在舞台上拖动鼠标即可绘制需要的图形。
2.1.2椭圆工具和基本椭圆工具2.基本椭圆工具在【属性】面板的【椭圆选项】栏中设置【开始角度】和【结束角度】的值可以获得扇形。
在【属性】面板的【椭圆选项】栏中设置【内径】值可以获得环形。
Flash绘图
![Flash绘图](https://img.taocdn.com/s3/m/8ce1d569b84ae45c3b358cf9.png)
工作情境一 扑克牌
(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新增的功能,它可以创建 轻松自然的运动动画, 轻松自然的运动动画,使运动更接近于生活中的 真实效果。 真实效果。
第3章 Flash绘图工具的使用
![第3章 Flash绘图工具的使用](https://img.taocdn.com/s3/m/158b989026fff705cc170aef.png)
“标准擦除”模式
“擦除填色”模式
三、橡皮擦工具
3.橡皮擦模式
“擦除线条”模式
“擦除所选填充”模式
“内部擦除”模式
转换为两侧曲率分别调节的锚点
七、钢笔工具组的交互用法
1.钢笔工具的交互 在使用钢笔工具进行绘图过程中可以使用其交互用法,
以提高绘图效率。
转换为转换锚点工具
转换为部分选择工具
七、钢笔工具组的交互用法
2.转换锚点工具的交互 3.添加锚点工具/删除锚点工具的交互 4.钢笔工具交互应用
确定第一个锚点
确定第二个锚点
设置多角星形工具
绘制正五边形
五、多角星形工具
2.绘制星形
选择多角星形工具,打开“属性”面板,单击“选项”按钮,弹 出“工具设置”对话框。在“样式”下拉列表框中选择“星形”选项, 如图3-28所示。此时拖动鼠标,即可绘制一个五角星。
多角星形工具设置
绘制星形
六、刷子工具
刷子工具组包含两种工具,分别是刷子工具和喷涂刷 工具。使用刷子工具绘制的图形是被填充的,利用这一特 性可以绘制出具有书法效果的图形。
2.使用水龙头功能
在橡皮擦的功能选项区中单击“水龙头”按钮 ,将鼠标指针移 至舞台上,当其变为 形状时在图形的线条或填充上单击鼠标左键, 即可将整个线条或填充删除。
三、橡皮擦工具
2.使用水龙头功能
在阴影上单击
删除阴影形状
三、橡皮擦工具
3.橡皮擦模式
单击橡皮擦工具选项区中的“橡皮擦模式”按钮 ,在弹出的下 拉列表中包含了5种橡皮擦模式,分别为“标准擦除”、“擦除填 色”、“擦除线条”、“擦除所选填充”和“内部擦除”模式。选 择不同的模式擦除图形,就会得到不同的效果。
Flash MX简介及绘图基础 课件
![Flash MX简介及绘图基础 课件](https://img.taocdn.com/s3/m/e55786976bec0975f465e21d.png)
墨水瓶工具
点击线条或形状,可以将其改为指定的颜色。注意,墨 水瓶工具不能改变图形的填充色,而且只能使用固定色, 不能用渐进色
滴管工具
作用是拾取工作区中已经存在的颜色及样式属性并将 其应用于别的对象中。 使用非常简单,只需把滴管移动到需要取色的线条或 图形中点击鼠标左键即可。
颜料桶工具
作用是使用单色,渐进色或位图填色对某一区域进行 填充,注意不能作用于线条。
箭头工具线条工具工具钢笔工具椭圆工具铅笔工具任意变形工具墨水瓶工具滴管工具部分选取工具文字工具矩形工具笔刷工具填充变形工具颜料桶工具橡皮工具套索工具笔触颜色填充颜色下面我们分别来介绍几个常用的绘图工具
第一讲
Flash MX简介及绘图基础
张丽辉
Flash是美国的MACROMEDIA公司于 1999年6月推出的优秀网页动画设 计软件。它是一种交互式动画设计 工具,用它可以将音乐,声效,动 画以及富有新意的界面融合在一起, 以制作出高品质的网页动态效果。
不封闭空隙:默认选项,区域在完全封闭 状态下才能填充。 其余的选项分别为封 闭小空隙、封闭中等空隙、封闭大空隙, 它们可以设置允许区域存在多大缺口时填 充。
箭头工具
用来选取或移动对象。用箭头工具选取对象可以有三 种方法,一种是用鼠标单击要选取的对象 第二种方法是在对象上双击鼠标。当双击的是轮廓线 内部的填充区域时,该区域及其轮廓线均会被选中, 而当双击的是轮廓线时,则只有轮廓线被选中,但当 轮廓线与其它同色的线条相连时,这些线条也会同时 被选中。 第三种方法是用鼠标拖出一个矩形来,其所套住的区 域为被选择区域。
FLASH工作环境
如图所示就是Flash的基本工作环境。为了方便说明, 可以拖动的部分都移离主环境,成为独立的小窗口。 Flash的工作环境大致就包括这几个部分,以下分别 作简要介绍。
Flash的绘图工具的使用
![Flash的绘图工具的使用](https://img.taocdn.com/s3/m/3079064cbe23482fb4da4cbd.png)
单击显示锚点
2.使用“部分选取工 具”在图形上单击选 取要移动的锚点,然 后按住鼠标左键并拖 动可移动锚点位置 。 移动锚点
3.将光标移动到直线锚点 上,然后在按住【Alt】键 的同时按住鼠标左键并拖 动,可将直线锚点转换为 曲线锚点 。
转换为曲线锚点 4.将光标移动到曲线锚点 的调节杆上,然后按住鼠 标左键并拖动,可调整曲 线的弧度,若在拖动的同 时按住【Alt】键,可单独 调整一边的调节杆 。
填充模式选项 2.设置要填充的颜 色,然后将光标移 动到要填充(或是 要改变填充)的区 域并单击,即可该 区域 。
填充对象
3.使用“渐变变形工具”
利用“渐变变形工具”可以调整填充的渐变色及位图的方 向、角度和大小等属性,从而使填充效果更加符合要求。下面 为读者介绍“渐变变形工具”的使用方法。
渐变方向控制柄 渐变长度控制柄 1.选择“渐变变形工具”后,在线性渐变填充 上单击,会出现渐变控制线及渐变控制柄。其 中,拖动“渐变方向控制柄”可改变线性渐变 填充的方向;拖动“渐变长度控制柄”可调整 线性渐变填充的长度;拖动“渐变中心点”可 改变线性渐变填充的整体位置。
5.在曲线锚点 上单击,可将 曲线锚点转换 为直线锚点 。
转换描点和单独调整一边的调节杆
(四)设置图形填充和轮廓
1.设置填充和笔触颜色
在选择绘图工具或绘制的图形后,我们可利用工具箱颜 色区、“属性”面板或“颜色”面板来设置图形的填充颜色 和笔触颜色;选择“颜料桶工具”和“墨水瓶工具”后,同 样需要先利用这些面板设置好颜色,然后再进行填充。
2.若将光标移动到另一位置,然后按住鼠 标左键并拖动,可拖出一个调节杆,继续 按住鼠标向任意方向拖动调节杆,可调整 曲线弧度,对曲线弧度满意后,释放鼠标 左键即可创建一个曲线锚点 。
第2章Flash绘图基础
![第2章Flash绘图基础](https://img.taocdn.com/s3/m/7acbe28777eeaeaad1f34693daef5ef7ba0d12db.png)
2.3.2 套索工具
▪ 【套索工具】用于选择图形中不规则形状 区域。
▪ 被选定的区域可以作为一个单独的对象进 行移动、旋转或变形。
▪ 选择【套索工具】后,在【选项】中出现 【魔术棒】、【魔术棒属性】和【多边形 模式】三种模式。
2.3.2 套索工具
例:用魔术棒选择
▪ 导入图像 ▪ 分离位图 ▪ 使用魔术棒选择
多角星形工具
1)样式:用于设置绘制图形的样式,有多边形和星形两种类型可供选择。 图1-31所示为选择不同样式类型的效果。
2)边数:用于设置绘制的多边形或星形的边数。 3)星形顶点大小:用于设置星形顶角的锐化程度,数值越大,星形顶角越 圆滑;反之,星形顶角越尖锐。
2.2.7 上机实训—绘制小屋
2.2.7 上机实训—绘制小屋
▪ 【填充变形工具】是应用渐变效果。 ▪ 渐变是由某种颜色过渡到另外一种颜色的
变化过程。 ▪ 它分为两种:
线性渐变,指颜色的变化是按照直线进行的; 放射状渐变,颜色是以圆形的方式,从圆心向周 围进行的变化。
2.3.1 填充变形工具
例:绘制按钮图形
▪ 绘制一个空心圆 ▪ 渐变填充 ▪ 设置高光 ▪ 修改填充变形
2.2.7 上机实训—绘制小屋
步骤四 ▪ 用【线条工具】画屋顶的侧面。 ▪ 注意,按住Shift键拖动可以将线条限制在
45°的倍数方向。
2.2.7 上机实训—绘制小屋
▪ 画出门的形状。
步骤五
2.2.7 上机实训—绘制小屋
▪ 绘制窗户
画一圆形,删除靠下的大半个圆。 紧接着弧线画一长方形。 可以使用【缩放工具】将画面放大。
2.2.4 刷子工具
锁定填充 ▪ 锁定填充只对渐变填充或位图填充起作用。 ▪ 当使用滴管工具从场景中获得填充物或渐
基本绘图工具
![基本绘图工具](https://img.taocdn.com/s3/m/fb30f12f7375a417866f8f0d.png)
练习目的 练习要求 操作步骤 知识回顾与延伸
返回
练习目的
掌握利用椭圆工具绘制正圆 掌握填充变形工具、任意变形工具 的功能和用法 熟练进行填充色的设置
返回
图 3-10 笔触色的“颜色”选择面板
返回
图 3-11 填充色的“颜色”选择面 板
返回
图 3-12 几种不同的椭圆和圆
返回
4.矩形工具
矩形工具用于绘制实心或空心的矩形或 正方形。矩形工具的笔触色和填充色的设置 方法与椭圆工具的使用相同。单击选项栏中 的圆角矩形半径按钮,可弹出如图3-13所示 的“矩形设置”对话框,在该对话框中可设 置矩形的边角半径,数值越大,矩形的边角 越圆滑。 几种不同的矩形和正方形如图3-14所示。
返回
练习目的
掌握直线工具的简单用法 掌握矩形工具的简单用法 掌握椭圆工具的简单用法 掌握铅笔工具的简单用法 掌握笔触与填充色的设置
返回Βιβλιοθήκη 练习要求1.新建一个Flash文档,保存在D盘 LX文件夹下,取名为Fa3-1.fla。 3.绘制如图3-1所示的简单山水图。 3. 3-1 3.保存文件,退出Flash。
图 3-5 设置铅笔工具的属性
返回
图 3-6 用铅笔工具绘制“小山”
返回
图 3-7 用椭圆工具绘制“太阳”
返回
第四步:保存并退出Flash
(1)选择【文件】→【保存】菜单 命令,再次保存文件。 (2)单击“关闭”按钮退出Flash。 2 Flash
返回
案例小结
1.用线条工具在舞台上拖动进行绘画。按住Shift键拖动鼠标 可将线条限制为垂直、水平或与水平方向成45°的直线。 3.用椭圆工具在舞台上拖动进行绘画。按住Shift键拖动鼠标可 绘制出正圆。 3.用矩形工具在舞台上拖动进行绘画。按住Shift键拖动鼠标 可绘制出正方形。 4.用铅笔工具进行绘图时应注意: (1)如果哪一笔没画好,可以用橡皮擦工具将没画好的部分 擦掉,然后再重新画。也可按【Ctrl+Z】组合键撤消刚才的 操作。或者用箭头工具单击,选中没画好的线条再按Del键 将它删掉。 (2)每画一笔,其产生的线条单独存在。用箭头工具单击, 只会选中一次性操作画出的部分,尽管该线条看上去跟其他 线条是连在一起的。双击线条则会选中尽量多的几条连在一 返回 起的线条。
教学过程FlashCS3绘图基础
![教学过程FlashCS3绘图基础](https://img.taocdn.com/s3/m/dd5997a4d4d8d15abe234e7a.png)
3
第二章 Flash CS3绘图基础
操作方法:先单击选中某一个对象,按下Shift键不放,依次单击各个对象,
选中所有需要群组的对象,用“修改”菜单中的“组合”命令或者按Ctrl+G
快捷键,此时各对象将组合成一个对象,群组后的对象选中后周围会有蓝色 边框。
4
第二章 Flash CS3绘图基础
步骤如下: 在场景中绘制一个正圆,作为小孩的脸; 作为眼睛,单击选择工具,选中眼睛,按下Alt键不放,拖动复制出另一只眼睛,并把 两只眼睛放到规定的位置; 3、单击线条工具,设置笔触颜色为黑色,按下Shift键不放,在场景中小孩脸外画一条
1、选择椭圆工具,在颜色选项中选择笔触颜色为黑色,填充色为无,按下Shift键不放,
2、在颜色选项中设置填充色为黑色,按下Shift键不放,在场景中绘制一个全黑的小圆,
水平直线,单击选择工具,把光标放到靠近直线的位置,当鼠标右下出现圆弧时,拖
动鼠标把直线拖动成向下弯曲的曲线; 4、在曲线两端绘制两条直线,小孩的嘴完成,把小孩的嘴拖动到脸的合适位置; 5、选中小孩脸,按CTRL+G键,组合各个图形; 并把鼠标光标放在左侧黑色竖线处,变成双向箭头时向下拖动鼠标,倾斜图形。 7、单击选择工具,选中小孩脸,按下Alt键不放,拖动复制出另一张小孩脸; 8、单击“修改”菜单,选择“形状”命令中的“水平翻转”,并用选择工具把另一张 小孩脸的位置调整好,至此任务完成;
第二章 Flash CS3绘图基础
模块十二:微笑
学习目标:
学会绘制如下图所示图形:
1
第二章 Flash CS3绘图基础
教学重点 群组对象 教具 多媒体网络机房
教学方法
任务驱动法、演示法、观察讨论法
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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动画是矢量图形的一种典型应用。