flash图形绘制的相关基本基础

《flash图形绘制的相关基本基础》由会员分享，可在线阅读，更多相关《flash图形绘制的相关基本基础（62页珍藏版）》请在金锄头文库上搜索。

1、第10讲 图形绘制基础（一 ） 本章知识点 对象基本操作 基本绘图工具 基本上色工具 辅助工具 本章学习目的 Flash中的绘图工具可以为影片中的艺术作品创建和 修改图形。但是在进行Flash的绘图与着色之前，理解 Flash绘图工具的工作方式，以及绘制、着色和修改图形 操作对同一图层中其他图形的影响，是非常重要的一步。 10.1小草、白云 n 10.1小草、白云 n 线条工具 n 铅笔工具 n 库的含义 3 10.1小草、白云 n 10.1.1线条工具N n 用于绘制直线，按住shift可以限制直线的倾斜角度只能 以45角为单位进行绘制。 4 设置笔触颜色 设置笔触粗细 设置笔触样式 10.

2、1小草、白云 n 10.1.2铅笔工具Y 直接在工作区按鼠标左键拖动即可随意绘制线和形状，按 shift键绘制垂直线或水平线 在工具箱底部选项处可设定绘制线条的平滑程度 5 铅笔模式按钮 10.1小草、白云 n 选择 (直线化）时，系统会将独立的线条自动连接，接近 直线的线条将自动拉直，摇摆的曲线将实施直线式的处理 ； n 选择（平滑）时，将缩小Flash自动进行处理的范围。在平 滑选项模式下，线条拉直和形状识别都被禁止。绘制曲线 后，系统可以进行轻微的平滑处理，端点接近的线条彼此 可以连接； n 选择（墨水）选项时，将关闭Flash自动处理功能。画的是 什么样，就是什么样，不做任何平滑、拉直

3、或连接处理。 6 10.1小草、白云 n 1.新建“影片剪辑”元件，命名为小草； 7 10.1小草、白云 n 2.选择直线工具，将笔触颜色改为#00cc00，笔触粗细为 极细，在舞台绘制如下形状 8 10.1小草、白云 n 3.选择油漆桶工具，设置填充色为线性，浅绿到深绿的渐 变，填充后用选择工具调整小草的形状； 9 10.1小草、白云 n 4.框选小草并复制，用自由变形工具调整复制的小草，做 出一簇草，如下图； 10 10.1小草、白云 n 5.复制小草得到草丛的感觉 11 10.1小草、白云 n 6.新建“图形”元件，从命名为“白云”，将背景改为深 灰色，将笔触颜色改为蓝色，用铅笔工具在窗

4、口绘制云彩 的轮廓，并选择油漆桶工具填充白色； 12 10.1小草、白云 n 7.将“蝴蝶黄”和“蝴蝶花”文件拖入ps中将其背景 的白色去掉后另存为gif格式的文件，在flash中执行文件 导入导入到库，可以看到 “蝴蝶黄”和“蝴蝶花 ”导入到了库中； 13 10.1小草、白云 n 8.回到场景，新建图层命名为“小草”，将“小草”元件 多次拖到场景合适的位置，调整大小； 注：如果物体大小不合适，最好到元件库去修改，场景中的物体 也会随之改变，单个物体除外。 14 10.1小草、白云 n 9.新建图层“花1”，并将元件“花1”拖到场景中两次； 15 10.1小草、白云 n 10.新建图层“花2”

5、，并将元件“花2”拖到场景中； 16 10.2可爱的小鸡 n 4.2可爱的小鸡 n 滴管工具、 缩放工具、钢笔工具、部分选取工具 17 10.2.1滴管工具I n 用于从现有的钢笔线条、画笔描边或者填充上取得（或 者复制）颜色和风格信息。滴管工具没有任何参数。 n 当滴管工具不是在线条、填充或者画笔描边的上方 时，其光标显示为 ，类似于工具箱中的滴管工具图标 ；当滴管工具位于直线上方时，其光标显示为 ，即在 标准的滴管工具的右下方显示一个小的铅笔；当滴管位 于填充上方时，其光标显示为 ，即在标准的滴管工具 光标右下方显示一个小的刷子。 n 当滴管工具位于直线、填充或者画笔描边上方时， 按住Sh

6、ift键，其光标显示为，即在光标的右下方 显示为倒转的“U”字形状。在这种模式下，可以将被 单击对象的编辑工具的属性改变为被单击对象的属性。 利用Shift单击功能键可以取得被单击对象的属 性并立即改变相应编辑工具的属性，例如墨水瓶、铅笔 或者文本工具。滴管工具还允许用户从位图图像取样用 做填充。 用滴管工具单击取得被单击直线或者填充的所有属 性（包括颜色、渐变、风格和宽度）。但是，如果内容 不是正在编辑的，那么工具的属性不能用这种方式获取 。 如果被单击对象是直线，滴管工具将自动更换为墨水瓶 工具的设置，以便于将所取得的属性应用到别的直线上。 如果单击的是填充，吸管工具自动更换为油漆桶工具的

7、属 性，以便于将所取得的填充属性应用到其他的填充上。 当滴管用于获取通过位图填充的区域的属性时，滴管 工具自动更换为颜料桶工具的光标显示，位图图片的缩略 图将显示在填充颜色修正的当前色块中。 5.2复杂图形的绘制 10.2.2钢笔工具组 钢笔工具可以绘制矢量直线和曲线，可以调节直线的 角度和长度、曲线的倾斜度增加或删除锚点等。 5.3复杂图形的绘制 1.绘制直线 使用钢笔工具在舞台上单击即生成锚点，继而绘制直 线。线条上两锚点之间的距离决定了线段的长度。方法如下 ： 选择钢笔工具。 在钢笔工具属性面板上设置笔触和填充属性。 在舞台中合适位置单击，定义第一个锚点。 在线段的终点处单击，完成线段的

8、绘制。若按Shift键，可 绘制水平或垂直、45角的线段。 5.3复杂图形的绘制 开放路径：可以在远离路径的地方，按Ctrl键并同时单击 ，还可按下ESC键结束当前线段的绘制，如图5-7所示。 封闭路径：将钢笔工具定位于第一个锚点处，此时钢笔工 具右下方会出现一个小圆圈，然后单击或拖拽即可封闭路 径，如图5-8所示。 图5-7 开放路径 图5-8 封闭路径 n 结束开放路径的方法：1）双击最后一个点，2）单击工具 栏中的钢笔工具，3）按住Ctrl键单击路径外的任何地方。 n 封闭开放路径方法：将钢笔工具放置到第一个锚点上。如 果定位准确，就会在靠近钢笔尖的地方出现一个小圆圈， 单击或拖动，即可

9、闭合路径，如图1-42所示。 5.3复杂图形的绘制 2.绘制曲线 使用钢笔工具在舞台上单击即创建曲线的第一个锚 点，在另一位置按下鼠标并拖拽，会出现正切方向的调 节柄，即创建第二个锚点，并绘制出曲线。每一个调节 柄的斜率和长度定义了曲线的斜率、高度或深度，移动 正切手柄可以改变曲线路径的形状。 5.3复杂图形的绘制 绘制曲线方法如下： 选择钢笔工具，在舞台中预画曲线 的端点处按住鼠标左键不放，绘制曲 线第一个锚点。 沿着希望曲线延伸的方向拖拽鼠标 ，按下鼠标并拖拽，如果同时按下 Shift键，调节柄可做45或水平、 垂直更改。 释放鼠标左键，调节柄的斜率和长 度决定了曲线段的长度，拖动调节柄

10、可以随意移动调节曲线。 图5-7 曲线的绘制 5.3复杂图形的绘制 3.移动锚点 选择部分选取工具将鼠标指针移动到锚点上，当鼠标 指针右下方出现空心方块时 按住鼠标左键不放并拖拽即可移动锚点 选中锚点后，用鼠标拖拽也可 选中锚点后使用方向键移动 图5-8 移动锚点 5.3复杂图形的绘制 4.角点和曲线点之间的转换方法如下 ： 角点：直线路径上、直线路径与曲线路径 的结合点处的锚点。 曲线点：曲线拐弯处的锚点 将曲线点转换为角点可以选择钢笔工具 或转换点工具，当鼠标移动到曲线点上时 ，单击该曲线点，则该曲线点会转换为角 点，如图5-9所示。 图5-9 曲线点变为角点 5.3复杂图形的绘制 将角点

11、转换为曲线点可以选择部分选取工具，然后按住 Alt键，再拖拽锚点即可，或者在使用钢笔工具绘制图形 的过程中按住alt键可临时变为转换点工具，如图5-10所 示。 图5-10 角点转换为曲线点 5.3复杂图形的绘制 5.添加或删除锚点： 直接用添加、删除锚点工具添加或删除锚点 添加锚点：选择钢笔工具，然后将笔尖对准线段上要添加锚点 的位置，当钢笔工具右下方出现加号时候，单击即可添加锚点 。 删除锚点：方法有两种。一、选择钢笔工具并将笔尖对准角点 ，当钢笔工具右下方出现减号的时候，单击即可删除该角点。 二选择部分选取工具，单击锚点然后按下Delete键，也可删除 锚点。 5.3复杂图形的绘制 6.

12、调节路径 调节路径就是调节直线的角度和长度，或调节曲线段 的斜率或曲线方向。当移动曲线点处的调节柄时，会同时 调节该点两侧的曲线。当移动角点处的调节柄时，只有位 于该调节柄同侧的线段才会随着调节柄的移动而得到调节 。 直线的调节： 选择部分选取工具，选择一条直线，再用鼠标将线段上 的锚点拖拽至新位置即可。 5.3复杂图形的绘制 曲线的调节： 当选中了部分选取工具，单击一条曲线，屏幕上会出 现此曲线的调节柄，可以进行以下操作： 拖拽锚点，调节曲线路径的锚点位置。 拖拽调节柄，调节曲线的弧度，按住alt键可使锚点另 一侧的控制手柄不变。结合Shift键的使用可以使移动的角 度限制在45角的倍数方向

13、上，如图5-11所示。 5.3复杂图形的绘制 10.2.3部分选取工具 部分选取工具的主要功能有：抓取、选择、移动和改 变图形路径，它可以改变矢量图形的形状。用部分选取工 具选中路径后，可以对其中的节点进行拉伸或修改。在选 择部分选取工具后单击曲线时，被选中的节点显示为实心 的小圆点。 用于选取或移动工作区上的对象，并可以调整改变线条和 形状的外框。 按shift键可选多个对象 用钢笔工具在路径上单击可增加锚点 按alt键可调整双向手柄的一侧，另一侧不动 按alt键可将直线节点转换为曲线节点 5.3复杂图形的绘制 用部分选取工具单击图形对象的边缘，图形上会立刻显示 出图形的路径以及所有的节点，

14、如图5-12所示。 选中其中一个节点，则该点立即变成实心的小方点，按 Delete键可以删除此点，如图5-13、5-14所示。 图5-12 显示图形的路径图5-13 选中节点图5-14 删除节点 5.3复杂图形的绘制 用鼠标拖动任意一个节点，可以将该节点移动新的位置， 如图5-15所示。 选中一个节点，用鼠标拖动调节柄，可以调整其控制的线 段的曲率，如图5-16所示。 图5-15 移动节点图5-16调整曲率 10.2可爱的小鸡 n 1.新建“影片剪辑”元件，命名为“小鸡”，选择椭圆工 具，设置笔触为橙色填充色为黄色，在工作区绘制正圆， 并用选择工具调整其形状； 36 10.2可爱的小鸡 n 2

15、.选择铅笔工具，设置铅笔 模式为平滑，绘制鸡冠，然 后用颜料桶工具填充黄色， 并把多余的线删除； 37 10.2可爱的小鸡 n 3.去掉轮廓色，将填充色改为黑色，绘制正圆作为小鸡的 眼睛，再把填充色改为白色，画两个正圆； 38 10.2可爱的小鸡 n 4. 用线性渐变画出椭圆； 39 10.2可爱的小鸡 n 5.将当前的图层更名为“身体”，新建图层命名为“嘴巴 ”，用滴管工具吸取小鸡的轮廓色，用铅笔工具画小鸡的 嘴巴并填充； 40 10.2可爱的小鸡 n 6.新建图层命名为“后腿”，用铅笔工具画出腿部的形状 并填充； 41 10.2可爱的小鸡 n 7.将图层“后腿”的图形复制，新建图层“前腿”

16、后粘贴 ，然后调整位置和旋转角度； 42 10.2可爱的小鸡 n 8.新建图层命名为“翅膀” ，用钢笔工具绘制翅膀，然 后用部分选择工具调整形状 后填充，最后删除小鸡翅膀 内部的线段； 43 10.3.1刷子工具 可以绘制出刷子般的特殊笔触（包括书法效果），就好像在涂色 一样。另外，在使刷子工具时还可以选择刷子大小和形状。 使用 (刷子工具)绘制的画面效果 提示：与铅笔工具相比，刷子工具创建的是填充形状，笔触高度为0，填充可以是单色 、渐变色或者用位图填充。而铅笔工具创建的只是单一的实线。另外，刷子工具允许用 户以非常规方式着色，可以选择在原色的前面或后面绘图，也可以选择只在特定的填充 区域中绘图。 10.3工具详解