本书采用项目驱动方式编写, 通过30个完整实例和2个综合实训实例, 全面介绍Flash CS6基本操作方法和技巧, 内容包括: Flash CS6基础知识, Flash图形的绘制与填充, 创建和编辑Flash文本, 编辑Flash图形对象, 使用Flash中的帧与图层, 使用Flash中的元件与库, 制作常见Flash动画, 导入声音和视频, ActionScript基础与应用, Flash动画的测试与发布, Flash综合应用实例等。
Flash CS6动画设计技术Flash是目前最流行的二维动画制作软件之一。Flash软件具有矢量绘图与动画编辑功能,性能稳定,使用方便,是多媒体课件、手机游戏、网站、动漫等制作领域不可或缺的工具。
当前许多高职院校的计算机专业都开设了“Flash动画设计”课程作为一门专业必修课。针对Flash软件的学习和应用,本书使用的版本为Flash CS6中文版,并根据高职院校的教学需求而编写。全书共分为9个单元、31个任务,一节课完成一个任务,最后两个单元为综合实训,内容较丰富。
本书的编写贯彻了“以学生为根本,以就业为导向,以够用为尺度,以技能为核心”的理念,精心选用实例,合理安排知识结构,从零开始、由浅入深、循序渐进,以任务驱动的方式讲解了Flash CS6的使用方法。
全书共分为9个单元,主要内容如下。
第1单元: 介绍Flash动画的相关知识及应用范围,Flash CS6工作界面和Flash文档的基本操作。
第2单元: 介绍Flash中各种绘图工具的使用,以及图形对象的编辑方法。
第3单元: 介绍帧的相关知识和操作方法,元件的基础知识和操作方法,“库”面板的使用方法和技巧,以及图层的相关知识,创建与编辑图层的方法和技巧。
第4单元: 介绍逐帧动画、动画补间和形状补间的制作方法,以及引导动画、遮罩动画与其他常用动画的制作方法。
第5单元: 介绍动画编辑器、动画预设及3D工具的应用。
第6单元: 介绍声音和视频的相关知识与使用基础,以及在Flash中添加声音和视频的方法与技巧。
第7单元: 介绍ActionScript语言基础知识,以及ActionScript语言中常用动作的使用方法和技巧。
第8、9单元: 通过两个综合实训的制作,介绍综合类型的Flash课件的制作方法和技巧,以及动画短片的设计方法和制作技巧,通过运用前面所学的各个知识点,举一反三地学习实际项目的设计。
本书由浙江育英职业技术学院教师章翮、徐利华担任主编,孔欣、詹建新担任副主编。其中,第1、8、9单元由孔欣编写,第2、3单元由徐利华编写,第4、5单元由章翮编写,第6、7单元由詹建新编写。参加本书编写的人员均为高职院校的教学骨干,他们将多年积累的具有实用价值的经验、知识点和操作技巧都毫无保留地奉献给了广大读者。为方便教师教学,本书配有动画源文件、素材资料和教学演示文稿供下载使用。
由于编者水平有限,书中难免有不足之处,欢迎广大读者批评指正。
Flash CS6动画设计技术前言
编者
Flash CS6动画设计技术第1单元Flash动画基础知识1
1.1初识Flash1
1.1.1Flash基本概念1
1.1.2Flash基本功能1
1.1.3Flash动画主要特点1
1.1.4Flash应用范围2
1.1.5动画色彩构成5
1.2任务1制作简单动画“奔马”6
1.2.1任务综述与实施6
1.2.2动画制作概述13
1.3单元小结14
1.4习题与思考14
第2单元Flash图形的创建与编辑15
2.1任务2制作卡通“米奇”动画15
2.1.1任务综述与实施15
2.1.2绘图工具简介20
2.1.3绘制线条图形23
2.1.4绘制几何图形26
2.1.5为图形添加文本29
2.2任务3制作“飘落的枫叶”33
2.2.1任务综述与实施33
2.2.2制作引导动画40
2.2.3动作补间动画42
2.2.4颜色的选择44
2.2.5颜色的填充47
2.2.6渐变色的设置和调整49
2.3任务4制作“窗外的郁金香”53Flash CS6动画设计技术目录2.3.1任务综述与实施53
2.3.2制作形状补间动画57
2.3.3选择对象58
2.3.4移动、复制和删除对象59
2.3.5变形对象60
2.3.6组合、排列、对齐对象62
2.3.7查看对象64
2.4单元小结64
2.5习题与思考64
第3单元元件、帧、图层66
3.1任务5制作“山水意境”66
3.1.1任务综述与实施66
3.1.2元件与实例71
3.1.3库的使用76
3.2任务6制作水波效果78
3.2.1任务综述与实施78
3.2.2制作遮罩动画81
3.2.3帧的类型和作用83
3.2.4编辑帧85
3.3任务7制作“遵守交规”动画86
3.3.1任务综述与实施86
3.3.2图层的概念、作用及类型89
3.3.3图层的基本操作90
3.4单元小结92
3.5习题与思考92
第4单元复杂动画的制作94
4.1任务8手绘图形制作“思绪飞扬”94
4.2任务9应用骨骼工具制作“奔跑的人”99
4.2.1任务综述与实施99
4.2.2骨骼工具101
4.3任务10应用文字及手绘形状补间制作“文字对联”102
4.4任务11制作形状补间动画“杜鹃花开”105
4.5任务12文字动作补间制作“旋转立体字”109
4.6任务13引导动画制作“飞鹰”113
4.7任务14遮罩动画制作“礼花”117
4.8任务15遮罩动画制作“瀑布”121
4.9任务16制作动画“贺卡”124
4.10任务17应用位图制作“花景观赏”129
4.11任务18制作“网站导航”135
4.12单元小结139
4.13习题与思考139
第5单元应用其他工具制作动画141
5.1任务19制作动画“奔驰的汽车”141
5.1.1任务综述与实施141
5.1.2动画编辑器144
5.2任务20制作“动态电子相册”145
5.2.1任务综述与实施145
5.2.2动画预设149
5.3任务21制作动画“打开大门”150
5.3.1任务综述与实施150
5.3.23D工具153
5.4单元小结153
5.5习题与思考154
第6单元声音、视频、行为、组件及Flash演示文稿应用155
6.1任务22制作“音乐动画”155
6.1.1任务综述与实施155
6.1.2Flash动画支持的音频格式161
6.1.3声音导入、编辑、压缩及导出162
6.2任务23制作“晚会”视频164
6.2.1任务综述与实施164
6.2.2Flash动画支持的视频格式172
6.2.3视频导入、导出及编辑172
6.2.4行为和“行为”面板及添加行为172
6.3任务24应用Flash演示文稿模板制作“国画欣赏”173
6.4单元小结184
6.5习题与思考184
第7单元交互式动画186
7.1任务25应用动作脚本制作“激光扫描文字”186
7.1.1任务综述与实施186
7.1.2了解动作脚本195
7.1.3动作脚本语法规则196
7.2任务26制作“电子钟倒计时”198
7.2.1任务综述与实施198
7.2.2日期和时间类Date的使用211
7.2.3创建Date对象212
7.2.4获取时间单位值212
7.3任务27应用动作脚本制作“飞雪幻影鼠标跟随”213
7.3.1任务综述与实施213
7.3.2条件语句if/else220
7.3.3使用数组221
7.3.4自定义鼠标指针221
7.4任务28应用动作脚本制作“欣赏走马灯”221
7.4.1任务综述与实施221
7.4.2添加事件侦听器231
7.4.3使用addChild()方法添加显示对象231
7.4.4使用超链接添加显示外部对象231
7.5任务29制作“放大镜”231
7.5.1任务综述与实施231
7.5.2缩放属性236
7.5.3鼠标事件236
7.6任务30应用动作脚本制作“捉蝴蝶游戏”237
7.6.1任务综述与实施237
7.6.2Math.random()方法244
7.6.3visible属性244
7.7任务31制作“加法计数器课件”244
7.8单元小结253
7.9习题与思考253
第8单元综合实训: 互动教学课件制作254
8.1高中物理课程“什么是力”单元的综合性课件制作254
8.1.1制作课件片头254
8.1.2制作课件主体258
8.2多媒体课件的几种常见形式266
8.3单元小结267
8.4习题与思考267
第9单元综合实训: 动画短片设计与制作268
9.1公益广告片的设计与制作268
9.2动画短片设计与制作步骤268
9.2.1剧本的创意与构思268
9.2.2设计分镜头268
9.2.3前期素材准备269
9.2.4构建基本框架269
9.2.5设计人物造型和背景271
9.2.6Flash动画制作流程288
9.3单元小结290
9.4习题与思考290
参考文献291
第3单元
元件、帧、图层3.1任务5制作“山水意境”〖*4/5〗3.1.1任务综述与实施〖*2〗任务介绍制作“山水意境”动画。
(1) 在Flash中用绘图工具绘制一幅水墨山水画。
(2) 使用“滤镜”面板为影片剪辑设置特效。
任务分析
绘制山水风景画的时候,首先要考虑整个舞台的布局,然后分别绘制各个舞台对象。因为要设置水墨画效果,要使用到模糊滤镜,所以要将舞台对象转换为影片剪辑元件。
相关技能
(1) 熟练各种绘图工具的使用方法,能结合实际需要灵活选择不同的绘图工具。
(2) 掌握元件与图层的创建及编辑方法。
(3) 了解滤镜的使用方法。
相关知识
(1) 常用的绘图工具、修图工具。
(2) 元件、图层。
(3) 滤镜特效。
任务实施
(1) 启动Flash程序,选择“文件”→“新建”命令,在弹出的对话框中选择ActionScript 3.0选项,单击“确定”按钮,并将文件保存为“山水意境.fla”文件,文档属性默认。
(2) 创建“山头”元件。具体步骤如下。
① 按Ctrl+F8组合键创建新元件,命名为“山头”,类型为“影片剪辑”。
② 进入“山头”元件编辑区,在图层1的第1帧上用多角星形工具绘制如图31所示三角形。Flash CS6动画设计技术第3单元元件、帧、图层③ 删除轮廓线,用选择工具或部分选取工具将三角形调整成如图32所示形状,并将填充色调整为黑色到浅灰色的线性渐变。
图31绘制三角形
图32将三角形调制成山头形状
(3) 创建“群山”元件。具体步骤如下。
① 创建新元件,命名为“群山”,类型为“影片剪辑”。
② 进入“群山”元件编辑区,选择图层1的第1帧,打开“库”面板,多次将库中的“山头”元件拖到舞台上。
③ 对舞台上“山”元件的各个实例进行缩放、翻转、变形、排序操作,得到如图33所示群山效果。
图33“群山”元件
(4) 布置山头图形。具体步骤如下。
① 单击按钮,返回主场景。
② 新建图层,并将图层1、图层2分别命名为“后山”“前山”。
③ 选择“前山”图层的第1帧,将“库”中的“群山”元件拖到舞台右下角。
④ 选中舞台上的“群山”元件,打开“属性”面板,展开“滤镜”卷展栏,单击底部“添加滤镜”按钮,在弹出的列表中选择“模糊”选项,设置模糊参数X、Y均为10,如图34所示。此时“群山”产生了模糊效果,如图35所示。
⑤ 依旧在现在的“群山”实例,在“属性”面板中将其颜色设置为“色调、绿色、13%”,如图36所示。
⑥ 复制调整后的“群山”实例,在“后山”图层的第1帧处的舞台上粘贴3次。
⑦ 对“后山”图层的3个“群山”实例进行变形及颜色调整,并再次模糊,得到如图37所示山头效果。图34为影片剪辑添加模糊滤镜
图35模糊后的“群山”实例效果
图36调整颜色后的“群山”实例效果
图37布置后的群山
⑧ 锁定“前山”“后山”两个图层。
(5) 勾勒山体线条。具体步骤如下。
① 新建图层,命名为“线条”,在图层的第1帧处用刷子工具选择最小的笔触勾勒山体黑色线条,如图38所示。
② 单击“线条”图层第1帧,在选中的线条上右击,将它转换成名为“线条”的影片剪辑。
③ 选中舞台上的“线条”实例,同样为其添加模糊滤镜效果,模糊参数X、Y均设为5,效果如图39所示。锁定图层。
图38勾勒山体线条
图39模糊“线条”
(6) 创建“小屋”元件。具体步骤如下。
① 创建新元件,命名为“小屋”,类型为“影片剪辑”。
② 进入影片剪辑的编辑区,在图层1的第1帧处绘制一个白墙红瓦的小屋,如图310所示。图310绘制小屋
(7) 布置小屋图形。具体步骤如下。
① 返回主场景,在“线条”图层上方新建一图层,命名为“小屋”。
② 在“小屋”层的第1帧处,5次从“库”中拖出“小屋”元件,分别调整其大小与形状,并布置到适当的位置。
③ 选中舞台上的所有小屋,添加模糊滤镜效果,模糊参数X、Y均设为5,效果如图311所示。锁定图层。
(8) 创建“小船”元件。具体步骤如下。
① 创建新元件,命名为“小船”,类型为“图形”。
② 进入影片剪辑的编辑区,在图层1的第1帧处绘制一艘小船,如图312所示。
图311布置小屋
图312绘制小船
(9) 布置小船图形。具体步骤如下。
① 返回主场景,在“小屋”图层上方新建一图层,命名为“小船”。
② 在“小屋”层的第1帧处,6次从库中拖出“小船”元件,分别调整其大小与形状,并布置到适当的位置,如图313所示。锁定图层。
(10) 编辑湖水。具体步骤如下。
① 在“前山”图层的下方插入图层,命名为“湖水”。选中“湖水”图层第1帧,在“颜色”面板上设置填充颜色为“线性渐变”,左边色标设置为#99FFFF,右边色标设置为#C4FFFF,用刷子工具在舞台上绘制湖水图形,如图314所示。
图313布置小船
图314绘制湖水
② 用鼠标右击湖水图形,将它转换为“湖水”影片剪辑。
③ 选中舞台上的湖水,为其添加模糊滤镜效果,模糊参数X、Y均设为50,效果如图315所示。锁定图层。
(11) 绘制树木点缀画面。具体步骤如下。
① 新建元件,命名为“树”,类型为“影片剪辑”。
② 进入影片剪辑的编辑区,在图层1的第1帧处用刷子工具绘制黑色树干。
③ 新建图层2,在第1帧处用刷子工具绿色渐变树叶,如图316所示。
图315模糊湖水
图316绘制树
……