Flash 动漫创作技法 Work1 要点导读在 Flash 中绘制图形对象时, 工具箱中的各种绘图工具与辅助工具是必不可少的综合使用各种绘图工具, 能制作出绚丽多彩的图形对象 1 在 Flash 中, 铅笔工具用于随意性的创作, 它能够绘制出各种形状的矢量线, 其使用方法与真实铅笔大致相同单

Size: px

Start display at page:

Download "Flash 动漫创作技法 Work1 要点导读在 Flash 中绘制图形对象时, 工具箱中的各种绘图工具与辅助工具是必不可少的综合使用各种绘图工具, 能制作出绚丽多彩的图形对象 1 在 Flash 中, 铅笔工具用于随意性的创作, 它能够绘制出各种形状的矢量线, 其使用方法与真实铅笔大致相同单"

詹带贞牛
5 years ago
Views:

1 第 1 章 The 1st Chapter 绘制矢量图形图形对象是 Flash 动画制作的主要组成部分, 它作为 Flash 动画最直观的载体, 在设计过程中起到了重要的作用图形对象质量的高低与否将直接影响 Flash 动画作品的品质

Flash 动漫创作技法 Work1 要点导读在 Flash 中绘制图形对象时, 工具箱中的各种绘图工具与辅助工具是必不可少的综合使用各种绘图工具, 能制作出绚丽多彩的图形对象 1 在 Flash 中, 铅笔工具用于随意性的创作, 它能够绘制出各种形状的矢量线, 其使用方法与真实铅笔大致相同单击工具箱上的铅笔工具, 然后在工具箱的选项区选择一种绘画模式, 如图 1-1 所示可以绘制直线,

2 Flash 动漫创作技法 Work1 要点导读在 Flash 中绘制图形对象时, 工具箱中的各种绘图工具与辅助工具是必不可少的综合使用各种绘图工具, 能制作出绚丽多彩的图形对象 1 在 Flash 中, 铅笔工具用于随意性的创作, 它能够绘制出各种形状的矢量线, 其使用方法与真实铅笔大致相同单击工具箱上的铅笔工具, 然后在工具箱的选项区选择一种绘画模式, 如图 1-1 所示可以绘制直线, 并将接近三角形椭圆矩形和正方形的形状转换为这些常见的几何形状可以绘制平滑曲线可以绘制任意而又不用修改的线条选择一种绘画模式后, 还可以在属性面板中设置铅笔工具的属性, 如笔触的颜色笔触的粗细线型 ( 实线虚线点状线等 ), 如图 1-2 所示图 1-1 铅笔的绘画模式图 1-2 设置铅笔工具的属性设置完铅笔属性后, 在绘图区拖动鼠标, 即可绘制出各种形状如图 1-3 所示为利用铅笔工具绘制的粗糙手机的外观, 如图 1-4 所示为利用铅笔工具绘制的云彩外观图 1-3 铅笔绘制的手机图 1-4 铅笔绘制的云彩 2 钢笔工具用于绘制任意形状的图形在绘图工具箱中单击按钮, 将鼠标移至场景中, 当其变为形状时, 在要绘制图形的位置处单击鼠标左键, 先确定绘制图形的初始点位置 ( 初始点以小圆圈显示 ) 再次单击鼠标左键确定任意图形的第 2 点, 接着用鼠标在任意位置单击的方法绘制任意图形的其他点若想得到封闭的图形, 将钢笔工具移至起始点, 当钢笔工具侧边出现一个小圆圈时单击 2

3 绘制矢量图形第 1 章绘制矢量图形第 1 章起始点即可, 如图 1-5 所示拖动鼠标则会出现如图 1-6 所示的调节杆, 使用调节杆可调整曲线的弧度图 1-5 钢笔绘制的线条图 1-6 调整曲线的弧度初学者在使用钢笔工具绘制图形时很不容易控制, 要具备一定的耐心, 而且要善于观察总结经验使用钢笔工具时, 鼠标指针的形状在不停地变化, 不同形状的鼠标指针代表不同的含义, 其具体含义如下选择钢笔工具后鼠标指针自动变成的形状, 表示单击即可确定一个点将鼠标指针移到绘制曲线上没有空心小方框 ( 句柄 ) 的位置时, 它会变为形状, 单击即可添加一个句柄将鼠标指针移到绘制曲线的某个句柄上时, 它会变为形状, 单击即可删除该句柄将鼠标指针移到某个句柄上时, 它会变为形状, 单击即可将原来是弧线的句柄变为两条直线的连接点 3. 线条工具主要用于绘制任意的矢量线段单击绘图工具箱中的按钮, 将鼠标移动到场景中当鼠标变为形状时, 按住鼠标左键拖动, 如图 1-7 所示拖至适当的位置及长度后, 释放鼠标即可, 绘制出的线条如图 1-8 所示图 1-7 拖动鼠标绘制线条图 1-8 绘制出的线条在属性面板中可对直线的样式颜色粗细等进行修改单击绘图工具箱中的按钮, 选中刚绘制的直线单击场景下方的属性面板, 打开如图 1-9 所示的属性面板, 在该面板中按照需要设置直线, 该面板中可设置的选项及其含义如下图 1-9 属性面板设置线段在水平或垂直方向上的映射长度设置线段在场景中的具体位置设置线段的颜色单击按钮右下角的三角形按钮, 将弹出如图 1-10 所示的颜色面板, 在该面板中选择所需的颜色即可 3

Flash 动漫创作技法用于设置线段的粗细单击右侧的按钮, 将弹出的滑块向上或向下拖动即可调整线段的粗细用于设置线段的样式, 单击右侧的按钮,

1-10 颜色面板图 1-11 线条样式列表框如果将绘制的线条按图 1-12 所示设置, 完成后的效果如图 1-13 所示图 1-12 笔触样式对话框

选择工具是工具箱中使用率较高的工具之一, 其主要用途是选择工作区中的对象和修改一些线条当矢量图被选中后, 图像将由实变虚, 如果是组合对象被选中,

面板, 但在工具箱的选项面板上有一些相应的附加选项, 具体的选项设置如图 1-14 所示单击按钮, 对齐对象功能图标将变为选中状态,

4 Flash 动漫创作技法用于设置线段的粗细单击右侧的按钮, 将弹出的滑块向上或向下拖动即可调整线段的粗细用于设置线段的样式, 单击右侧的按钮, 在弹出的如图 1-11 所示的线条样式列表框中选择需要的样式即可设置线条的缩放宽度类型等单击该按钮可打开如图 1-12 所示的笔触样式对话框图 1-10 颜色面板图 1-11 线条样式列表框如果将绘制的线条按图 1-12 所示设置, 完成后的效果如图 1-13 所示图 1-12 笔触样式对话框图 1-13 设置样式后的线条 4. 选择工具是工具箱中使用率较高的工具之一, 其主要用途是选择工作区中的对象和修改一些线条当矢量图被选中后, 图像将由实变虚, 如果是组合对象被选中, 周围会出现蓝色边框在绘图操作过程中, 常常先选择需要处理的对象, 然后对这些对象进行各种处理, 而选择对象通常就是使用选择工具选择工具没有相应的属性面板, 但在工具箱的选项面板上有一些相应的附加选项, 具体的选项设置如图 1-14 所示单击按钮, 对齐对象功能图标将变为选中状态, 此时使用选择工具拖动对象, 光标处将出现一个小圆圈, 将对象向其他对象移动, 当在靠近目标对象一定范围内, 小圆圈会自动吸附上去此功能有助于将两个对象很好地连接在一起, 如图 1-15 所示图 1-14 选择工具的选项图 1-15 使用对齐功能的效果此功能可以使选中的矢量图形的图形块或线条做平滑化的修饰, 使图形的 4

绘制矢量图形第 1 章绘制矢量图形第 1 章曲线更加柔和, 以消除线条中的一些多余棱角 ; 选择绘制的矢量图形或线条, 单击工具箱中的按钮, 即可对选取的对象进行平滑化的修饰当选中一个线条后, 可以多次单击此按钮, 对线条进行平滑处理, 直到线条的平滑程度达到要求为止此功能可以使选中的矢量图形的图形块或线条做直线化的修饰, 使图形棱角更加分明 ; 选择绘制的矢量图形或线条,

键拖动直线端点, 则 Flash CS3 会自动捕捉线条使其处于水平与垂直方向的位置, 如图 1-18 所示图 1-16 改变直线的形状图 1-17 增加角点图 1-18 拉伸直线 5 橡皮擦工具用来擦除图形的外轮廓和内部颜色橡皮擦工具有多种擦除模式, 可以设置为只擦除图形的外轮廓和侧部颜色, 也可以定义为只擦除图形对象的某一部分内容可以在实际操作中根据具体情况设置不同的擦除模式

5 绘制矢量图形第 1 章绘制矢量图形第 1 章曲线更加柔和, 以消除线条中的一些多余棱角 ; 选择绘制的矢量图形或线条, 单击工具箱中的按钮, 即可对选取的对象进行平滑化的修饰当选中一个线条后, 可以多次单击此按钮, 对线条进行平滑处理, 直到线条的平滑程度达到要求为止此功能可以使选中的矢量图形的图形块或线条做直线化的修饰, 使图形棱角更加分明 ; 选择绘制的矢量图形或线条, 单击工具箱中的按钮, 即可对选取的对象进行直线化的修饰选择工具对线条进行处理时, 有以下几种方法 : 在舞台上, 让鼠标光标靠近线段上任意一点后, 按下鼠标左键使用拖动的方法即可改变直线的形状, 如图 1-16 所示按住 Ctrl 键的同时拖动直线, 可以在直线上增加新的角点, 如图 1-17 所示将箭头移动到矩形的角时会出现一个直角标志, 按住鼠标并将线条向任意方向拉伸若按住 Ctrl 键拖动直线端点, 则 Flash CS3 会自动捕捉线条使其处于水平与垂直方向的位置, 如图 1-18 所示图 1-16 改变直线的形状图 1-17 增加角点图 1-18 拉伸直线 5 橡皮擦工具用来擦除图形的外轮廓和内部颜色橡皮擦工具有多种擦除模式, 可以设置为只擦除图形的外轮廓和侧部颜色, 也可以定义为只擦除图形对象的某一部分内容可以在实际操作中根据具体情况设置不同的擦除模式在绘图工具箱中选择橡皮擦工具, 橡皮擦工具没有相应的属性选项, 但在工具箱的选项面板中, 有如图 1-19 所示的选项选区设置的附加属性 (1) 橡皮擦模式单击按钮, 将弹出橡皮擦模式下拉列表, 如图 1-20 所示选择不同的选项将产生不同的效果下面对各种橡皮擦模式的作用进行简要介绍图 1-19 选项面板图 1-20 橡皮擦模式下拉列表将擦除橡皮擦经过的所有区域, 可以擦除同一层上的笔触和填充此模式是 Flash 的默认工作模式, 其擦除效果如图 1-21 所示选择此模式后, 拖动橡皮可以擦除舞台上的任何填充区域, 但是会保留轮廓线, 如图 1-22 所示 5

Flash 动漫创作技法图 1-21 标准擦除图 1-22 擦除填色选择此模式后,

拖动橡皮可以在舞台上擦除被选择的填充区域, 但是未被选择的填充区域不会被擦除, 如图 1-24 所示

1-25 所示图 1-23 擦除线条图 1-24 擦除所选填充图 1-25 内部擦除 (2) 水龙头水龙头

其具体操作是只需在要擦除的填充色或者轮廓线上单击鼠标左键即可 (3) 橡皮擦形状橡皮擦形状下拉列表如图

6 Flash 动漫创作技法图 1-21 标准擦除图 1-22 擦除填色选择此模式后, 拖动橡皮可以擦除舞台上的曲线或轮廓线, 但是会保留填充区域, 如图 1-23 所示选择此模式, 拖动橡皮可以在舞台上擦除被选择的填充区域, 但是未被选择的填充区域不会被擦除, 如图 1-24 所示只擦除橡皮起始位置所在的填充区域内部, 如果橡皮擦除起始位置以外无任何可擦除对象, 则擦除操作不起任何作用, 如图 1-25 所示图 1-23 擦除线条图 1-24 擦除所选填充图 1-25 内部擦除 (2) 水龙头水龙头的功能类似颜料桶和墨水瓶功能的反作用, 也就是要将图形的填充色整体去掉, 或者将图形的轮廓线全部擦除, 其具体操作是只需在要擦除的填充色或者轮廓线上单击鼠标左键即可 (3) 橡皮擦形状橡皮擦形状下拉列表如图 1-26 所示图 1-26 橡皮擦形状下拉列表 Work2 案例解析在对 Flash 动画造型常用工具有了一定的了解后, 下面通过实例来学习这些工具的具体使用方法和技巧 6

绘制矢量图形第 1 章绘制矢量图形第 1 章 A d o b e F l a s h Example

$1 效果展示本实例绘制的是一个萦绕在树丛中的花朵矢量图 Chapter 1\Example 1\.$

7 绘制矢量图形第 1 章绘制矢量图形第 1 章 A d o b e F l a s h Example 1 绘制花朵本实例绘制的是一组花朵图像, 主要通过对图像的复制得到花瓣图形, 然后再绘制一些抽象的树叶图形即可完成绘制... 绘制花瓣... 绘制花朵... 绘制花蕊... 绘制绿叶背景 1.1 效果展示本实例绘制的是一个萦绕在树丛中的花朵矢量图 Chapter 1\Example 1\.fla 形, 主要通过多个相同的花朵图形来突出花团锦 Chapter 1\Example 1\.swf 簇的感觉通过本实例的制作, 希望读者能够掌学习指数 : 握一些基本的绘图技巧, 以及为图形添加颜色的技巧 7

并且舞台要与背景图片的大小一样 (2) 使用变形工具制作花瓣时, 一定要使用任意变形工具将中心点拖放到合适的位置, 再进行复制并应用变形 (3) 使用椭圆工具绘制不同颜色的花蕊, 并将花蕊拖放到花瓣的中心 1.

8 Flash 动漫创作技法 1.2 技术点睛在绘制本实例中的鲜花效果时, 主要使用了 Flash 中的基本绘图工具和变形工具来完成通过本实例的学习, 读者可以掌握使用 Flash 绘制图形对象的基本方法在绘制花朵时, 读者应注意以下几个操作环节 (1) 使用导入命令, 将背景图片导入到舞台中, 并且舞台要与背景图片的大小一样 (2) 使用变形工具制作花瓣时, 一定要使用任意变形工具将中心点拖放到合适的位置, 再进行复制并应用变形 (3) 使用椭圆工具绘制不同颜色的花蕊, 并将花蕊拖放到花瓣的中心 1.3 步骤详解在绘制本实例时, 可以分为 3 个部分来完成操作首先是导入背景, 然后绘制花瓣和花蕊, 最后编辑场景下面一起来完成本实例的制作启动 Flash CS3, 新建一个 Flash 空白文档执行修改文档命令, 在打开的文档属性对话框中将尺寸设置为 600 像素 ( 宽 ) 250 像素 ( 高 ), 如图 1-27 所示设置完成后单击按钮 02 执行文件导入导入到舞台命令, 打开导入对话框, 如图 1-28 所示图 1-27 文档属性对话框图 1-28 导入对话框 03 从对话框中选择准备好的图片, 单击按钮, 将图片导入到舞台中, 如图 1-29 所示 8

在弹出的颜色面板中选择绘制椭圆边框的笔触颜色, 这里选择黄色 (#FFCC00) 单击绘图工具箱中颜色栏中的按钮,

技巧点睛单击矩形工具, 按住鼠标左键不放, 过几秒钟后, 弹出如图 1-31 所示的工具组, 从中即可选择椭圆工具图

1-32 所示技巧点睛在绘制出椭圆后, 也可利用属性面板对椭圆的大小在场景中的位置边框线的颜色

9 绘制矢量图形第 1 章绘制矢量图形第 1 章图 1-29 导入的图片单击时间轴面板上的插入图层按钮, 新建图层图层 2, 选择椭圆工具, 单击绘图工具箱中颜色栏中的按钮, 在弹出的颜色面板中选择绘制椭圆边框的笔触颜色, 这里选择黄色 (#FFCC00) 单击绘图工具箱中颜色栏中的按钮, 在弹出的颜色面板中选择填充色的颜色, 这里选择红色 (#FF3300) 在舞台上绘制一个椭圆, 如图 1-30 所示技巧点睛单击矩形工具, 按住鼠标左键不放, 过几秒钟后, 弹出如图 1-31 所示的工具组, 从中即可选择椭圆工具图 1-31 选择椭圆工具图 1-30 绘制椭圆 02 选中椭圆, 单击任意变形工具, 椭圆的中心将出现一个圆点, 如图 1-32 所示技巧点睛在绘制出椭圆后, 也可利用属性面板对椭圆的大小在场景中的位置边框线的颜色线型样式和粗细及填充色等进行具体设置当移动舞台中的椭圆或圆时, 属性面板中 X Y 的值也会自动改变同样, 在属性面板中对椭圆进行设置后, 舞台中的图形也将出现相应的变化图 1-32 椭圆中心点 9

1.3.3 01 选择椭圆工具, 单击绘图工具箱中颜色栏中的按钮, 在弹出的颜色面板中单击按钮, 如图 1-36 所示, 表示绘制的椭圆无边框 02 选择椭圆的填充颜色为黄色 (#FFFF00), 在舞台上绘制一个椭圆,

10 Flash 动漫创作技法 03 将椭圆的中心点拖动到如图 1-33 所示的位置 04 选中整个椭圆, 执行窗口变形命令, 打开变形面板, 选中旋转单选按钮, 并在其右侧的文本框中输入 15 度, 如图 1-34 所示图 1-33 拖动中心点图 1-34 变形面板 05 设置完成后, 单击变形面板上的复制并应用变形按钮 23 次, 花瓣绘制完成, 如图 1-35 所示面板技巧点睛按 Ctrl+T 组合键可快速打开变形图 1-35 绘制花瓣选择椭圆工具, 单击绘图工具箱中颜色栏中的按钮, 在弹出的颜色面板中单击按钮, 如图 1-36 所示, 表示绘制的椭圆无边框 02 选择椭圆的填充颜色为黄色 (#FFFF00), 在舞台上绘制一个椭圆, 然后将其拖动到花瓣的中心位置, 如图 1-37 所示图 1-36 颜色面板图 1-37 拖动椭圆 03 选中花瓣与花蕊, 按 Ctrl+G 组合键, 将花瓣与花蕊组合成花朵, 然后将其拖动到舞台上如图 1-38 所示的位置图 1-38 拖动花朵 10

11 绘制矢量图形第 1 章绘制矢量图形第 1 章选中舞台上的花朵, 执行编辑复制命令, 然后新建图层图层 3, 执行编辑粘贴命令, 复制出一个花朵, 如图 1-39 所示 02 选中复制出的花朵, 按 Ctrl+B 组合键将其打散, 然后将花蕊的颜色更改为深红色 (#993300), 如图 1-40 所示图 1-39 复制花朵 03 选中复制出的花朵, 按 Ctrl+G 组合键将其组合, 然后使用任意变形工具将其缩小, 最后将花朵拖动到如图 1-41 所示的位置图 1-41 拖动花朵 04 选中舞台上的花朵, 执行编辑复制命令, 然后新建图层图层 4, 执行编辑粘贴命令, 复制出一个花朵选中复制出的花朵, 按 Ctrl+B 组合键将其打散, 然后将花蕊的颜色更改为绿色 (#993300), 如图 1-42 所示图 1-40 更改花蕊颜色技巧点睛使用任意变形工具改变图形形状时, 如果按住 Alt 键, 可以使图形的一边保持不变, 以便于用户定位 05 选中复制的花朵, 按 Ctrl+G 组合键组合图形, 然后使用任意变形工具将其缩小, 最后将花朵拖动到如图 1-43 所示的位置图 1-42 更改花蕊颜色 06 按照上面讲述的方法, 再复制 9 个花朵, 然后分别将花朵打散, 将花蕊设置成不同的颜色, 接着分别组合花朵, 并使用任意变形工具将花朵缩小, 最后调整花朵在舞台上的不同位置, 如图 1-44 所示图 1-43 拖动花朵 07 执行文件保存命令, 打开另存为对话框, 将文件名设置为绘制花朵, 完成后单击保存按钮然后按 Ctrl+Enter 组合键, 欣赏最终效果, 如图 1-45 所示图 1-44 复制花朵图 1-45 最终效果 11

$打开光盘 \ 源文件与素材 \Chapter$ $1\Example 1\ 小汽车.$ 1-46 动画完成效果绘制车壳绘制汽车轮子导入图片

12 Flash 动漫创作技法举一反三绘制小汽车所示打开光盘 \ 源文件与素材 \Chapter 1\Example 1\ 小汽车.swf, 欣赏实例最终完成效果, 如图 1-46 图 1-46 动画完成效果绘制车壳绘制汽车轮子导入图片关键技术要点 01 新建一个 Flash 文档, 将其文档大小设置为 600 像素 ( 宽 ) 300 像素 ( 高 ) 02 使用直线工具铅笔工具绘制汽车壳子 03 使用椭圆工具绘制汽车轮子 04 导入一幅图片作为文档背景图片 12

绘制矢量图形第 1 章绘制矢量图形第 1 章 A d o b e F l a s h

$1\Example 2\.$

13 绘制矢量图形第 1 章绘制矢量图形第 1 章 A d o b e F l a s h Example 2 熊猫举重本实例绘制一个熊猫举重的场景, 在景色宜人的大自然中, 一只憨态可掬的大熊猫正开心地练习着举重... 绘制头部... 绘制身体... 绘制杠铃 2.1 效果展示本实例绘制的是一个可爱的熊猫举重的图像, 主 Chapter 1\Example 2\.fla 要是通过椭圆工具矩形工具和直线工具等来完 Chapter 1\Example 2\.swf 成图形的基本绘制, 然后再对图形做编辑并填充学习指数 : 颜色, 得到完整的画面效果 13

14 Flash 动漫创作技法 2.2 技术点睛绘制本实例时, 主要使用到椭圆工具矩形工具和直线工具等通过本实例的学习, 读者可掌握在 Flash 中综合应用多种绘图工具的基本操作方法在绘制熊猫举重时, 读者应注意以下几个操作环节 (1) 使用直线工具绘制图形时, 要使绘制的图形呈闭合状态, 然后才能使用颜料桶工具填充颜色 (2) 使用选择工具调整胳膊等形状时, 一定要仔细, 要将形状线条调整得非常平滑, 不生硬 (3) 使用水平翻转命令, 可以快速地制作另一只胳膊大腿等形状 2.3 步骤详解下面一起来完成本实例的制作新建一个 Flash 空白文档执行修改文档命令, 在打开的文档属性对话框中将尺寸设置为 600 像素 ( 宽 ) 375 像素 ( 高 ), 如图 1-47 所示设置完成后单击按钮 02 执行文件导入导入到舞台命令, 打开导入对话框, 选择一幅图片, 单击按钮, 将图片导入到舞台中, 如图 1-48 所示图 1-47 文档属性对话框图 1-48 导入图片 03 单击插入图层按钮, 新建图层图层 2, 然后单击图层区按钮下方图层 1 上的图标, 使其变换为图标, 如图 1-49 所示, 表示将图层 1 中的内容隐藏 14

绘制矢量图形第 1 章绘制矢量图形第 1 章技巧点睛如果有很多图层, 而且想要将所有的图层快速隐藏, 只需直接单击层隐藏, 如图 1-50 所示若要快速恢复图层显示, 则再次单击按钮即可按钮, 即可将所有图图 1-49 隐藏图层 1 04 选择椭圆工具, 在舞台上绘制一个边框颜色为黑色填充颜色为

拖动到熊猫头的另外一边, 完成一对耳朵的绘制, 如图 1-53 所示图 1-52 绘制耳朵 07 新建图层图层 3, 使用椭圆工具绘制一个无边框填充颜色为黑色的椭圆, 然后单击选择工具, 将椭圆调整成鸭蛋形, 如图 1-54 所示图 1-53 复制耳朵 08 选中刚绘制的椭圆, 复制并粘贴一次,

15 绘制矢量图形第 1 章绘制矢量图形第 1 章技巧点睛如果有很多图层, 而且想要将所有的图层快速隐藏, 只需直接单击层隐藏, 如图 1-50 所示若要快速恢复图层显示, 则再次单击按钮即可按钮, 即可将所有图图 1-49 隐藏图层 1 04 选择椭圆工具, 在舞台上绘制一个边框颜色为黑色填充颜色为白色的椭圆作为熊猫的头, 并按 Ctrl+G 组合键将其组合, 如图 1-51 所示图 1-50 快速隐藏所有图层 05 使用椭圆工具绘制一个无边框填充颜色为黑色的椭圆, 并将其组合, 然后拖动到熊猫头上作为它的耳朵, 如图 1-52 所示图 1-51 绘制椭圆 06 选中耳朵, 复制并粘贴一次, 拖动到熊猫头的另外一边, 完成一对耳朵的绘制, 如图 1-53 所示图 1-52 绘制耳朵 07 新建图层图层 3, 使用椭圆工具绘制一个无边框填充颜色为黑色的椭圆, 然后单击选择工具, 将椭圆调整成鸭蛋形, 如图 1-54 所示图 1-53 复制耳朵 08 选中刚绘制的椭圆, 复制并粘贴一次, 将复制出的椭圆的填充颜色设置为白色, 并使用任意变形工具将其缩放为元素大小的 30%, 然后将其拖动到黑色椭圆的中心位置, 如图 1-55 所示图 1-54 调整椭圆 09 使用椭圆工具绘制一个无边框填充颜色为黑色的正圆, 并将其拖动到白色椭圆的中心位置, 这样即绘制好一只眼睛, 如图 1-56 所示 15

Flash 动漫创作技法图 1-55 复制椭圆 10 将绘制好了的眼睛进行组合, 复制并粘贴一次,

熊猫的两只眼睛制作完成图 1-56 绘制正圆 11 新建图层图层 4, 选择椭圆工具,

组合键将其组合, 如图 1-58 所示图 1-57 制作另一只眼睛 12 使用椭圆工具绘制一个无边框填充颜色为

使用直线工具绘制一条黑色的竖线, 然后使用铅笔工具绘制一条黑色的弧线, 作为熊猫的嘴, 如图 1-60 所示图

2 01 新建图层图层 5, 并将图层 5 拖动到图层 2 的下方图层 1 的上方, 然

16 Flash 动漫创作技法图 1-55 复制椭圆 10 将绘制好了的眼睛进行组合, 复制并粘贴一次, 然后选择复制出的眼睛, 单击任意变形工具, 将眼睛围绕中心点翻转一次, 并拖动到如图 1-57 所示的位置熊猫的两只眼睛制作完成图 1-56 绘制正圆 11 新建图层图层 4, 选择椭圆工具, 在舞台上绘制一个边框颜色为黑色填充颜色为白色的椭圆, 作为熊猫的嘴巴, 并按 Ctrl+G 组合键将其组合, 如图 1-58 所示图 1-57 制作另一只眼睛 12 使用椭圆工具绘制一个无边框填充颜色为黑色的椭圆, 作为熊猫的鼻子, 如图 1-59 所示图 1-58 绘制嘴巴 13 使用直线工具绘制一条黑色的竖线, 然后使用铅笔工具绘制一条黑色的弧线, 作为熊猫的嘴, 如图 1-60 所示图 1-59 绘制鼻子图 1-60 绘制熊猫的嘴新建图层图层 5, 并将图层 5 拖动到图层 2 的下方图层 1 的上方, 然后使用椭圆工具绘制一个边框颜色为黑色边框宽度为 5 填充颜色为白色的椭圆, 作为熊猫的身体, 如图 1-61 所示 02 使用选择工具将熊猫身体调整成运动员的倒三角体型, 如图 1-62 所示然后将熊猫身体进行组合图 1-61 绘制椭圆图 1-62 调整身体 16

绘制矢量图形第 1 章绘制矢量图形第 1 章 03 新建图层图层 6, 并将图层 6 拖动到图层 5 的下方

弯曲的线条表现了举重运动员发达的肌肉图 1-63 绘制胳膊 05 使用颜料桶工具将胳膊填充为黑色, 如图 1-65 所示图

并将其拖动到身体的另外一边, 如图 1-66 所示图 1-65 填充胳膊 07 新建图层图层 7, 并将图层 7 拖动到

1-68 所示的形状, 形成扎着马步的腿图 1-67 绘制腿部轮廓 09 使用颜料桶工具将腿部填充为黑色, 如图 1-69

17 绘制矢量图形第 1 章绘制矢量图形第 1 章 03 新建图层图层 6, 并将图层 6 拖动到图层 5 的下方使用直线工具绘制出胳膊的轮廓, 如图 1-63 所示 04 使用选择工具将胳膊调整成如图 1-64 所示的形状, 弯曲的线条表现了举重运动员发达的肌肉图 1-63 绘制胳膊 05 使用颜料桶工具将胳膊填充为黑色, 如图 1-65 所示图 1-64 调整胳膊 06 将胳膊组合, 再进行复制粘贴, 选中复制出的胳膊, 执行修改变形水平翻转命令, 并将其拖动到身体的另外一边, 如图 1-66 所示图 1-65 填充胳膊 07 新建图层图层 7, 并将图层 7 拖动到图层 5 的下方使用直线工具绘制出腿的轮廓, 如图 1-67 所示图 1-66 复制胳膊 08 使用选择工具将腿调整成如图 1-68 所示的形状, 形成扎着马步的腿图 1-67 绘制腿部轮廓 09 使用颜料桶工具将腿部填充为黑色, 如图 1-69 所示图 1-68 调整腿部轮廓 10 将腿部组合, 再进行复制粘贴, 选中复制出的腿部, 执行修改变形水平翻转命令, 并将其拖动到身体的另外一边, 如图 1-70 所示 17

Flash 动漫创作技法图 1-69 填充腿部 11 新建图层图层 8, 并将图层 7 拖动到图层 6 的下方

键的同时使用选择工具在椭圆边框上拖动, 就能拉出尖角, 拉成如图 1-72 所示的手部形状即可图 1-71 绘制椭圆 13

选中复制出的手部, 执行修改变形水平翻转命令, 并将其拖动到另外一边, 如图 1-74 所示图 1-73 填充手部图

3 01 新建图层图层 9, 使用矩形工具绘制一个细长的黑色矩形, 如图 1-75 所示 02

18 Flash 动漫创作技法图 1-69 填充腿部 11 新建图层图层 8, 并将图层 7 拖动到图层 6 的下方使用椭圆工具绘制一个边框颜色为黑色无填充颜色的椭圆, 如图 1-71 所示图 1-70 复制腿部 12 按住 Alt 键的同时使用选择工具在椭圆边框上拖动, 就能拉出尖角, 拉成如图 1-72 所示的手部形状即可图 1-71 绘制椭圆 13 使用颜料桶工具将手部填充为黑色, 如图 1-73 所示图 1-72 调整椭圆 14 将手部组合, 再进行复制粘贴, 选中复制出的手部, 执行修改变形水平翻转命令, 并将其拖动到另外一边, 如图 1-74 所示图 1-73 填充手部图 1-74 复制手部新建图层图层 9, 使用矩形工具绘制一个细长的黑色矩形, 如图 1-75 所示 02 使用选择工具将其调整成弯曲状以表现杠铃的沉重, 然后将其组合, 如图 1-76 所示图 1-75 绘制矩形 03 使用矩形工具绘制一个边框颜色为黑色边框宽度为 4 无填充颜色的矩形, 如图 1-77 所示图 1-76 调整矩形 04 使用椭圆工具绘制一个边框颜色为黑色无填充颜色的椭圆, 如图 1-78 所示 18

使用颜料桶工具将杠铃填充为红色 (#CC0033), 然后将杠铃组合, 再将其移动到如图 1-81 所示的位置图 1-80 复制曲线 08 复制一个杠铃, 执行修改变形水平翻转命令,

19 绘制矢量图形第 1 章绘制矢量图形第 1 章图 1-77 绘制矩形 05 使用选择工具将矩形的左边框调整为曲线, 如图 1-79 所示然后使用选择工具选中矩形的右边框, 按 Delete 键删除图 1-78 绘制椭圆 06 选中调整出的这条曲线, 复制并粘贴两次, 复制出另外两条曲线, 并拖动到如图 1-80 所示的位置, 这样即完成了一只杠铃的绘制图 1-79 调整矩形的左边框 07 使用颜料桶工具将杠铃填充为红色 (#CC0033), 然后将杠铃组合, 再将其移动到如图 1-81 所示的位置图 1-80 复制曲线 08 复制一个杠铃, 执行修改变形水平翻转命令, 并将其拖动到另外一边, 如图 1-82 所示图 1-81 填充颜色图 1-82 复制杠铃 09 将图层图层 1 恢复显示, 然后保存文件, 按 Ctrl+Enter 组合键, 欣赏最终效果, 如图 1-83 所示图 1-83 完成效果 19

$打开光盘 \ 源文件与素材$ $1\Example 2\ 调皮小猴.$ 如图 1-84 图 1-84

20 Flash 动漫创作技法举一反三绘制调皮小猴所示打开光盘 \ 源文件与素材 \Chapter 1\Example 2\ 调皮小猴.swf, 欣赏实例最终完成效果, 如图 1-84 图 1-84 动画完成效果绘制脸庞绘制双耳绘制嘴唇绘制左右手绘制身体绘制尾巴关键技术要点 01 新建一个 Flash 文档, 将其文档大小保持默认设置 02 使用椭圆工具铅笔工具绘制小猴的头部 03 使用铅笔工具绘制小猴的双手 04 使用椭圆工具铅笔工具绘制小猴的身体 05 使用铅笔工具绘制小猴的尾巴 20

21 绘制矢量图形第 1 章绘制矢量图形第 1 章 A d o b e F l a s h Example 3 盛夏海滩场景本实例绘制一个盛夏的海滩场景效果, 深蓝色的海洋柔软的沙滩悠悠的白云飞舞的海鸥与绚丽的太阳伞, 构成了一个美妙无比的海边世界... 绘制形状... 填充颜色... 绘制太阳伞 3.1 效果展示... 绘制云朵... 绘制海鸥... 组合元件 Chapter 1\Example 3\.fla 本实例绘制的是盛夏沙滩场景效果, 整个画面营 Chapter 1\Example 3\.swf 造出一种海边惬意舒适的感觉本实例在绘图和学习指数 : 颜色搭配上花了很多心思, 通过学习, 读者除了能够掌握绘图的相关技巧外, 更能对颜色的搭配有一定认识 21

22 Flash 动漫创作技法 3.2 技术点睛在绘制本实例中的海滩场景时, 主要使用了 Flash 中的铅笔工具直线工具椭圆工具选择工具和颜料桶工具等配合来完成通过本实例的学习, 将使读者掌握通过绘制不同元素来组成动画场景的基本操作方法在绘制海滩场景时, 读者应注意以下几个操作环节 (1) 绘制蓝天时, 需要使用放射性渐变来进行填充 (2) 绘制沙滩上的太阳伞时, 因为比较复杂, 一定要慢慢地耐心地使用直线工具与铅笔工具进行勾勒 (3) 绘制出海鸥后, 可以复制出若干个海鸥, 然后使用任意变形工具将这些海鸥调整为不同大小, 并分布在天空不同的角落 3.3 步骤详解下面一起来完成本实例的制作新建一个 Flash 空白文档执行修改文档命令, 在打开的文档属性对话框中将尺寸设置为 645 像素 ( 宽 ) 370 像素 ( 高 ), 如图 1-85 所示设置完成后单击按钮 02 选择矩形工具, 在舞台上绘制一个无边框填充颜色为任意色宽和高分别为 645 像素与 370 像素的矩形, 将舞台刚好遮住, 如图 1-86 所示图 1-85 文档属性对话框图 1-86 绘制矩形 03 执行窗口颜色命令, 打开颜色面板将类型设置为线性, 将调色条左端的调色块颜色设置为白色, 将右端的调色块颜色设置为蓝色 (# 06B1FF), 如图 1-87 所示 22

绘制矢量图形第 1 章绘制矢量图形第 1 章 04 使用颜料桶工具填充矩形, 蓝天绘制完成, 如图 1-88 所示图 1-87 颜色面板 05

1-89 所示图 1-88 填充矩形 06 使用矩形工具绘制一个无边框填充颜色为土黄色 (#F4E6B5) 的矩形, 然后使

使用直线工具与铅笔工具勾勒出一些不规则的形状, 然后使用颜料桶工具将这些形状填充为蓝色 (#36ABE0), 作为海浪, 如图 1-91 所示图

23 绘制矢量图形第 1 章绘制矢量图形第 1 章 04 使用颜料桶工具填充矩形, 蓝天绘制完成, 如图 1-88 所示图 1-87 颜色面板 05 新建一个图层图层 2, 选择矩形工具, 将边框颜色设置为无, 填充颜色设置为蓝色 (#0C4C69), 然后在舞台上绘制一个矩形, 表示海洋, 如图 1-89 所示图 1-88 填充矩形 06 使用矩形工具绘制一个无边框填充颜色为土黄色 (#F4E6B5) 的矩形, 然后使用选择工具将矩形调整为沙滩的模样, 如图 1-90 所示图 1-89 绘制矩形 07 新建一个图层图层 3, 使用直线工具与铅笔工具勾勒出一些不规则的形状, 然后使用颜料桶工具将这些形状填充为蓝色 (#36ABE0), 作为海浪, 如图 1-91 所示图 1-90 绘制沙滩 08 使用铅笔工具勾勒出绘制沙滩上的阴影部分, 然后使用颜料桶工具将阴影部分填充为黄色 (#EDD687), 制作阴影效果, 如图 1-92 所示图 1-91 绘制海浪图 1-92 制作阴影效果使用铅笔工具勾勒出沙滩上铺的供人休息的布的大体形状, 如图 1-93 所示布的绘制比较复杂, 需要耐心绘制, 如果在绘制过程中出现偏差, 可用橡皮擦工具进行擦除, 再接着绘制 02 使用颜料桶工具为布填充颜色, 如图 1-94 所示图 1-93 绘制布的形状图 1-94 填充颜色 23

Flash 动漫创作技法 03 按照同样的方法绘制出另一块布的形状并填充颜色, 如图 1-95 所示 04

使用颜料桶工具为太阳伞填充颜色, 如图 1-97 所示图 1-96 绘制太阳伞的形状 06 使用椭圆工具

然后将它们重叠在一起, 如图 1-99 所示 02 使用选择工具双击线条, 即可选中线条, 如图 1-100 所示图

24 Flash 动漫创作技法 03 按照同样的方法绘制出另一块布的形状并填充颜色, 如图 1-95 所示 04 使用直线工具与铅笔工具勾勒出太阳伞的形状, 如图 1-96 所示图 1-95 绘制布并填充颜色 05 使用颜料桶工具为太阳伞填充颜色, 如图 1-97 所示图 1-96 绘制太阳伞的形状 06 使用椭圆工具铅笔工具与选择工具绘制太阳伞下的阴影部分, 并使用颜料桶工具为阴影部分填充和沙滩阴影一样的颜色, 如图 1-98 所示图 1-97 填充颜色图 1-98 绘制阴影并填充颜色新建一个图层图层 4, 使用椭圆工具绘制一些边框颜色为黑色填充颜色为白色的椭圆, 然后将它们重叠在一起, 如图 1-99 所示 02 使用选择工具双击线条, 即可选中线条, 如图所示图 1-99 绘制椭圆 03 按 Delete 键将线条删除, 如图所示图选中线条 04 使用椭圆工具在白色区域中绘制一些边框颜色为黑色填充颜色为白色的椭圆, 如图所示图删除线条图绘制椭圆 24

使用任意变形工具将太阳伞与沙滩椅缩小并放置于沙滩的右角, 如图 1-109 所示

25 绘制矢量图形第 1 章绘制矢量图形第 1 章 05 使用颜料桶工具将部分椭圆填充为蓝色 (#D2E4F5), 如图所示 06 将椭圆的边框删除, 形成阴影效果, 如图所示当然, 阴影也可以填充为灰色图填充椭圆 07 按照同样的方法绘制多个大小不一的云朵, 并使用任意变形工具将云朵变形, 然后使其分布在天空的不同处, 如图所示图删除边框 08 新建一个图层图层 5, 使用铅笔工具绘制出海鸥的形状, 如图所示图分布云朵 09 复制出若干个海鸥, 并使用任意变形工具将这些海鸥调整成大小不一, 并分布在天空不同的角落, 如图所示图绘制海鸥 10 按照前面讲过的方法, 使用铅笔工具与直线工具再绘制两把太阳伞与一把沙滩椅, 如图所示图复制海鸥 11 使用任意变形工具将太阳伞与沙滩椅缩小并放置于沙滩的右角, 如图所示图绘制太阳伞与沙滩椅 12 执行文件保存命令保存文件, 然后按 Ctrl+Enter 组合键, 欣赏本实例的最终效果, 如图所示图放置太阳伞与沙滩椅图完成效果 25

$美丽的湖泊所示打开光盘 \ 源文件与素材$ $\Chapter 1\Example 3\$ swf, 欣赏实例最终完成效果, 如图

26 Flash 动漫创作技法举一反三美丽的湖泊所示打开光盘 \ 源文件与素材 \Chapter 1\Example 3\ 美丽的湖泊.swf, 欣赏实例最终完成效果, 如图图动画完成效果绘制草丛绘制大树绘制小船绘制房子绘制山脉关键技术要点 01 新建一个 Flash 文档, 将其文档大小设置为 600 像素 ( 宽 ) 500 像素 ( 高 ) 02 使用矩形工具绘制天空与湖水 03 使用铅笔工具绘制湖岸与山脉 04 使用钢笔工具和铅笔工具绘制草丛与大树 05 使用直线工具与铅笔工具绘制小船与房子 26

<C8EBC3C5C6AAA3A8B5DA31D5C2A3A92E696E6464>

<C8EBC3C5C6AAA3A8B5DA31D5C2A3A92E696E6464> 第 1 章进入 Photoshop 的全新世界本章导读 Photoshop 1 1.1 Photoshop CS6 Photoshop Photoshop 1.1.1 Photoshop POP 1-1 图 1-1 平面广告效果 1.1.2 Photoshop 1-2 Photoshop CS6 Photoshop CS6 Photoshop CS6 Extended 3D 3 Photoshop