《Flash CS6动画设计项目教程》 - 曹凤莲、周莲波 - 清华大学出版社 - 香港大書城

	登入帳戶　 \|　訂單查詢　 \|　購物車/收銀台(0)　\|　在線留言板　 \|　付款方式　 \|　運費計算　 \|　聯絡我們　 \|　幫助中心　\|　加入書簽
		會員登入新用戶登記

HOME

新書上架

暢銷書架

好書推介

2023年度TOP

臺灣用戶

品種：超過100萬種各類書籍/音像和精品，正品正價，放心網購，悭钱省心

服務：香港／台灣／澳門／海外

送貨：速遞／郵局／服務站

新書上架：簡體書繁體書
暢銷書架：簡體書繁體書
好書推介：簡體書繁體書

『簡體書』Flash CS6动画设计项目教程

書城自編碼： 2701084
分類：簡體書→大陸圖書→教材→研究生/本科/专科教材
作者：曹凤莲、周莲波
國際書號(ISBN)： 9787302416708
出版社：清华大学出版社
出版日期： 2015-11-01
版次： 1 印次： 1
頁數/字數： 300/456000
書度/開本： 16开釘裝：平装

售價：HK$ 64.8

我要買件

** 我創建的書架 **
未登入.

新書推薦：

《不被定义的年龄：积极年龄观让我们更快乐、健康、长寿》
售價：HK$ 79.4

《南方谈话：邓小平在1992 》
售價：HK$ 82.8

《纷纭万端：近代中国的思想与社会》
售價：HK$ 109.8

《中国古代文体形态研究（第四版）（中华当代学术著作辑要）》
售價：HK$ 172.5

《朋党之争与北宋政治·大学问》
售價：HK$ 102.4

《甲骨文丛书·波斯的中古时代（1040-1797年）》
售價：HK$ 90.9

《以爱为名的支配》
售價：HK$ 64.4

《台风天（大吴作品，每一种生活都有被看见的意义）》
售價：HK$ 55.2

編輯推薦：

本书详细介绍了Flash CS6在动画设计中的应用，全书包括初识Flash
CS6动画软件、绘制多彩的世界、制作“美丽校园”电子相册和制作电子广告等基础及实践操作的内容。

书中始终以动画项目为主线，通过项目分解任务落实到每一课时，教师可以通过让学生进行“项目分解”、“任务分析”，达到“任务模拟”，从而实现综合项目上机实训的目的。本书适合作为高职高专院校和普通本科院校计算机专业、动漫数字媒体艺术类专业课程的教材，也可作为其他相关人员的自学参考书。

內容簡介：

本书详细介绍了Flash CS6在动画设计中的应用，全书包括初识Flash CS6动画软件、绘制多彩的世界、制作“美丽校园”电子相册和制作电子广告等基础及实践操作的内容。
书中始终以动画项目为主线，通过项目分解任务落实到每一课时，教师可以通过让学生进行“项目分解”、“任务分析”，达到“任务模拟”，从而实现综合项目上机实训的目的。本书适合作为高职高专院校和普通本科院校计算机专业、动漫数字媒体艺术类专业课程的教材，也可作为其他相关人员的自学参考书。

目录
项目一动画与Flash CS61
任务一初识动画与Flash CS63
知识储备3
一、动画的概念和特点3
二、动画的基本原理3
三、动画的基本类型3
四、动画制作软件Flash CS65
任务实践5
任务二制作第一个Flash 动画文档6
知识储备6
一、Flash CS6的工作界面6
二、Flash CS6的操作界面7
三、Flash CS6文档的
基本操作11
四、Flash动画的测试与发布12
任务实践14
上机实训创建一个包含圆的
Flash文档15
习题18
项目二绘制多彩的世界19
任务一绘制QQ企鹅头像21
知识储备21
一、矩形工具和基本矩形工具21
二、椭圆工具和基本椭圆工具22
三、填充颜色23
任务实践25
任务二制作扇子26
知识储备26
一、任意变形工具26
二、选取工具26
任务实践27
任务三素材底图勾勒30
知识储备30
一、Flash CS6图像素材30
二、钢笔工具的使用33
三、图层的使用33
任务实践36
上机实训风景的绘制39
实训背景39
实训内容和要求39
实训步骤39
实训素材45
习题45
项目三制作“美丽校园”电子相册49
任务一制作封面效果51
知识储备51
一、对象的线条类型绘制51
二、【对齐】面板的使用52
任务实践53
任务二制作相册动画效果57
知识储备57
一、时间轴与帧57
二、动画制作方式60
任务实践66
任务三制作场景动画77
知识储备77
一、声音的导入77
二、视频的导入77
三、【动作】面板的使用79
任务实践82
上机实训班级电子相册的制作85
习题87
项目四制作生日贺卡89
任务一制作漂亮的文字效果91
知识储备91
一、下载使用漂亮的字体91
二、静态文本的输入与设置91
三、文本对象的分离92
四、对象的封套变形92
任务实践93
任务二制作贺卡元件95
知识储备95
一、元件的创建与使用95
二、元件的转换97
三、创建引导层动画98
任务实践101
一、制作“蜡烛效果”元件101
二、制作“蛋糕”元件107
三、制作礼物元件110
任务三制作动画场景112
知识储备112
一、创建遮罩层动画112
二、制作遮罩层动画案例113
任务实践114
上机实训中秋节贺卡的制作115
习题119
项目五制作“采蘑菇的小姑娘”
MTV123
任务一 MTV序幕场景的制作124
知识储备124
一、素材的导入124
二、“按钮”元件的建立
和使用125
三、【线条工具】的使用126
四、铅笔工具的使用126
五、文字作为遮罩层的动画
制作127
六、橡皮擦工具的使用129
任务实践131
任务二 MTV歌曲的导入与歌词同步136
知识储备136
一、声音文件136
二、MP3文件格式的转换137
三、导入及编辑声音138
任务实践141
任务三绘制行走的小女孩144
知识储备144
一、选择工具的使用技巧144
二、排列图形145
三、图形的组合与打散145
任务实践146
任务四 MTV动画效果设计与制作150
知识储备150
一、元件的复制150
二、元件在场景中的
使用技巧151
任务实践151
上机实训电视剧《宫》MTV制作156
习题157
项目六制作电子广告159
任务一制作“爱护树木”公益广告161
知识储备161
任务实践164
任务二制作“汇源果汁”产品广告168
知识储备168
一、调整对象的变形中心168
二、【设计】面板中【变形】和
【信息】面板的使用169
任务实践171
任务三制作娱乐宣传广告180
知识储备180
一、ActionScript 2.0常用
术语180
二、运算符与表达式182
三、选择程序结构182
四、数组的创建和使用183
五、利用超链接加载到指定网站
浏览器窗口184
任务实践184
上机实训制作旅游景区宣传广告190
习题193
项目七制作应用程序195
任务一制作简易计算器196
知识储备196
一、动态文本的应用196
二、元件实例命名时绝对路径和
相对路径的使用198
三、字符串连接运算符“+”199
四、判断字符串相等
运算符“==”199
任务实践199
任务二制作美女换装游戏201
知识储备201
一、影片剪辑的拖放函数202
二、影片剪辑的碰撞函数202
任务实践203
任务三制作打兔子游戏211
知识储备211
一、基于ActionScript 3.0的
【动作】面板212
二、类的使用217
任务实践220
上机实训图片匹配游戏224
习题228
项目八制作“个人简历”网站231
任务一制作网站登录注册界面233
知识储备233
一、组件概述233
二、组件的使用234
三、用户界面组件234
任务实践238
任务二制作我的作品动画246
知识储备246
一、骨骼工具的使用246
二、3D动画248
三、函数的使用249
任务实践252
任务三制作网站主场景261
知识储备261
一、复制元件261
二、删除与重命名元件261
三、查找空闲元件261
四、排序元件261
五、使用元件文件夹262
任务实践262
上机实训 “满江红”诗词网站制作273
习题280
习题参考答案283
参考文献292

內容試閱：

项目二
绘制多彩的世界
项目导入
张宁想绘制一幅小女孩手提花篮和扇子的图形，效果如图2-1所示。
图2-1 效果图
在这个项目中，需要绘制QQ头像的扇子、花篮和小女孩，在搜集素材之后，张宁的制作步骤如下。
1用绘图工具绘制QQ头像，并绘制扇子，用QQ图形填充颜色，如图2-2所示。
2使用钢笔工具勾勒小女孩和花篮，如图2-3和图2-4所示。
3利用图层功能排列成所需要的效果图。

图2-2 扇子效果图图2-3 小女孩效果图图2-4 花篮效果图
项目分析
本项目主要是通过Flash CS6工具箱中的绘图工具、任意变形工具、填充工具、【变形】面板、【属性】面板的使用来绘制动画中所需要的素材，通过勾勒来实现角色原型的抠图效果，能够灵活应用这些工具绘制各种动画原型。
能力目标
* 利用Flash CS6绘制场景、勾勒原型。
* 进行颜色的设置与填充。
知识目标
* 学习掌握Flash CS6绘图工具的使用。
* 掌握Flash CS6的图层功能。
任务一绘制QQ企鹅头像
知识储备
一、矩形工具和基本矩形工具
矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩形，单击绘图工具中的【矩形工具】或者【基本矩形工具】按钮，在其【属性】面板中对将要绘制的图形进行设置，如图2-5所示。
将光标移动到舞台上，当光标变为十字形时，拖动鼠标即可根据【属性】面板中的设置绘制出需要的矩形。

图2-5 矩形工具【属性】面板
1. 设置图形的位置和大小
在完成图形的绘制后，可以再使用【属性】面板对图形的属性进行设置。在工具箱中选择【选择工具】选中绘制的图形，在【属性】面板的【位置和大小】卷展栏中设置图形的位置以及宽和高。
2. 填充和笔触
Flash中的每个图形都开始于一种形状，形状是由两个部分组成，即填充和笔触。填充是形状里面的部分；笔触就是形状的轮廓线。填充和笔触是互相独立的，可以修改或删除一个而不影响另一个部分。可以通过【属性】面板中的【填充和笔触】卷展栏来对颜色、笔触的大小、笔触的样式进行设置，如图2-6所示。
图2-6 设置填充和笔触
二、椭圆工具和基本椭圆工具
【椭圆工具】和【基本椭圆工具】可以用来绘制椭圆形、圆形和圆环，其中【椭圆工具】还可以用来绘制任意圆弧。这两个工具绘制图形的操作与【矩形工具】和【基本矩形工具】基本相同。
1. 椭圆工具
在工具箱中选择【椭圆工具】，在【属性】面板中对工具属性进行设置后，在舞台上拖动鼠标即可绘制出需要的图形，如图2-7所示。
图2-7 椭圆工具【属性】面板
2. 基本椭圆工具
在工具箱中选择【基本椭圆工具】，在【属性】面板中根据需要设置图形属性，在舞台上拖动鼠标即可绘制需要的图形。
在【属性】面板的【椭圆选项】卷展栏中设置【开始角度】和【结束角度】的值可以获得扇形，如图2-8所示。
在【属性】面板的【椭圆选项】卷展栏中设置【内径】值可以获得环形，如图2-9所示。
在【属性】面板的【椭圆选项】卷展栏中取消选中【闭合路径】复选框，则图形将不再封闭，此时可以获得弧形，如图2-10所示。
图2-8 设置扇形属性
图2-9 设置环形属性
图2-10 设置弧形属性
在工具箱中选择【选择工具】，拖动图形上的控制柄，可以对图形的形状进行修改。
三、填充颜色
Flash中的图形由笔触和填充两部分构成，因此矢量图形的颜色实际上包括笔触颜色和填充颜色这两个部分。对图形进行纯色填充一般需要先创建纯色，然后再使用Flash的填充工具来对图形应用创建的颜色。创建颜色可以在Flash的【调色板】、【样本】面板和【颜色】面板中进行，而对笔触填充纯色可以使用【墨水瓶工具】，对图形填充颜色可以使用【颜料桶工具】。
1. 墨水瓶工具
【墨水瓶工具】用于以当前笔触方式对矢量图形进行描边，改变矢量线段、曲线或图形轮廓的属性。该工具不仅能够改变图形笔触的颜色，还可以更改笔触的高度和样式。
2. 颜料桶工具
【颜料桶工具】用于使用当前的填充方式对对象进行填充，该工具可以进行纯色填充，也可以实现渐变填充和位图填充。【颜料桶工具】的使用方法和【墨水瓶工具】相似，在工具箱中选择该工具后，在【属性】面板或【颜色】面板中对颜色进行设置，在图形中单击，即可将颜色填充到图形中。
3. 滴管工具
在对图形进行颜色填充时，有时需要将一个图形中的颜色应用到另外的图形中，此时使用【滴管工具】可以快速实现这种相同颜色的复制操作。
4. 【颜色】面板
如果需要创建缤纷的色彩，最好的工具就是使用【颜色】面板。选择【窗口】→【颜色】命令打开【颜色】面板。可以通过设置选择图形的填充色或笔触颜色。
1线性渐变的调整
在图形中添加线性渐变效果后，在工具箱中选择【渐变变形工具】，此时，图形将会被含有控制柄的边框包围，拖动控制柄即可对渐变角度、方向和过渡强度进行调整，如图2-11所示。
图2-11 线性渐变调整
2径向渐变的调整
在图形中创建径向渐变后，在工具箱中选择【渐变变形工具】。此时图形将被带有控制柄的圆框包围，拖动控制柄即可对渐变效果进行调整，如图2-12所示。
图2-12 径向渐变的调整
3位图填充
对图形进行位图填充的方法与渐变填充类似，可以在【颜色】面板中选择位图填充并将其应用到图形上，如图2-13所示。

图2-13 位图填充
任务实践
利用Flash CS6绘制QQ图像的步骤如下。
1新建一个Flash文档，并设置文档属性。
2选择工具箱中的【椭圆工具】，绘制出企鹅的头部和身子，以及眼睛、翅膀部分，然后利用【颜料桶工具】调整颜色，如图2-14所示。
3利用【椭圆工具】或【刷子工具】绘制出围巾，并填充为红色，并用【矩形工具】绘制出围巾的下面部分，用【部分选取工具】进行调整，如图2-15所示。
4将身子复制放大点，放到身子的下面，制作阴影效果，如图2-16所示。
5利用【椭圆工具】进行脚的绘制，并通过【颜料桶工具】来填充颜色，效果如图2-17所示。

图2-14 绘制头部和身子图2-15 绘制围巾图2-16 绘制身子阴影效果图2-17 绘制脚
6设置舞台背景为#999900颜色，选择【文件】→【导出】→【导出图像】命令，在弹出的【导出图像】对话框中选择存储路径，设置名称为“QQ”，类型为GIF，单击【保存】按钮，在弹出的【导出GIF】对话框见图2-18中，保持默认设置，在存储路径位置就会出现QQ.gif图片。
图2-18 【导出GIF】对话框
任务二制作扇子
知识储备
一、任意变形工具
1. 缩放和旋转
在工具箱中选择【任意变形工具】，在需要变形的对象上单击，对象即被含有控制柄的变形框包围，此时拖动位于变形框上的控制柄可以对对象进行缩放操作，如图2-19所示。
2. 倾斜变形
对象倾斜指的是使选择对象沿着一个或两个轴倾斜。选中【任意变形工具】并单击图形，将鼠标放置到变形框的上下边框上，指针变为后，拖动鼠标即可实现对象的水平倾斜变形。将鼠标放到变形框左右边框上，鼠标指针变为后，拖动鼠标即可实现对象的垂直倾斜变形，如图2-20所示。
图2-19 缩放和旋转
图2-20 倾斜变形
3. 扭曲变形
在使用【任意变形工具】时，在工具箱的选项栏中单击【扭曲】按钮或选择【修改】→【变形】→【扭曲】命令，此时拖动变形框上的控制柄即可实现对象的扭曲变形，如图2-21所示。
图2-21 扭曲变形
二、选取工具
1. 选择工具
【选择工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选择【选择工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，如图2-22所示。这时拖动鼠标可以改变线条的方向和长短。将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线，如图2-23和图2-24所示。
知识链接：利用【选择工具】把直线变成曲线必须使线条处于打散分离状态。

图2-22 鼠标置于直线右端图2-23 鼠标置于直线上图2-24 鼠标拖动后成曲线
2. 部分选取工具
【部分选取工具】的作用是对所选择的对象进行细致的调整。对于绘制的一个矩形，选择【部分选取工具】后，边框上会出现4个微调点，选中一个点后，可以拖动鼠标调整矩形框，如图2-25所示。
知识链接：使用【部分选取工具】选择点后，可以利用键盘上的方向键进行微调。

图2-25 【部分选取工具】的使用
任务实践
1选择【文件】→【新建】命令，在打开的【新建文档】对话框中选择ActionScript 2.0选项，其他保持默认设置，单击【确定】按钮。
2制作扇骨元件。
①选择【插入】→【新建元件】命令，在打开的【创建新元件】对话框中，设置【名称】为“扇骨”、【类型】为【图形】，单击【确定】按钮，如图2-26所示。
图2-26 【创建新元件】对话框
②选择【矩形工具】，设置笔触颜色为黑色#000000，填充颜色为棕色#996666，在场景中画一个宽18、高260的矩形，如图2-27所示，选择【部分选取工具】，单击矩形上面的两个点，如图2-28所示，通过方向键进行收缩，变为如图2-29所示的效果。

图2-27 绘制矩形图2-28 单击矩形上的两个点图2-29 扇骨效果
③选中扇骨，单击【任意变形工具】，将“注册点”移到矩形的下方14处，如图2-30所示，单击【选择工具】，选择【窗口】→【变形】命令，打开【变形】?面板，如图2-31所示。在【变形】面板的【旋转】处输入15°，单击右下角的重置选区和变形8次，效果如图2-32所示。再通过【任意变形工具】转正过来，效果如图2-33所示。
图2-30 移动注册点
图2-31 【变形】面板
图2-32 重置选区和变形扇形效果
图2-33 扇形效果
3制作扇面。
选择【插入】→【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为“扇面”、【类型】为【图形】，在元件编辑工作区中，选取工具箱中的【椭圆工具】，设置笔触颜色为黑色，无填充颜色，按住Shift键，开始画圆。
4制作扇子。
①选择【插入】→【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为“扇子”、【类型】为【影片剪辑】，在元件编辑工作区中，选择【窗口】→【库】命令，打开【库】面板，把“扇骨”元件拖进来，新建一图层，将“扇面”元件拖进来，调整扇面和扇骨的位置，效果如图2-34所示。将扇面中的圆形复制一遍，缩小下移，两边用线条封闭，效果如图2-35所示，将多余的部分删除，效果如图2-36所示。
知识链接：绘制扇形也可以通过【钢笔工具】进行绘制。

图2-34 效果图图2-35 圆形线条封闭图2-36 扇面效果
②选择【窗口】→【颜色】命令，打开【颜色】面板，选择填充颜色，在右侧的下拉列表框中选择【位图填充】选项，找到填充的图片进行填充，效果如图2-37所示。

图2-37 位图填充
③制作扇骨的阴影效果，如图2-38所示。
④将阴影效果拖入扇子元件中，并对齐，效果如图2-39所示。
图2-38 制作扇骨的阴影效果
图2-39 扇子最终效果
⑤将扇子元件拖入场景中，进行测试。
⑥保存Flash 文档。
⑦选择【文件】→【导出】→【导出图像】命令，在弹出的对话框中选择存储路径，设置【名称】为“扇子”，【类型】为PNG，单击【保存】按钮，在弹出的【导出PNG】对话框中，保持默认设置，导出透明图片，在存储路径位置就会出现“扇子.png”图片。
任务三素材底图勾勒
知识储备
一、Flash CS6图像素材
1. 矢量图形和位图图像
计算机是以矢量或位图格式显示图形的。使用Flash CS6可以创建压缩矢量图形并将它们制作为动画。Flash CS6 还可以导入和处理在其他应用程序中创建的矢量图形和位图图像。
1矢量图形
矢量图形使用直线和曲线称为矢量描述图像，这些矢量还包括颜色和位置属性。例如，树叶图像可以由创建树叶轮廓的线条所经过的点来描述。树叶的颜色由轮廓的颜色和轮廓所包围区域的颜色决定，如图2-40所示。
在编辑矢量图形时，您可以修改描述图形形状的线条和曲线的属性。可以对矢量图形进行移动、调整大小、改变形状以及更改颜色的操作而不更改其外观品质。矢量图形与分辨率无关，它们可以显示在各种分辨率的输出设备上，而丝毫不影响品质。
2位图图像
位图图像bitmap，亦称为点阵图像或绘制图像，是由称作像素图片元素的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又是连续的。
例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，这是用非常类似于镶嵌的方式来创建图像，如图2-41所示。在编辑位图图像时，您修改的是像素，而不是直线和曲线。位图图像跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。编辑位图图像可以更改它的外观品质。特别是调整位图图像的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。在比图像本身的分辨率低的输出设备上显示位图图像时也会降低其品质。
图2-40 矢量图形中的线条
图2-41 位图图形中的像素
提示：借助Flash CS6 中的绘画工具创建的线条和形状全都是轻型矢量图形，这有助于使 FLA 文件保持较小的文件体积。
2. Flash CS6可以导入的图像素材格式
Flash CS6可以导入各种文件格式的矢量图形和位图图像。矢量格式包括：FreeHand文件、Adobe Illustrator文件、EPS文件或PDF文件。
* FreeHand文件：在Flash中导入FreeHand文件时，可以保留层、文本块、库元件和页面，还可以选择要导入的页面范围。
* Adobe Illustrator文件：此文件支持对曲线、线条样式和填充信息的非常精确的转换。
* EPS文件或PDF文件：可以导入任何版本的EPS文件以及1.4版本或更低版本的PDF文件。
位图格式包括：JPG、GIF、PNG、BMP等格式。
* JPG格式：是一种压缩格式，可以应用不同的压缩比例对文件进行压缩。压缩后，文件质量损失小，文件体积大大降低。
* GIF格式：即位图交换格式，是一种256色的位图格式，压缩率略低于JPG格式。
* PNG格式：能把位图文件压缩到极限以利于网络传输，能保留所有与位图品质有关的信息。PNG格式支持透明位图。
* BMP格式：在Windows环境下使用最为广泛，而且使用时最不容易出现问题。但由于文件体积较大，一般在网上传输时，不考虑该格式。
3. Flash CS6导入图像素材的方法
Flash CS6可以识别多种不同的位图和矢量图的文件格式，可以通过导入或粘贴的方法将素材引入到Flash CS6中。
1导入到舞台
当导入位图到舞台上时，舞台上显示出该位图，同时被保存在【库】面板中。
方法为：选择【文件】→【导入】→【导入到舞台】命令，如图2-42所示。打开【导入】对话框，如图2-43所示。在舞台上就会显示出该图，如图2-44所示。
图2-42 选择【导入到舞台】命令
图2-43 【导入】对话框
图2-44 图片导入到舞台
2导入到库
当导入位图到【库】面板时，舞台上不显示该位图，只在【库】面板中进行显示。
方法为：选择【文件】→【导入】→【导入到库】命令，如图2-45所示，打开【导入到库】对话框，如图2-46所示，在舞台上不会显示该位图，但是在【库】面板中进行显示，如图2-47所示。
图2-45 选择【导入到库】命令

图2-46 【导入到库】对话框图2-47 图片导入到【库】面板
二、钢笔工具的使用
1. 用【钢笔工具】绘制直线
选择【钢笔工具】，将光标放置在舞台上，选择起始位置，在直线的起点处单击，然后在另一处单击，在直线的终点处双击鼠标即可，如图2-48所示。
2. 用【钢笔工具】绘制曲线
选择【钢笔工具】，将光标放置在舞台上，选择起始位置，按住鼠标不放，此时出现一个锚点，并且钢笔光标变成箭头形状。然后松开鼠标，将鼠标放置在想要绘制的第二个锚点位置，并按住鼠标左键不放进行拖曳，直到出现需要的曲线，如图2-49所示。
图2-48 绘制直线
图2-49 绘制曲线
三、图层的使用
每个图层都包含一些舞台中的动画元素如声音或action指令语句，上面图层中的对象会遮盖下面图层中的对象。?
1. 图层区
在【时间轴】面板中，图层区的最上面有三个按钮。【显示或隐藏所有图层】按钮用来控制图层中的元件是否可视；【锁定或解除锁定所有图层】按钮像一把小锁，单击后该图层被锁定，图层中所有的元件将不能被编辑；【将所有图层显示为轮廓】按钮是轮廓线，单击后图层中的元件只显示轮廓线，填充将被隐藏，这样能方便编辑图层中的元件。
2. 图层的类型
1普通层：图标是 ?，放置各种动画元素。
2引导层：图标是 ?，使“被引导层”中的元件沿引导线运动，该层下的图层为被引导层。
3遮罩层：图标是，使被遮罩层中的动画元素只能透过遮罩层被看到，该层下的图层就是被遮罩层，层图标是。
4层文件夹：可以将多个图层放到一个文件夹中，图标是。组织动画序列的组件和分离动画对象，有两种状态：是打开时的状态；是关闭时的状态。
3. 创建图层
1创建普通图层
在【时间轴】面板左下角，单击【新建图层】按钮，在图层名称列表中将出现名为“图层2”的图层对象。“图层2”的绘制对象在“图层1”的绘制对象的上面，如图2-50所示。

图2-50 新建图层
2 创建引导层
在【时间轴】面板中，右击“图层2”图层，在弹出的快捷菜单中选择【添加传统运动引导层】命令，即可创建引导层，如图2-51所示。

图2-51 创建引导层
3创建遮罩层
首先在【时间轴】面板中创建普通图层，然后右击所创建的普通图层，在弹出的快捷菜单中选择【遮罩层】命令，在图层名称列表中将出现转换完成的遮罩层。图2-52所示为创建遮罩层，图2-53所示为遮罩前效果，图2-54所示为遮罩后效果。

图2-52 创建遮罩层
图2-53 遮罩前效果
图2-54 遮罩后效果
提示：遮罩层相当于一个窗口，窗口的范围是遮罩层图形的边缘勾勒范围，被遮罩的图层通过窗口只能在该区域内显示。如果被遮罩的图层中图形不够大，无法占满遮罩层中的所有空间，将用背景色填充。
4. 更改图层名称
重命名图层的方法很简单，首先双击准备重命名的图层，此时图层名称呈现反白状态，输入更改的名称后，按Enter键即可为图层重命名，如图2-55所示。
5. 更改图层顺序
改变图层顺序的方法也很简单，首先选中需准备移动的图层，按住鼠标左键的同时移动鼠标指针，将图层移动到需要摆放的位置，此时被移动的图层将以一条虚线表示，当图层被移动到需要放置的位置后，释放鼠标左键，即可完成图层顺序的更改，如图2-56所示。
图2-55 更改图层名称
图2-56 更改图层顺序
任务实践
学习通过图片勾勒素材中的小女孩的步骤如下。
1新建一个Flash CS6文档，命名为“小女孩.fla”，参数设置为默认值。
2选择【文件】→【导入】→【导入到库】命令，在弹出的对话框中选择“花与蝴蝶”与“花篮”图片，如图2-57所示。将图片导入到Flash的库中，如图2-58所示。
图2-57 【导入到库】对话框
图2-58 【库】面板
3将【库】面板中的“花与蝴蝶”图片拖入舞台中，右击并在弹出的快捷菜单中选择【分离】命令，如图2-59所示。
图2-59 图片分离
4单击工具箱中的【钢笔工具】，对小女孩的帽子进行轮廓线条的选择，如图2-60所示。
5利用【选择工具】调整贴近帽子的轮廓，如图2-61所示。
图2-60 进行线条选择
图2-61 调整线条
6选取帽子对象，右击，在弹出的快捷菜单中选择【转换为元件】命令，如图2-62所示。
7在【转换为元件】对话框中，设置【名称】为“帽子”、【类型】为【图形】，如图2-63所示。选取之后效果如图2-64所示。
图2-62 选择【转换为元件】命令
图2-63 【转换为元件】对话框
8按照上面的步骤对小女孩的脸、裙子、头发、胳膊和手、腿进行选取，效果如图2-65～图2-69所示。
图2-64 “帽子”元件
图2-65 “脸”元件
图2-66 “裙子”元件
图2-67 “头发”元件
图2-68 “胳膊和手”元件
图2-69 “腿”元件
9将【库】面板中的各部分元件进行组合，在“右手”图层上添加一个图层，设置名称为“扇子”，将任务二中导出的扇子图片“扇子.png”导入进来，并设置其大小和位置，完成小女孩的整体设计效果，最后保存为“小女孩.fla”。时间轴效果如图2-70所示，舞台效果如图2-71所示。
图2-70 时间轴效果
图2-71 舞台效果
10用导出图片的方法导出“小女孩.png”透明图片。
上机实训风景的绘制
【实训背景】
若想通过前面的素材绘制完成一个整体的设计与制作，可绘制一幅风景图，将前面的三个任务图片包含进来。
【实训内容和要求】
本次上机实训主要绘制风景背景图形，并将前面三个任务中的图片应用到风景中，制作成一幅整体的风景图。能利用绘图工具制作天空、草地、花草、山水，并利用变形工具进行对象的变形，利用填充工具进行对象的颜色设置，利用多个图层制作风景的整体制作。
【实训步骤】
1打开Flash CS6软件新建文档，如图2-72所示，属性设置保持默认。设置保存名称为“风景”，如图2-73所示。
图2-72 选择【新建】命令
图2-73 场景名称
2选择【矩形工具】，笔触颜色随意、填充颜色禁止，画550×400的边框，垂直水平都设置为居中。利用【直线工具】在边框内画出草地轮廓及草地与天空的分界线，再用【选择工具】调整成弧线。
3在草地区域里用径向渐变的绿色填充，如图2-74所示。在天空区域里用径向渐变的蓝色填充左色标：#cccccc，中色标：#27D9FD，右色标：#ddf9ff，填充后用填充变形工具调整，如图2-75所示。
图2-74 草地填充
图2-75 天空填充
4将边框线条去掉，天空草地的效果如图2-76所示。
图2-76 天空草地效果
5绘制“草”元件。
①选择【插入】→【新建元件】命令，如图2-77所示。打开【创建新元件】对话框，如图2-78所示。设置【名称】为“草”、【类型】为【图形】，单击【确定】按钮。在元件编辑区中，用【钢笔工具】，笔触颜色随意，填充色为径向渐变左?00D915，右3E2DB画一个三角形。用【选择工具】调整成草的形状，如图2-79所示。
图2-77 选择【新建元件】命令
图2-78 【创建新元件】对话框
②用同样的方法插入新图形元件“草丛”，在元件编辑工作区中，将元件“草”多次拖入工作区，将边框颜色去掉，用【任意变形工具】进行调整，变成草丛的形状，如图2-80所示。
图2-79 绘制草形状
图2-80 “草丛”元件
6绘制“花”元件。
①插入新建元件。设置【名称】为“花1”、【类型】为【图形】。在“图层1”改名为“花”图层中，用【椭圆工具】，笔触颜色随意，填充色禁止，画一个椭圆。用【选择工具】调整成花瓣状，如图2-81所示。再用【任意变形工具】选中花瓣把注册点移至下端，在【变形】面板中旋转60°，复制并变形5次，再填充径向渐变颜色左色标：#CC338F，右色标：#F9CAE2，分别为6个花瓣填充，并用填充变形工具调整，删除边线，如图2-82所示。
图2-81 绘制“花1”花瓣
图2-82 绘制“花1”花朵
②再用【椭圆工具】画一花蕊，填充径向渐变颜色左色标：#B8DA2E，右色标：#B0E85B，用【刷子工具】画出花蕊的形状，可随意绘制，如图2-83所示。
③插入新建元件。设置【名称】为“绿叶”。用【钢笔工具】绘制一个椭圆，利用【选择工具】进行调整，分离，填充为绿色，如图2-84所示。
④进入“花1”元件编辑区，选中“花”图层增加“图层2”改名“花茎”，用【刷子工具】画出花茎的形状，将绿叶元件拖进来，然后通过【任意变形工具】进行调整。效果如图2-85所示。

图2-83 绘制“花1”花蕊图2-84 绘制绿叶图2-85 绘制“花1”
⑤插入一个新建元件，设置【名称】为“花2”、【类型】为【图形】。在“图层1”改名为“花”图层中，利用【钢笔工具】，笔触颜色随意，填充色禁止，画一个三角形，然后用【选择工具】调整成花瓣形状，如图2-86所示。再用【任意变形工具】选中花瓣把注册点移至下端，在【变形】面板中单击【约束】按钮，使其变为锁链形式，对形状旋转72°，复制并变形4次，如图2-87所示。
图2-86 绘制花瓣形状
图2-87 绘制“花2”
⑥利用径向填充填充渐变颜色从左到右排列色标为：#FFE7C4，#FFCC66，#FF6600，#FFCC66。将边框去掉，调整渐变，在花心部位随意画几条纹路，加上花蕊，如图2-88所示。
⑦加上花茎和绿叶，制作“花2”，效果如图2-89所示。
图2-88 “花2”花朵
图2-89 “花2”效果
7绘制“花蕾”元件。
①插入一个新建元件，设置【名称】为“花蕾”、【类型】为【图形】。在“图层1”改名为“花蕾”图层中画一个椭圆，调整成如图2-90所示形状，填充径向渐变颜色从左到右色标为：#FFE7C4，#FFCC66，#FF6600，#FFCC66。效果如图2-91所示。
②新建“图层2”改名为“花脉”，用【直线工具】画几条花脉，色标为#FFCC66，如图2-92所示。
③新建“图层3”改名为“花柄”，用【钢笔工具】绘制图形，调整成图示形状，色标为#006600，如图2-93所示。

图2-90 “花蕾”形状图2-91 填充效果图2-92 花脉效果图2-93 花柄效果
④把“花蕾”元件多次复制，并选择对象进行分离，修改填充颜色，如图2-94所示。
8绘制“云彩”元件。
在元件编辑工作区中用铅笔画出云彩的形状，填充色设置为默认，如图2-95所示。
图2-94 复制并修改多个“花蕾”
图2-95 “云彩”元件
9绘制“山”元件。
用【铅笔工具】绘制出山的形状，并填充为深绿色，如图2-96所示。
10绘制“栅栏”元件。
用【矩形工具】和【直线工具】绘制如图2-97所示的栅栏形状。
图2-96 “山”元件
图2-97 “栅栏”元件
11绘制“太阳”元件。
用【椭圆工具】绘制一个圆形，填充径向渐变颜色从左往右色标为：#FFEC66，#FFD972，#FFFFFF，透明度为30%。
12元件组合。
①将“图层1”改名为“背景”。
②插入“图层2”，改名为“草”，从【库】面板中把刚才画好的草丛拖入，如图2-98所示。
③插入“图层3”，改名为“花”，从【库】面板中把刚才画好的各个花图形元件拖入，调整大小，摆放在适当的位置，花可以按需要复制几个摆放好，如图2-99所示。
④插入“图层4”，改名为“云彩”，从【库】面板中把刚才画好的云彩图形元件拖入，调整大小，摆放在适当的位置，如图2-100所示。
⑤插入“图层5”，改名为“山”，从【库】面板中把刚才画好的山图形元件拖入，调整大小，摆放在适当的位置，如图2-101所示。
⑥插入“图层6”，改名为“太阳”，从【库】面板中把刚才画好的太阳图形元件拖入，调整大小，摆放在适当的位置，并在其【属性】面板中选择【滤镜】选项，进行模糊和发光设置，如图2-102所示。
图2-98 拖入“草”元件
图2-99 拖入“花”元件
图2-100 拖入“云彩”元件
图2-101 拖入“山”元件
图2-102 滤镜设置
⑦插入“图层7”，改名为“栅栏”，从【库】面板中把刚才画好的栅栏图形元件拖入，调整大小，摆放在适当的位置。将文档另存为“花草.fla”，以供后面项目使用。
⑧选择【文件】→【导入】→【导入到库】命令，在弹出的对话框中将“qq.png”、“小女孩.png”图片导入到库中，并添加图层“qq”和“小女孩”，根据实际效果调整各个图层的顺序，测试后保存为“小女孩风景.fla”。时间轴如图2-103所示，场景中的最终效果如图2-104所示。
图2-103 时间轴效果
图2-104 场景效果
【实训素材】
实例文件存储于“网络资源\源文件\项目二\风景.fla”中。
习题
一、选择题
1. 选择绘图工具栏中的【线条工具】，按住Shift键绘制。可以绘制水平或垂直方向直线，也可以绘制以为角度增量倍数的直线。
A. 45° B. 30° C. 15° D. 60°
2. 下列对于绘图工具的表述错误的是。
A. 在Flash CS6中，【铅笔工具】常用于绘制任意线条
B. 【刷子工具】通常用于绘制形态各异的矢量色块或创建特殊的绘制效果
C. 【钢笔工具】常用于绘制比较复杂、精确的曲线
D. 在Flash CS6中，【线条工具】常用于绘制任意线条
3. 下列对于【墨水瓶工具】使用表述正确的是。
A. 在Flash CS6中使用【墨水瓶工具】只能改变直线或形状轮廓的颜色，还可以对直线或形状轮廓应用渐变或位图
B. 在Flash CS6中使用【墨水瓶工具】只能改变直线或形状轮廓的颜色，不可以对直线或形状轮廓应用渐变或位图
C. 在Flash CS6中，使用【墨水瓶工具】不能改变直线或形状轮廓的颜色，也不能对直线或形状轮廓应用渐变或位图
D. 以上都不正确
4. 选中对象，按住键，可以复制并移动对象副本。
A. Tab B. Alt C. Ctrl D. Shift
5. 使用键盘上的方向键移动对象时，按方向键的同时按住键，可使对象一次移动10个像素的位置。
A. Tab B. Alt C. Ctrl D. Shift
6. 在使用【矩形工具】绘制正方形时，可以按键拖动鼠标。
A. CtrlB. AltC. ShiftD. Ctrl+Shift
7. 下面工具是Deco工具。
A. B. C. D.
8. 【滴管工具】可以提取某些对象的属性，例如颜色、线型等。下列选项中，不能被提取的对象属性是。
A. 填充区域的颜色 B. 线条的颜色 C. 组合对象的颜色 D. 线条的宽度
9. 下列关于使用【钢笔工具】的作用描述错误的是。
A. 使用【钢笔工具】可以创建直线或曲线段
B. 使用【钢笔工具】可以调整直线段的角度、长度以及曲线段的斜率
C. 使用【钢笔工具】可以将曲线转换为直线，反之不可
D. 使用【钢笔工具】可以显示并调整其他Flash 绘画工具创建的形状
10. 如图2-105所示，将左图选中并更换该位图背景，如右图所示，最快捷的方法是。
图2-105 改变背景
A. 使用【套索工具】选项中的魔术棒选择背景后删除
B. 使用【套索工具】选择背景后删除
C. 使用【套索工具】选项中的多边形模式选择背景后删除
D. 使用Ctrl+B组合键分离图像后，将背景删除
二、填空题
1. 在Flash中，绘制矩形可以使用的工具是或，绘制椭圆可以使用的工具是或。
2. 使用面板可以复制、删除调色板中的颜色，使用面板可以调整渐变填充和位图填充。
3. 渐变分为_________和_________。沿垂直或水平方向进行过渡的渐变称为_________；从一个轴心向外侧边，沿同心圆进行分布的渐变称为_________。
4. 如图2-106所示，将左部颜色属性复制到右部，我们需要使用的工具是。
图2-106 复制颜色
三、思考题
1. 使用图形工具绘制如图2-107所示的图像，在表格中列举用到了哪些工具，它们的功能是什么。
2. 如图2-108所示，机器人主要是以矩形、椭圆和线条组合而成，描述其使用工具及功能。
图2-107 花图形
图2-108 机器人图形
3. 如图2-109所示，要实现每个海豚逐个放大20%，并以图中的弧度旋转30°，描述其操作步骤。
图2-109 海豚图形

書城介紹　 \|　合作申請　\|　索要書目　 \|　新手入門　\|　聯絡方式　 \|　幫助中心　\|　找書說明　 \|　送貨方式　\|　付款方式	香港用户　 \|　台灣用户　\|　大陸用户　\|　海外用户

	megBook.com.hk
Copyright © 2013 - 2024 （香港）大書城有限公司　 All Rights Reserved.