第1章 VI 标识 在Flash CS3中,创作任何动画都应该从基本图形的绘制开始。只需要在绘图工具箱中单击相应的工具,然后将光标移动到画板中单击并拖动,则可绘制出基本的形状。 通过本章,你应该掌握: Flash绘制模式 工具箱中的各种工具的使用方法 “混色器”面板、“变形”面板的使用 石化商标、企业标识、世博会会标制作
1.1 Flash绘图 1.1.1 Flash绘制模式 Flash有两种绘图模式,一种是默认绘制模式,另一种是对象绘制模式。 1. 默认绘制模式 用Flash工具箱中的绘图工具直接绘制的图形叫做“形状”,选中时图形上出现网格点。如图所示。 形状 2. 对象绘制模式 在矩形、椭圆、钢笔、刷子等工具的选项中找到该模式选项,如图所示。 选择【椭圆工具】,在工具箱的选项中单击【对象绘制】按钮,在舞台上绘制一个椭圆。如图所示。 绘制对象 绘制对象属性
1.1.2 线条工具 线条工具用于绘制各种各样的直线。选中线条工具后,可以在如图所示的“属性”面板中对直线的笔触颜色、笔触高度和笔触样式等属性进行设置。 1.绘制方法 选择工具箱中的线条工具,将鼠标移到舞台中,鼠标光标变为+形状,在舞台中按住鼠标左键并拖动鼠标到需要的位置后释放鼠标左键即可绘制出一条直线。按住<Shift>键,可以绘制水平、垂直或者45度角方向的直线。 线条属性面板 2. 属性设置 笔触颜色 笔触高度 笔触样式 自定义笔触样式 线条的端点 线条的接合 调色板 笔触样式
1.1.3 选择工具 选择工具用于选择、移动、复制图形以及改变形状图形的形状,操作时单击“选择工具”按钮或者按<V>键。 1.1.3 选择工具 选择工具用于选择、移动、复制图形以及改变形状图形的形状,操作时单击“选择工具”按钮或者按<V>键。 1. 更改线条的长度和方向 在工具箱中选中【选择工具】,然后移动鼠标指针到线条的端点处,当鼠标指针右下角出现直角标志后,按下左键拖动鼠标即可改变线条的方向和长短,如图所示。 更改线条长度 2.更改线条的轮廓 将鼠标指针移动到线条上,当鼠指 针右下角出现弧线标志后,按下左鼠 标即可改变线条的轮廓,可以使直线 变成各种形状的弧线,如图所示。 更改线条轮廓
1.1.4 颜料桶工具 颜料桶工具用于填充颜色,操作时单击“颜料桶工具”按钮或者按<K>键。 选择“颜料桶”工具,在“属性”面板中设置填充颜色。在图形线框内单击鼠标,线框内被填充颜色。如图所示。 1.使用方法 操作时单击“颜料桶工具”按钮或者按<K>键。 选择“颜料桶”工具,在“属性”面板中设置填充颜色。在图形线框内单击鼠标,线框内被填充颜色。 颜料桶属性 2. 种填充模式 在在工具箱的下方系统设置了4种填充模式可供选择。根据线框空隙的大小,应用不同的模式进行填充。如图所示。 4种填充模式
实例练习——绘制雨伞
3.1.5 矩形工具与多角星形工具 1. 矩形工具 矩形工具用于绘制矩形或多角星形,操作时单击“矩形工具”按钮或者按<R>键。选择“矩形”工具,在“属性”面板中设置填充颜色、笔触颜色等属性。 2.多角星形工具 多角星形工具用于绘制多边形和星形。 选择“多角星形”工具,单击选项按钮,在“工具设置”对话框参数设置。 样式:可以选择绘制多边形或星形。 边数:设置多边形的边数或星形的顶点数,取值范围为3~32。 星形顶点大小:设置星形顶点的角度,取值范围为0~1,值越小,顶点角度越小,顶角越尖锐。 多角星形设置
实例练习——绘制五星红旗
1.1.6 椭圆工具 实例练习——绘制八卦图形
1.1.7钢笔工具 1. 用钢笔工具绘制直线 选择钢笔工具,将鼠标放置在舞台上想要绘制直线的起始位置,在直线的起点处单击鼠标左键,然后松开鼠标在另一点单击。在直线的终点处双击鼠标即可。如图所示。 画直线 2. 用钢笔工具绘制曲线 选择钢笔工具,将鼠标放置在舞台上想要绘制曲线的起始位置,然后按住鼠标不放。此时出现第一个锚点,并且钢笔光标变为箭头形状,松开鼠标,将鼠标放置在想要绘制的第二个锚点的位置,单击鼠标并按住不放,并将鼠标向其他方向拖曳,右击松开鼠标,右击一条曲线绘制完成。如图所示。 3. 修改曲线的方法 (1)若要添加锚点,可以选择钢笔工具,然后在曲线上希望添加锚点的位置单击。 (2)若要删除锚点,可以用删除锚点工具选择该点删除。 (3)曲线点与角点转换, 用转换锚点工具单击该点,将曲线点转换为转角点。单击前曲线点单击后成角点。 画曲线
1.1.8部分选取工具 部分选取工具用于调整节点,改变图形的形状,操作时单击“部分选取工具”按钮或者按<A>键。 1. 改变对象的曲线形状 选择“部分选取”工具,在对象的外边线上单击,对象上出现多个节点。拖动节点来调整控制线的长度和斜率,从而改变对象的曲线形状。 改变锚点斜率 2.对锚点操作 移动锚点,可以用部分选取工具来拖动该点。 微调锚点,可用部分选取工具选择锚点,然后使用键盘方向键进行移动。 拉长、缩短或扭曲曲线,可用部分选取工具拖放相应一侧的方向线手柄即可 角点与曲线点的区别及相互转换 将转角点转换为曲线点,可使用部分选取工具选择该点,然后按住<Alt>键拖动该点以生成方向手柄。 移动锚点
实例练习——制作“心”图形
1.1.9 铅笔工具 1.任意拖动法 铅笔工具用于手绘图形。操作时单击“铅笔工具”按钮或者按<Y>键。 1.1.9 铅笔工具 1.任意拖动法 铅笔工具用于手绘图形。操作时单击“铅笔工具”按钮或者按<Y>键。 选择工具箱中的“铅笔工具”,当鼠标移到舞台中时,按住鼠标左键随意拖动即可绘制任意直线或曲线,绘制的方式与使用真实铅笔大致相同。 伸直、平滑、墨水下绘制的树叶的 2. 绘图模式 在【伸直】模式下,它会把线条自动转成接近形状的直线。 在【平滑】模式下,把线条转化为接近形状的平滑线。 在【墨水】模式下,不加修饰,完全保持鼠标轨迹的形状。 应用伸直、平滑、墨水三种不同绘图模式画的树叶。 如图所示
实例练习——绘制鸟 绘制鸟的大致轮廓绘制鸟的眼睛绘制 鸟的翅膀 绘制鸟的脚。 铅笔画的鸟
1.1.10刷子工具 刷子工具用刷子工具可以绘制任意形状、大小及颜色的填充区域,也可以给已经绘制好的对象填充颜色。操作时单击“刷子工具”按钮或者按<B>键。 1.绘制方法法 单击工具箱中的刷子工具,移动鼠标到舞台中,鼠标光标将变成一个黑色的圆形或方形的刷子,单击鼠标即可在舞台中绘制对象。 2.刷子模式 【标准绘画】: 【颜料填充】:只影响填色的内容,不会遮盖住线条。 【后面绘画】:无论怎么画,它都在图像的后方,不会影响前景图像。 【颜料选择】:用【选择工具】选中图形的一块,再选择【刷子工具】进行绘制,此时可看到选择区域被涂上所选的颜色。 【内部绘画】:在绘画时,画笔的起点必须是在轮廓线以内,而且画笔的范围也只作用在轮廓线以内。 刷子模式 应用5种刷子模式的效果
实例练习——绘制一串葡萄
1.1.11套索工具 套索工具用于选择形状图形的不规划区域或者相同的颜色区域,操作时单击“套索工具”按钮或者按<L>键。在工具箱的下方系统设置了3个按钮可供选择。如图1-76所示。 1.直接拖动 选择“套索”工具,用鼠标在位图上任意勾选想要的区域,形成一个封闭的选区,松开鼠标,选区中的图像被选中 。 套索的三个按钮 3.多边形模式”按钮 选中“多边形模式”按钮,在图像上单击鼠标,确定第一个定位点,松开鼠标并将鼠标移至下一个定位点,再单击鼠标,用相同的方法直到勾画出想要的图像,并使选取区域形成一个封闭的状态,双击鼠标,选区中的图像被选中。 2.魔术棒”按钮 选中“魔术棒”按钮,将光标放在位图上,光标变为,在要选择的位图上单击鼠标,与点取点颜色相近的图像区域被选中 。。
1.1.12任意变形工具 任意变形工具用于缩放、旋转、倾斜、扭曲以及封套图形,操作时单击任意变形工具用于缩放、旋转、倾斜、扭曲以及封套图形,操作时单击“任意变形工具”按钮或者按<Q>键 (1)对图形的操作 选择“任意变形”工具,在图形的周围出现控制点,拖动控制点改变图形的大小。 (2) 变形模式 缩放、 旋转、 倾斜、 扭曲以及封套 任意变形 变形模式 扭曲 封套
实例练习——绘制变形文字 实例练习——齿轮的制作
1.1.13渐变变形工具 “渐变变形工具” 是对填充后的颜色进行修改,利用该工具可方便地对填充效果进行旋转、拉伸、倾斜、缩放等各种变换。 (1) 图形填充色为线性渐变色 当图形填充色为线性渐变色时,选择“渐变变形”工具,用鼠标单击图形,出现3个控制点和2条平行线,如图所示。 向图形中间拖动方形控制点,渐变区域缩小。 将鼠标放置在旋转控制点上,光标变为,拖动旋转控制点来改变渐变区域的角度。 线性渐变色 (2)图形填充色为放射状渐变色 当图形填充色为放射状渐变色时,选择“渐变变形”工具,用鼠标单击图形,出现4个控制点和个圆外形框,如图所示。 向图形中间拖动方形控制点,水平拉伸渐变区域。 将鼠标放置在旋转控制点上,光标变为,拖动旋转控制点来改变渐变区域的角度。 向图形中间拖动圆形控制点,渐变区域缩小。。 放射状渐变色
实例练习—— 凹陷按钮 实例练习———绘制图案
1.1.14滴管工具和墨水瓶工具 1、滴管工具 2、墨水瓶工具 滴管工具用于提取线条或者填充的属性,操作时单击“滴管工具”按钮或者按<I>键。 2、墨水瓶工具 墨水瓶工具用于描绘填充的边缘或者改变线条的属性,操作时单击“墨水瓶工具”按钮或者按<S>键。 使用【滴管工具】和【墨水瓶工具】可以很快的将一条线条的属性套用到其他线条上。 应用滴管工具 应用墨水瓶工具
1.1.15橡皮擦工具 1、擦出方法 2、 擦除模式 橡皮擦工具用于擦去不需要的图形。双击橡皮擦工具,可以删除舞台上的所有内容。 擦除模式 应用不同擦除模式后的效果 2、 擦除模式 【标准擦除】:移动鼠标擦除同一层上的笔触和填充色。橡皮的大小和形状与刷子工具的设置相同。 【擦除填色】:只擦除填充色,不影响笔触。 【擦除线条】:只擦除笔触,不影响填充。 【擦除所选填充】:只擦除当前选定的填充,不影响笔触,不管此时笔触是否被选中。使用此模式之前需先选择要擦除的填充。 【内部擦除】:只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除,则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。 在【橡皮擦工具】的选项中选择【水龙头】▓,单击需要擦除的填充区域或笔触段,可以快速将其擦除。
1.2任务一-----制作威力士石化商标 1.2.1案例效果分析 1.2.2设计思路 用直线工具和颜料桶工具绘制商标图案; 用文字工具和钢笔工具绘制商标文字。 制作威力士石化商标 1.2.4相关知识和技能点 利用直线工具,钢笔工具和部分选择工具绘制图形,利用变形面板对图形进行复制旋转变形,利用颜料桶工具为图形填充颜色,使用渐变变形工具调整渐变的位置和大小。
1.3任务二------制作企业标识 1.3.1案例效果分析 本案例设计的是雅洁彩妆企业标识,桃色的背景、扇形的标识图案和夸张的文本效果,体现出雅洁彩妆时尚流行的象征意义。 1.3.2设计思路 用直线工具和颜料桶工具变形面板绘制标识图案; 用文字工具和钢笔工具绘制商标文字 制作企业标识 1.2.4相关知识和技能点 利用直线工具,钢笔工具和部分选择工具绘制图形,利用变形面板对图形进行复制旋转变形,利用颜料桶工具为图形填充颜色,使用渐变变形工具调整渐变的位置和大小。
1.4实训项目-------制作校园文化节会徽 1.4.1动画前期创意与策划 1、制作动画的目的与主题 主题是以阿拉伯数字“2”,并将其变化成“人”,体现了第2届校园文化节的人文色彩。在色彩上运用红色和黄色体现了热情奔放的特点,渗透着现代化气息。闪动的文字也体现着校园文化节的多姿多彩。 校园文化节会徽
1.4实训项目-------制作校园文化节会徽 2、动画整体风格设计 利用Flash动画制作校园文化节会徽增加动态效果。体现了校园文化节的流动旋律。 3、素材收集与处理 收集标志、VI设计图片作参考和设计资料。 1.4.2 实训要求 使用钢笔工具、颜料桶工具绘制并填充会徽轮廓, 使用文本工具、分离功能输入并设置文本。 利用遮罩制作“第2届校园文化节”动画。 利用动作补间制作“平顶山工业职业技术学院”文字动画。
1.5习题(课外拓展)制作饮料广告标牌 1.5.1制作效果(图) 1.5.2知识要点 遮罩层动画的使用。 应用动作补间动画制作图片逐渐出现和消失的动画。 应用形状补间动画。 4引导层动画的使用。