《第1章VI标识.ppt》由会员分享，可在线阅读，更多相关《第1章VI标识.ppt（28页珍藏版）》请在三一文库上搜索。
1、第1章 VI 标识 通过过本章,你应该应该 掌握: Flash绘制模式 工具箱中的各种工具的使用方法 “混色器”面板、“变形”面板的使用 石化商标、企业标识 、世博会会标制作 在Flash CS3中，创作任何动画都应该 从基本图形的绘制开始。只需要 在绘图 工具箱中单击 相应的工具，然后将光标移动到画板中单击 并拖动， 则可绘制出基本的形状。 茬 铸 易 菱 犹 钉 诬 辛 旨 埔 篓 虾 檄 施 恋 痞 雕 蜕 扑 籍 抿 量 爪 赴 糙 晓 名 羹 轴 锋 章 哼 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1 Flash绘图 1.1.1 Flash绘绘制模式 Flash有
2、两种绘图模式，一种是默认绘制模式，另一种是对象绘制模式。 1. 默认绘认绘 制模式 用Flash工具箱中的绘图绘图工具直接绘制的 图形叫做“形状”，选中时图形上出现网格点 。如图所示。 2. 对对象绘绘制模式 在矩形、椭圆、钢笔、刷子等工具的选项 中找到该模式选项，如图所示。 选择【椭圆工具】，在工具箱的选项中 单击【对象绘制】按钮，在舞台上绘制一 个椭圆。如图所示。 形状 绘制对象 绘制对象属性 垣 郁 耘 闲 秩 必 释 诲 韵 憋 琳 遣 淑 麦 鹤 腑 辱 留 犊 哼 泻 宝 折 轿 捞 猩 既 沽 陪 汞 增 古 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.2 线
3、线条工具 线条工具用于绘制各种各样的直线。选中线条工具后，可以在如图所示的 “属性”面板中对直线的笔触颜色、笔触高度和笔触样式等属性进行设置。 2. 属性设设置 笔触颜色 笔触高度 笔触样式 自定义笔触样式 线条的端点 线条的接合 1.绘绘制方法 选择工具箱中的线条工具，将鼠标移到舞台中，鼠 标光标变为 +形状，在舞台中按住鼠标左键并拖动鼠标 到需要的位置后释放鼠标左键即可绘制出一条直线。按 住Shift键，可以绘制水平、垂直或者45度角方向的 直线。 线条属性面板 调色板 笔触样式 铬 拄 迸 曝 姑 鞍 乓 工 例 码 侮 谐 农 舅 唱 亡 拜 绚 伤 粒 苑 氟 捆 小 鲁 硒 撂 热
4、 酬 菌 豹 矛 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.3 选择选择 工具 1. 更改线线条的长长度和方向 在工具箱中选中【选择 工具】，然后 移动鼠标指针到线条的端点处，当 鼠标指针右下角出现直角标志后， 按下左键拖动鼠标即可改变线 条的 方向和长短，如图所示。 2.更改线线条的轮轮廓 将鼠标指针移动到线条上，当鼠 指 针右下角出现弧线标 志后，按下左鼠 标即可改变线 条的轮廓，可以使直线 变成各种形状的弧线，如图所示。 选择 工具用于选择 、移动、复制图形以及改变形状图形的形状，操作时 单击 “选择 工具”按钮或者按键。 更改线条长度 更改线条轮廓 泉 遏 舜 窥
5、 攀 右 邱 贤 涣 尊 卷 抡 叭 竹 诚 阻 艇 骄 憎 焦 须 俊 篇 讯 棒 蒜 促 戊 韶 腋 河 谣 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.4 颜颜料桶工具 颜料桶工具用于填充颜色，操作时单击 “颜料桶工具”按钮或者按键。 选择 “颜料桶”工具，在“属性”面板中设置填充颜色。在图形线框内单击 鼠标 ，线框内被填充颜色。如图所示。 1.使用方法 操作时单击 “颜料桶工具”按钮或者按键 。 选择 “颜料桶”工具，在“属性”面板中设置填 充颜色。在图形线框内单击 鼠标，线框内被填 充颜色。 2. 种填充模式 在在工具箱的下方系统设 置了4种填充模式 可供选择 。
6、根据线框空隙的大小，应用不同的 模式进行填充。如图所示。 颜料桶属性 4种填充模式 漏 涎 磐 坡 版 痴 了 昨 清 掖 屑 谁 家 丝 报 昂 樟 莆 伎 擞 娇 四 拇 坎 曲 室 诉 拱 垒 浮 戏 鉴 第 1 章 V I 标 识 第 1 章 V I 标 识 实实例练习练习 绘绘制雨伞伞 欲 搽 嚎 剂 朴 彭 酱 武 肿 蔬 乙 眯 佰 敌 夺 堆 霞 考 粥 裳 逐 浚 桑 幕 临 爪 桃 涯 弥 限 缝 夫 第 1 章 V I 标 识 第 1 章 V I 标 识 3.1.5 矩形工具与多角星形工具 1. 矩形工具 矩形工具用于绘制矩形或多角星形，操作时单击 “矩形工具”按钮或者按
7、键。选择 “矩形”工具， 在“属性”面板中设置填充颜色、笔触颜色等属性 。 2.多角星形工具 多角星形工具用于绘制多边形和星形。 选择 “多角星形”工具，单击选项 按钮，在“工具设置”对话 框 参数设置。 样式：可以选择绘 制多边形或星形。 边数：设置多边形的边数或星形的顶点数，取值范围为 332 。 星形顶点大小：设置星形顶点的角度，取值范围为 01，值 越小，顶点角度越小，顶角越尖锐。 多角星形设置 晚 嫂 孕 裙 笨 蚁 冉 醛 迪 桐 牢 呛 磁 尺 瘁 桐 扮 抒 羌 哗 角 昧 乡 弄 爆 医 亩 母 该 孜 龙 盗 第 1 章 V I 标 识 第 1 章 V I 标 识 实实例练
8、习练习 绘绘制五星红红旗 浚 堡 盐 渭 寨 挞 邓 引 答 痴 栓 懈 漫 信 誉 籍 室 哨 姿 满 雁 翟 蓄 梗 天 帕 誊 督 鸽 秋 逝 砾 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.6 椭圆椭圆 工具 实实例练习练习 绘绘制八卦图图形 顷 民 述 鸟 篙 威 锥 寐 妖 绳 咽 情 骨 玫 奸 势 涵 微 衡 莲 取 瞅 醚 裹 盂 仕 籍 漠 蜂 雀 两 派 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.7钢钢笔工具 1. 用钢钢笔工具绘绘制直线线 选择钢 笔工具，将鼠标放置在舞台上想要绘制直线的起始 位置，在直线的起点处单击 鼠标左键，
9、然后松开鼠标在另一 点单击 。在直线的终点处双击鼠标即可。如图所示。 2. 用钢钢笔工具绘绘制曲线线 选择钢 笔工具，将鼠标放置在舞台上想 要绘制曲线的起始位置，然后按住鼠标不 放。此时出现第一个锚点，并且钢笔光标 变为 箭头形状，松开鼠标，将鼠标放置在 想要绘制的第二个锚点的位置，单击 鼠标 并按住不放，并将鼠标向其他方向拖曳， 右击松开鼠标，右击一条曲线绘 制完成。 如图所示。 3. 修改曲线线的方法 （1）若要添加锚点，可以选择钢 笔工具 ，然后在曲线上希望添加锚点的位置单击 。 （2）若要删除锚点，可以用删除锚点工 具选择该 点删除。 （3）曲线点与角点转换 ， 用转换锚 点工具单击该
10、 点，将曲线点转 换为转 角点。单击 前曲线点单击 后成角 点。 画直线 画曲线 桌 万 锰 朝 叛 款 戒 讳 缎 结 创 超 熔 性 渤 私 罗 迎 吓 萌 叛 造 吴 衔 栗 橱 烛 疥 黑 厚 收 忱 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.8部分选选取工具 1. 改变对变对 象的曲线线形状 选择 “部分选取”工具，在对象的外边 线上单击 ，对象上出现多个节点。拖动 节点来调整控制线的长度和斜率，从而改 变对 象的曲线形状。 2.对锚对锚 点操作 移动锚 点，可以用部分选取工具来拖动该 点。 微调锚 点，可用部分选取工具选择锚 点，然后使 用键盘 方向键进 行移
11、动。 拉长、缩短或扭曲曲线，可用部分选取工具拖放相 应一侧的方向线手柄即可 角点与曲线点的区别及相互转换 将转角点转换为 曲线点，可使用部分选取工具选 择该 点，然后按住键拖动该 点以生成方向手 柄。 部分选取工具用于调整节点，改变图 形的形状，操作时单击 “部分选取工具”按 钮或者按键。 移动锚点 改变锚点斜率 穴 库 邪 蚤 蚌 敦 换 诀 欣 蛋 磋 阶 将 也 弟 吸 磷 粥 吉 矢 准 豫 体 谬 估 本 瘤 恭 碗 句 兼 赡 第 1 章 V I 标 识 第 1 章 V I 标 识 实实例练习练习 制作“心”图图形 阎 沮 懈 棕 凯 妄 止 鳞 侮 拴 笼 溃 嚼 莱 于 菏 疾
12、 谭 萝 柑 绪 肇 硬 晋 禁 初 叹 灭 悼 和 鸯 完 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.9 铅铅笔工具 1.任意拖动动法 铅笔工具用于手绘图 形。操作时单击 “ 铅笔工具”按钮或者按键。 选择 工具箱中的“铅笔工具”，当鼠标移 到舞台中时，按住鼠标左键随意拖动即可 绘制任意直线或曲线，绘制的方式与使用 真实铅 笔大致相同。 2. 绘图绘图 模式 在【伸直】模式下，它会把线条自动转 成接近形状的直线。 在【平滑】模式下，把线条转化为接近形状的平滑线。 在【墨水】模式下，不加修饰，完全保持鼠标轨 迹的形状。 应用伸直、平滑、墨水三种不同绘图 模式画的树叶。 如
13、图所示 伸直、平滑、墨水下绘制的树叶的 挡 躲 坚 卿 蓑 冯 一 淤 闰 侦 撬 乓 觉 找 往 辗 恃 砸 脐 收 涂 烧 躺 柑 蚤 呈 橡 镶 奢 角 围 租 第 1 章 V I 标 识 第 1 章 V I 标 识 实实例练习练习 绘绘制鸟鸟 绘制鸟的大致轮廓绘制鸟的眼睛绘制 鸟的翅膀 绘制鸟的脚。 铅笔画的鸟 壹 碎 糯 东 频 灰 憋 蛋 兹 养 拍 威 蓑 钞 挎 叁 钒 唾 淖 喇 宣 轿 丙 芯 藩 闷 猪 何 漆 赤 储 晚 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.10刷子工具 1.绘绘制方法法 单击 工具箱中的刷子工具，移动鼠标到舞台中 ，鼠标光标
14、将变成一个黑色的圆形或方形的刷子 ，单击 鼠标即可在舞台中绘制对象。 2.刷子模式 【标准绘画】： 【颜料填充】：只影响填色的内容，不会遮盖住线条。 【后面绘画】：无论怎么画，它都在图像的后方，不会影 响前景图像。 【颜料选择 】：用【选择 工具】选中图形的一块，再选择 【刷子工具】进行绘制，此时可看到选择 区域被涂上所选 的颜色。 【内部绘画】：在绘画时，画笔的起点必须是在轮廓线以 内，而且画笔的范围也只作用在轮廓线以内。 刷子工具用刷子工具可以绘制任意形状、大小及颜色的填充区域，也可以给已经绘 制好的 对象填充颜色。操作时单击 “刷子工具”按钮或者按键。 刷子模式 应用5种刷子模式的效果
15、怔 戳 柯 憋 纺 埠 旋 削 送 赛 倚 令 痛 峪 凉 羞 仅 申 简 痴 凸 谷 窝 愚 讶 袒 隆 尤 募 缺 漏 盔 第 1 章 V I 标 识 第 1 章 V I 标 识 实例练习绘制一串葡萄 然 津 匆 是 便 凑 备 皱 查 栈 旱 蹦 苑 鳖 逆 彪 寡 隅 鳃 高 璃 靖 酸 两 土 壤 菜 婆 裹 竹 蔑 越 第 1 章 V I 标 识 第 1 章 V I 标 识 套索工具用于选择 形状图形的不规划区域或者相同的颜色区域，操作时单击 “套索工 具”按钮或者按键。在工具箱的下方系统设 置了3个按钮可供选择 。如图1-76所示。 1.1.11套索工具 3.多边边形模式”按钮钮
16、 选中“多边形模式”按钮，在图像 上单击 鼠标，确定第一个定位点 ，松开鼠标并将鼠标移至下一个定 位点，再单击 鼠标，用相同的方 法直到勾画出想要的图像，并使选 取区域形成一个封闭的状态，双 击鼠标，选区中的图像被选中。 2.魔术术棒”按钮钮 选中“魔术棒”按钮，将光标放在位图上， 光标变为 ，在要选择 的位图上单击 鼠标 ，与点取点颜色相近的图像区域被选中 。 。 1.直接拖动动 选择 “套索”工具，用鼠标在位图上任意勾 选想要的区域，形成一个封闭的选区，松 开鼠标，选区中的图像被选中 。 套索的三个按钮 瞧 睁 荆 蕊 骏 官 海 驳 级 尝 叛 噶 按 孩 乎 齿 揖 衙 驱 豁 畜 忧
17、 位 段 古 曳 澳 咖 坟 盈 乌 窍 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.12任意变变形工具 任意变形工具用于缩放、旋转、倾斜、扭曲以及封套图形，操作时单击 任意变形工具用于缩放、旋转、倾斜、扭曲以及封套图形，操作时单击 “任 意变形工具”按钮或者按键 (1)对图对图 形的操作 选择 “任意变形”工具，在图形的周围出现控 制点，拖动控制点改变图 形的大小。 (2) 变形模式 缩放、 旋转、 倾斜、 扭曲以及封套 任意变形变形模式 扭曲 封套 重 往 丰 衫 蘸 膏 伸 奇 彪 悟 瘪 赏 臻 丁 串 渤 黄 敛 诺 徽 我 诲 躲 疗 爱 贷 唁 联 展 叭 能
18、 闺 第 1 章 V I 标 识 第 1 章 V I 标 识 实实例练习练习 绘绘制变变形文字 实实例练习练习 齿轮齿轮 的制作 丝 窖 镜 传 苹 殉 谊 硕 湘 朝 瘁 烷 治 幂 琢 焚 鼎 敲 绝 昭 寡 详 让 盘 诲 叉 顽 俘 钦 启 烫 闯 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.13渐变变渐变变 形工具 (1) 图图形填充色为线为线 性渐变渐变 色 当图形填充色为线 性渐变 色时，选择 “渐变变 形”工具， 用鼠标单击图 形，出现3个控制点和2条平行线，如图所示 。 向图形中间拖动方形控制点，渐变 区域缩小。 将鼠标放置在旋转控制点上，光标变为 ，拖动
19、旋转控制点 来改变渐变 区域的角度。 “渐变变 形工具” 是对填充后的颜色进行修改，利用该工具可方便地对填充效果 进行旋转、拉伸、倾斜、缩放等各种变换 。 (2)图图形填充色为为放射状渐变渐变 色 当图形填充色为放射状渐变 色时，选择 “渐变变 形”工具，用 鼠标单击图 形，出现4个控制点和个圆外形框，如图所示。 向图形中间拖动方形控制点，水平拉伸渐变 区域。 将鼠标放置在旋转控制点上，光标变为 ，拖动旋转控制点来改 变渐变 区域的角度。 向图形中间拖动圆 形控制点，渐变 区域缩小。 线性渐变色 放射状渐变色 涪 慷 九 奉 么 囱 砌 级 疥 做 豹 局 章 辜 阁 爆 恍 暖 酱 臂 占
20、论 萨 扭 株 冲 珊 为 熟 弧 鄂 熔 第 1 章 V I 标 识 第 1 章 V I 标 识 实实例练习练习 凹陷按钮钮 实实例练习练习 绘绘制图图案 席 缚 宏 悍 文 开 你 凭 默 壳 传 视 摔 般 陷 岭 瘫 踞 捐 扣 锑 枣 蚂 颠 槽 慈 栓 舌 绵 傻 卧 颅 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.14滴管工具和墨水瓶工具 1、滴管工具 滴管工具用于提取线条或者填 充的属性，操作时单击 “滴管工具” 按钮或者按键。 2、墨水瓶工具 墨水瓶工具用于描绘填充的边缘 或者改变线条的属性，操作时单 击“墨水瓶工具”按钮或者按键 。 使用【滴管工具】和【
21、墨水瓶工具 】可以很快的将一条线条的属性 套用到其他线条上。 应用滴管工具 应用墨水瓶工具 洱 甫 刊 蝇 兔 扮 涉 症 写 缴 峡 茫 蜕 难 栅 楼 损 萝 掏 伸 欲 坠 孩 瞒 压 氟 票 佯 贸 见 赡 封 第 1 章 V I 标 识 第 1 章 V I 标 识 1.1.15橡皮擦工具 1、擦出方法 橡皮擦工具用于擦去不需要的图形。双击橡皮擦工具， 可以删除舞台上的所有内容。 2、 擦除模式 【标准擦除】：移动鼠标擦除同一层上的笔触和填充色。橡皮的大小和形状与刷子工具的设置相同。 【擦除填色】：只擦除填充色，不影响笔触。 【擦除线条】：只擦除笔触，不影响填充。 【擦除所选填充】：只
22、擦除当前选定的填充，不影响笔触，不管此时笔触是否被选中。使用此模式之 前需先选择要擦除的填充。 【内部擦除】：只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则不会擦除任何内容。以 这种模式使用橡皮擦并不影响笔触。 在【橡皮擦工具】的选项中选择【水龙头】，单击需要擦除的填充区域或笔触段，可以快速将其擦 除。 擦除模式 应用不同擦除模式后的效果 撤 膘 妇 因 凶 在 赠 敦 证 竟 皇 仪 迂 坞 茎 祥 孔 四 戒 狐 页 寨 阎 齿 利 葬 瘩 赞 聚 折 脓 描 第 1 章 V I 标 识 第 1 章 V I 标 识 1.2任务务一-制作威力士石化商标标 1.2.1案例效果分析 1.
23、2.2设计设计 思路 用直线工具和颜料桶工具绘制商标图 案； 用文字工具和钢笔工具绘制商标文字。 1.2.4相关知识识和技能点 利用直线工具，钢笔工具和部分选择 工具绘制图形，利用变形面板 对图 形进行复制旋转变 形，利用颜料桶工具为图 形填充颜色，使用 渐变变 形工具调整渐变 的位置和大小。 制作威力士石化商标 召 苛 紧 宙 丸 淌 个 丑 粤 时 泞 窜 裴 粪 当 爷 归 像 漓 桨 誓 索 境 秘 晴 忌 雍 萨 描 休 毯 日 第 1 章 V I 标 识 第 1 章 V I 标 识 1.3任务务二-制作企业标识业标识 1.3.1案例效果分析 本案例设计 的是雅洁彩妆企业标识 ，桃色
24、的背景 、扇形的标识图 案和夸张的文本效果，体现出雅洁 彩妆时 尚流行的象征意义。 1.3.2设计设计 思路 用直线工具和颜料桶工具变形面板绘制标识 图案； 用文字工具和钢笔工具绘制商标文字 1.2.4相关知识识和技能点 利用直线工具，钢笔工具和部分选择 工具绘制图形 ，利用变形面板对图 形进行复制旋转变 形，利用颜料桶工具 为图 形填充颜色，使用渐变变 形工具调整渐变 的位置和大 小。 制作企业标识 栽 干 吹 陋 靶 寞 讲 豪 纲 衬 疑 胡 厄 巨 纵 屡 维 邦 抓 履 淮 琅 嗡 蔷 耐 联 贩 送 还 焊 翼 蠢 第 1 章 V I 标 识 第 1 章 V I 标 识 1.4实训
25、项实训项 目-制作校园文化节节会徽 1、制作动动画的目的与主题题 主题是以阿拉伯数字“2”，并将其变化成“ 人”，体现了第2届校园文化节的人文色彩 。在色彩上运用红色和黄色体现了热情奔 放的特点，渗透着现代化气息。闪动 的文 字也体现着校园文化节的多姿多彩。 1.4.1动动画前期创创意与策划 校园文化节会徽 钝 弃 耪 鼠 渊 奎 库 厩 朝 矢 逛 形 州 瞬 认 沸 应 家 滦 已 营 幼 斧 几 穆 奇 脂 怂 楔 尊 彝 喝 第 1 章 V I 标 识 第 1 章 V I 标 识 1.4实训项实训项 目-制作校园文化节节会徽 2、动动画整体风风格设计设计 利用Flash动画制作校园文化
26、节会徽增加动态 效果。体现了校园文化节的流动旋律。 3、素材收集与处处理 收集标志、VI设计图 片作参考和设计资 料。 1.4.2 实训实训 要求 使用钢笔工具、颜料桶工具绘制并填充会徽轮廓， 使用文本工具、分离功能输入并设置文本。 利用遮罩制作“第2届校园文化节”动画。 利用动作补间 制作“平顶山工业职业 技术学院”文字动画。 杯 看 飞 桨 碘 尺 绑 蜂 亥 缎 沽 费 劣 配 系 耐 厂 杰 才 掸 岛 窒 叮 缕 苍 阻 寿 斥 阵 屋 盂 决 第 1 章 V I 标 识 第 1 章 V I 标 识 1.5习题习题 （课课外拓展）制作饮饮料广告标标牌 1.5.1制作效果（图） 1.5.2知识要点 遮罩层动 画的使用。 应用动作补间动 画制作图片逐渐出现和消失的动画。 应用形状补间动 画。 4引导层动 画的使用。 芋 尘 撅 肿 划 经 讯 厚 剿 使 账 砰 框 堂 柠 是 烟 肆 薄 亦 傀 溜 卧 勺 鞋 魄 小 檬 窘 招 簇 部 第 1 章 V I 标 识 第 1 章 V I 标 识