Flash技术与实训(txt+pdf+epub+mobi电子书下载)


发布时间:2020-07-05 03:47:06

点击下载

作者:杨印

出版社:世界图书出版广东有限公司

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

Flash技术与实训

Flash技术与实训试读:

序言

Flash是一款当今非常流行的矢量动画开发软件,具有易学易用、开发周期短、软件功能强大等优点,开发出的动画又有体积小、交互性好、易于在网上传播、动画播放时不会因为画面的缩放而失真等诸多优点,因而得到越来越多人们的喜爱。现在的网页中几乎见不到不含Flash的网页,因为Flash可以使静止的网页动起来,同时增大了单位页面中的信息量。Flash不仅可以制作可独立播放的动画和为网页准备素材,还可以用来开发游戏、电影,制作课件、贺卡、MTV,设计广告等。可以看出Flash软件集诸多功能于一身,为用户提供了功能非常强大的开发平台,有着非常广阔的应用领域,学好Flash一定会有施展才华的机会和用武之地。

本教材是以Flash CS3为操作环境,针对中等职业技术学校相关专业编写的。内容上通过简单的实例介绍知识点,再通过应用型实例进行强化训练,并在每章后都配有技能提升实训,读者可以在学习完每一章内容后及时进行巩固练习。本书配有实例源文件、最终效果及实例素材,由于动画是由多个画面组成的,对于书中的实例不容易用一两个插图画面展示出它的全部内容,建议读者在动手制作某一实例之前,最好先看一下实例的最终效果。有些基本操作,用文字和插图来描述不如观看实际操作来得更为直接。

本书由恩施市中等职业技术学校杨印担任主编并统稿,孙盛福、姚燚担任副主编。本书共分10章,第1章介绍Flash CS3的基本知识,第2章介绍图形的绘制、修饰、修改,第3章至第9章介绍简单和复杂动画的制作以及软件相关基础知识与操作,第10章介绍Acti-onScript2.0基础。书中第1-3章由王涛和姚燚编写,第4-6章由杨俊编写,第7、8两章由杨印编写,第9章由孙盛福编写,第10章由覃立编写。

由于编者水平有限,时间仓促,书中难免有错误、不妥和疏漏之处,恳请广大读者不吝指正。编者2014年4月

第1章 Flash CS 3入门

1.1 初识Flash CS 3

Flash是交互式矢量动画制作软件,专业化的Web应用制作工具,深受人们尤其是青年朋友的喜爱。其两大特点是:流媒体技术和矢量图形系统。

流媒体技术,指的是一种可以使音频、视频和其他多媒体能在Internet上以实时的、无需下载等待的方式进行播放的技术。

基于矢量图形系统,矢量图是计算出来的,而不是像位图那样用像素填充的。文件要小很多,而且可以随意缩放、修改,不会影响图片质量。

Flash技术在我们的生活、工作中使用很广泛,它给我们的生活带来了娱乐,丰富了生活,我们可以从网上下载一个Flash制作的MTV或者动画,放松心情;工作中,很多教学课件都是由Flash制作的。

1. Flash动画的应用领域

目前Flash被广泛应用于网页设计、网页广告、网络动画、多媒体教学软件、游戏设计、企业介绍、产品展示和电子相册等领域。(1)网页设计

为达到一定的视觉冲击力,很多企业网站往往在进入主页前播放一段使用Flash制作的欢迎页(也称为引导页);此外,很多网站的Logo(站标,网站的标志)和Banner(网页横幅广告)都是Flash动画。

当需要制作一些交互功能较强的网站时,例如制作某些调查类网站,可以使用Flash制作整个网站,这样互动性更强。(2)网页广告

因为传输的关系,网页上的广告需要具有短小精干、表现力强的特点,而Flash动画正好可以满足这些要求。现在打开任何一个网站的网页,都会发现一些动感时尚的Flash网页广告。(3)网络动画

许多网友都喜欢把自己制作的Flash音乐动画、Flash电影动画传输到网上供其他网友欣赏,实际上正是因为这些网络动画的流行,Flash已经在网上形成了一种文化。(4)多媒体教学课件

相对于其他软件制作的课件,Flash课件具有体积小、表现力强的特点。在制作实验演示或多媒体教学光盘时,Flash动画得到大量的应用。(5)游戏

使用Flash的动作脚本功能可以制作一些有趣的在线小游戏,如看图识字游戏、贪吃蛇游戏、棋牌类游戏等。因为Flash游戏具有体积小的优点,一些手机厂商已在手机中嵌入Flash游戏。

2. Flash动画的特点

Flash动画之所以被广泛应用,是与其自身的特点密不可分的。(1)从动画组成来看:Flash动画主要由矢量图形组成,矢量图形具有储存容量小、在缩放时不会失真的优点,这就使得Flash动画具有储存容量小、在缩放播放窗口时不会影响画面的清晰度的特点。(2)从动画发布来看:在导出Flash动画的过程中,程序会压缩、优化动画组成元素(例如位图图像、音乐和视频等),这就进一步减少了动画的储存容量,使其更加方便在网上传输。(3)从动画播放来看:发布后的.swf动画影片具有“流”媒体的特点,在网上可以边下载边播放,而不像GIF动画那样要把整个文件下载完了才能播放。(4)从交互性来看:可以通过为Flash动画添加动作脚本使其具有交互性,从而让观众成为动画的一部分。这一点是传统动画无法比拟的。(5)从制作手法来看。Flash动画的制作比较简单,一个爱好者只要掌握一定的软件知识,拥有一台电脑、一套软件就可以制作出Flash动画。(6)从制作成本来看:用Flash软件制作动画可以大幅度降低制作成本;同时,在制作时间上也比传统动画大大缩短。

3. Flash动画创作流程

就像拍一部电影一样,创作一个优秀的Flash动画作品也要经过很多环节,每一个环节都关系到作品的最终质量。(1)前期策划

在着手制作动画前,我们应首先明确制作动画的目的以及要达到的效果,然后确定剧情和角色,有条件的话可以请别人编写剧本。准备好这些后,还要根据剧情确定创作风格。比如,比较严肃的题材,我们应该使用比较写实的风格;如果是轻松愉快的题材,可以使用Q版造型来制作动画。(2)准备素材

做好前期策划后,便可以开始根据策划的内容绘制角色造型、背景以及要使用的道具。当然,也可以从网上搜集动画中要用到的素材,比如声音素材、图像素材和视频素材等。(3)制作动画

一切准备就绪就可以开始制作动画了。这主要包括角色的造型添加动作、角色与背景的合成、声音与动画的同步。这一步最能体现出制作者的水平,想要制作出优秀的Flash作品,不但要熟练掌握软件的使用,还需要掌握一定的美术知识以及运动规律。(4)后期调试

后期调试包括调试动画和测试动画两方面。调试动画主要是对动画的各个细节,例如动画片段的衔接、场景的切换、声音与动画的协调等进行调整,使整个动画显得流畅、和谐。在动画制作初步完成后便可以调试动画以保证作品的质量。测试动画是对动画的最终播放效果、网上播放效果进行检测,以保证动画能完美地展现在欣赏者面前。(5)发布作品

动画制作好并调试无误后,便可以将其导出或发布为.swf格式的影片,并传到网上供人欣赏。

1.2 认识Flash CS3工作界面

运行Adobe Flash CS3以后,会出现Adobe Flash CS3界面,如图1-1-1所示。Adobe Flash CS3的工作环境包括标题栏、菜单栏、主工具栏(第一次运行时需要手动设置显示出来,单击菜单栏中【窗口】│【工具栏】│【主工具栏】)、时间轴、舞台工作区、工具箱、状态栏和其他各种对话框等。接下来对界面上的不同组件作进一步的介绍。图1-1-1

1. 工具箱

Flash CS3的工具箱的功能非常强大,在默认状态下工具箱位于窗口左侧单列竖排放置。用户可通过鼠标拖动,将它放在桌面任何位置。通过工具箱上一系列按钮,用户可完成对象选择、图形绘制、文本录入与编辑、对象控制与操作等工作。单击颜色填充区域,会弹出一个颜色选取框。

2. 时间轴

时间轴用来显示编辑图层和帧,用于组织和控制影片内容在一定时间内播放的层数和帧数。与胶片一样,Flash影片的长度由它的帧决定。图层就像层叠在一起的幻灯胶片一样,每个图层都包含一个显示在舞台中的不同图像。

时间轴状态显示在时间轴的底部,它指示所选的帧编号、当前帧、当前帧频以及到当前帧为止运行的时间。

3. 舞台工作区

舞台工作区就是Flash CS3的主要工作窗口。在舞台上,我们可以对Flash的内容进行编辑,舞台也是Flash影片播放的区域,其中灰色区域的内容,在影片发布以后是不可见的。

4. 面板和属性检查器

默认工作界面的右侧和下侧是浮动面板区域和属性检查器,它们功能强大并且在工作中最为常用。Flash中有很多面板,可以在主菜单中把它们打开或关闭,Flash可以根据需要自定义工作区,如图1-1-2所示。

使用面板和属性检查器,可以查看、组合和更改资源及其属性。可以显示、隐藏面板和调整面板的大小,也可以组合面板并保存自定义的面板设置,从而能更容易地管理工作区。属性检查器在操作时实时显示结果,以反映正在使用的工具和资源,从而能够快速访问常用功能,使操作更具有交互性。图1-1-2

第2章 绘图工具的应用

要使用好Flash,首先应熟练掌握绘图工具的使用方法。本章将详细介绍Flash CS3的绘图工具,帮助初学者充分了解每个工具的使用方法及特性。

2.1 主工具栏与工具

1. Flash主工具栏

执行—窗口—工具栏—主工具栏。

2. 工具

常用的绘图工具(1)矩形工具、椭圆工具、基本矩形工具、基本椭圆工具、多角星形工具,如图2-1-1。图2-1-1提示:若要画出正圆形或正方形,选择好矩形工具或椭圆工具后,先按住Shift键,再拖动鼠标绘制。(2)贴紧对象

贴紧至对象,工具会在拖动图形绘制至某一角度,让图形自动吸附靠近图形。(3)对象绘制

当打开对象绘制时,在同一个图层内绘制图形可以任意重叠,而在移动图形时,不会影响到其他的图形。(4)线条

线条工具可以用来绘制线段。选择线条工具,在舞台上按住鼠标左键进行拖动,即可绘制线条。按住Shift键拖动可以将线条限制为倾斜45度的倍数。在属性面板中可以设置线条的颜色、粗细、线条样式(笔触样式)等设定。笔触的样式可以通过单击“自定义”按钮,在弹出的“笔触样式”对话框中进行设置。(5)铅笔

使用铅笔工具可以给出各种线条,选择铅笔工具后,在“铅笔模式”可以选择笔触样式,如图2-1-5-1。图2-1-5-1

1)直线化

利用铅笔工具绘制直线时,选中直线化选项后,Flash会使新绘制的线条尽量地接近垂直线或水平线。图2-1-5-2

2)平滑

利用铅笔工具绘制时,选中平滑选项后,Flash会对新绘制的线条进行平滑效果的处理。图2-1-5-3

3)墨水

使用铅笔工具的墨水选项后,绘制出的线条Flash不会改变。图2-1-5-4(6)刷子

使用刷子工具可以绘出自然的线条,也可以是一种填色的工具。选择刷子工具后,在选项中会出现对象绘制、刷子模式、锁定填充、刷子大小、刷子形状等相关设置。如图2-1-6-2。图2-1-6-2(7)钢笔图2-1-7

2.2 绘制乡村小屋

1. 新建文档,大小550 × 400像素,背景颜色为白色。图2-2-1

2. 利用多角星形工具,绘制一个三角形,为房子的侧面。填充轮廓大小为3,颜色为黑色。填充色为FFCCOO。

3. 选择矩形工具绘制一个矩形,放在三角形的下方,宽度和高与三角形相等。填充为FFFF99。图2-2-2

绘制一个小矩形放在黄色矩形的里面,作为房子侧面的窗户。填充色为#00FFFF,用线条工具绘制两根线条,呈十字架状。图2-2-3

4. 绘制一个长方形,并使用任意变形工具进行变形,放置在三角形的右边,与三角形重合,作为房子的正面房顶。填充色为FF3333。图2-2-4

5. 利用矩形工具绘制一个矩形,放置在平行四边形的下边。填充颜色为FFFF99。图2-2-5

6. 分别利用矩形工具绘制好门和窗户。填充门的颜色为:#990000,窗户的颜色和效果与前面相同。

7. 选择线条工具沿房子两边绘制2根沿长线,作为地平面。图2-2-6

8. 绘制阶梯,选择矩形工具,在门的前面绘制几个小矩形条。图2-2-7

9. 绘制烟囱,用线条和矩形工具,绘制效果如图。颜色为红色。

10. 绘制炊烟,选择椭圆工具,绘制如图,填充颜色为00CCFF。图2-2-8

11. 保存退出。

2.3 绘制小鸟

1. 新建文档,大小为默认,背景颜色为白色。

2. 执行“插入—新建元件”,名称为“小鸟头”,类型为影片剪辑。

3. 选择椭圆工具,供绘制一个椭圆,大小为75 × 55像素,颜色为#AC6800.

4. 选择椭圆工具,供绘制一个椭圆作为小鸟的眼睛,大小为23 × 23像素,颜色为白色。再用椭圆工具绘制一个小圆点作为眼珠,填充为黑色。

5. 绘制一个矩形,利用选择工具,将其调合成一个嘴的形状,填充颜色为#FFCC33。图2-3-1

6. 绘制鸟的身体,用矩形工具,绘制一个矩形,并用选择工具进行变形。

7. 使用线条工具,绘制一根线条,放在矩形的下方。执行Ctrl+B,将其打散。后背位置填充颜色为#AC6800,腹部填充颜色为DEB661。图2-3-2

8. 绘制鸟的翅膀,利用线条多角星形工具,绘制一个三角形,并对其进行变形,填充颜色为ECE9D8。

9. 新建元件,绘制鸟的翅膀,用矩形工具,绘制一个矩形,再用选择工具进行变形,中间用线条工具加2根细线,填充轮廓颜色为#683200,填充颜色为955110。图2-3-3

10. 新建元件,命名为“小鸟飞”,将小鸟的各个部分结合起来,如图:图2-3-4

11. 保存,导出。

2.4 绘制小花的效果

1. 新建文档,大小和背景为默认。

2. 绘制花瓣,用钢笔工具绘制形状。

3. 在中间加两条弧线。

4. 将花瓣填充上渐变颜色,并进行调整,效果见图:图2-4-1

5. 执行Ctrl+G,进行给合。

6. 在场景中拖入元件,单击右键,选择面板——变形,宽度和高度均为100%,旋转角度为72度,应用并复制。点4次。一共是5个花瓣。图2-4-2

7. 新建图层,命名“花蕊”。

8. 使用刷子工具绘制一个不规则的形状,如图:图2-4-3

9. 新建元件,命名“叶子”。

10. 用钢笔工具绘制线条。

11. 再用钢笔工具绘制叶子的另一半。

12. 选中上面的叶子,填充为渐变填充。

13. 将花和叶子进行组合,效果如图2-4-4。图2-4-4

14. 保存,导出。

2.5 瓢虫

1. 新建文档,大小550 × 400像素,背景白色。

2. 使用椭圆工具绘制一个正圆,选中图形,打开混色器,将填充样式设为放射状,颜色为左红右黑,如图2-5-1。图2-5-1

3. 点击图形填充部分,选择填充变形工具,单击填充颜色,在出现带有三个手柄的环形边框后,按住鼠标上边的手柄进行调整。

4. 新建图层,选择线条工具,在椭圆的上方绘制2根水平线,在下方绘制一根垂直线。效果如图2-5-2。图2-5-2

5. 选择上方直线填充为黑色,ALPHA值为85%,下方的直线颜色为白色,ALPHA值为55%。竖线的颜色为黑色,ALPHA值为30%。

6. 新建图层,用椭圆工具绘制黑色的斑点,如图2-5-3。图2-5-3

7. 新建图层,选择椭圆工具,绘制上方的高光部分,填充为线性,颜色为左边浅灰色,ALPHA值为100%,右边深灰色,ALPHA值为0%,如图2-5-4。图2-5-4

8. 选择填充变形工具进行变形。

9. 新建图层,命名为“触角”。绘制效果如图2-5-5。图2-5-5

10. 导出动画,保存。

2.6 绘制猫头鹰

1. 新建图层1,命名为“背景”。

2. 用矩形工具,绘制一个矩形,大小与背景相同。

3. 填充上背景颜色为#2B5EAA。图2-6-1

4. 新建图层2,命名为“树枝”。用刷子工具,填充颜色为:左边FEB445,右边#FDA92D、#A9FD1C,绘制效果如图:图2-6-2图2-6-3

5. 新建图层3,命名为“月亮”。选择椭圆工具,绘制一个正圆,295 × 275像素,填充为渐变填充,类型为放射状,分别填充颜色为白色,ALPHA值为52%;白色,ALPHA值为0%。图2-6-4

6. 新建图层4,命名为“星星”。选择多角星形工具,绘制五角星,填充色为FFFF00,并复制多个,效果如图:图2-6-5

7. 新建图层5,命名为“猫头鹰”。选择多角星形工具,绘制一个三角形,填充颜色为:#AE40A4,用选择工具进行变形,执行Ctrl+G进行组合。

8. 新建图层6,命名为“眼睛”。选择椭圆工具绘制一个正圆,大小40 × 20像素,填充白色。执行复制,粘贴命令,将圆复制一个,并缩小,填充上黑色。

9. 选中两个圆,组合。并复制一个放在右边,调整好位置。

10. 新建图层7,命名为“翅膀”。用钢笔工具,绘制翅膀,填充颜色为#FFCCCC。图2-6-6

11. 导出动画,保存。

2.7 风景

1. 新建文档,大小为550 × 400像素,背景为渐变填充。图2-7-1

2. 绘制树,新建元件,命名为“树1”。在舞台上绘制一个空心圆,用选择工具进行调整。

3. 新建图层,用钢笔工具沿画好的圆作参考,绘制一个圆形。

4. 用选择工具将各个结节的直线调整为曲线,并用部分选取工具将部分曲线的弧度调整得大一些。图2-7-2

5. 用同样的方法绘制出树冠部分,并填充上颜色。图2-7-3

6. 复制作一个作为阴影部分。图2-7-4

7. 画出树干的阴影部分,并填充颜色。命名为“枝杆”,用钢笔工具画出树干。选中前面的图层,复制一个,用缩放工具进行缩小的旋转。放在树的右边作为枝干。回到场景,在舞台上绘制一个矩形,并填充上渐变填充,效果如图:图2-7-5

8. 新建图层,命名为“山峰”。用铅笔工具,选择墨水选项,画出山峰,填充上蓝色的线性渐变,并将山峰图层放在山坡图层的后面。图2-7-6

9. 选中树,并复制多个进行排列。图2-7-7

10. 新建图层,命名为“山坡”,复制图层1的矩形,用选择工具进行变形,并填充浅绿色到深绿色的渐变。图2-7-8

11. 新建图层,复制山坡层的图形,用选择工具进行变形,并填充浅绿色到深绿色的渐变。图2-7-9

12. 新建图层,命名为“云”。选择椭圆工具,随意绘制椭圆,效果如图,去掉轮廓线,执行:修改—形状—柔化填充边缘。距离为20px,步骤数10,方向为扩展。图2-7-10

13. 导出,保存。

2.8 工具应用

1. 新建文档,大小540 × 400像素,背景白色。

2. 选择矩形工具绘制一个矩形,大小和背景相同,填充为渐变填充。颜色为#66CCFF,#FFCCCC,#FFFFFF。效果如图:图2-8-1

3. 新建图层2,命名为“草地”。用矩形工具绘制一个矩形,再用部分选取工具进行变形,并填充渐变填充,颜色为#339900、#66FF33。效果如图:图2-8-2

4. 新建图层3,命名为“草地1”,步骤参照步骤3。效果如图:图2-8-3

5. 新建图层4,命名为“树”。用椭圆工具绘制一个椭圆,放在上面,填充放射状填充。颜色依次为#66CC00、#2F5401。绘制一个矩形放在下面,填充为#663300。效果如图:图2-8-4

6. 新建图层5,命名为“树1”,颜色参上,效果如图:图2-8-5

7. 新建图层6,命名为“房子”。用钢笔工具绘制房顶,颜色为#FF6600,用椭圆工具绘制几个小圆随意进行摆放,效果如图。选择矩形工具,绘制一个矩形,用部分选取工具进行变形,填充颜色为#FFCC66。选择铅笔工具,绘制门部分,颜色为#663300。效果如图:图2-8-6

8. 新建图层7,命名为“小路”。用钢笔工具绘制出形状,并填充上颜色。图2-8-7

9. 新建图层8,命名为“太阳”。选择多角星形工具,绘制一个太阳,颜色为#FFCC00。图2-8-8

10. 新建图层9,命名为“眼睛”。选择椭圆工具绘制小椭圆,填充为黑色,再绘制一个小椭圆,填充为白色,放在黑色圆的中间,并调整好位置。用线条工具,绘制一根线条,再用部分选取工具进行变形。图2-8-9

11. 新建图层10,命名为“云”。选择椭圆工具,绘制4个椭圆,填充为白色。效果如图:图2-8-10

12. 导出影片,保存。

2.9 小青蛙

1. 新建文档,大小550 × 400像素,背景颜色为#FF99CC。图2-9-1

2. 将图层1改名为“头”,新建元件,绘制效果如图:图2-9-2注:青蛙脸部、眼睛的颜色为#A8FB23,红晕的颜色为#FF5D2E,嘴上的颜色为#681200,舌头的颜色为#D95B60,眼框和眼珠分别为白色和黑色。

3. 新建图层2,命名为“衣服”。新建图形元件,利用钢笔工具、椭圆和矩形绘制形状如图,颈部颜色为#A8FB23,衬衫为白色,领带为#236D9E。图2-9-3

4. 将衣服层放置在“头”层下面。

5. 新建图层名称为“右手”,利用椭圆工具绘制一个椭圆。填充色为#A8FB23,用CTRL+G进行组合,选择矩形工具绘制一个矩形,并用部分选取工具进行变形,填充为白色。效果如下:图2-9-4

6. 新建一层,名称为“左手”,复制“右手”,粘贴到左手层,执行修改—变形—水平翻转。

7. 新建一层,名称为“脚”,放在图层的最下方,选择钢笔工具绘制裤子的形状,并进行填充,颜色为#236D9E,轮廓颜色为#14406F。选择椭圆工具,绘制2个椭圆放在裤子的下面,作为脚,填充色为#A8FB23。图2-9-5

8. 将各图层进行编辑组合位置。最后效果如图:图2-9-6

9. 导出SWF格式的动画,保存。

第3章 逐帧动画

逐帧动画是一种常见的动画形式(Frame By Frame),其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。

因为逐帧动画的帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大,但它的优势也很明显:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似于电影的播放模式,很适合于表演细腻的动画。例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以及精致的3D效果等。

3.1 打字效果

1. 新建文档,大小为550 × 400像素,背景颜色为黑色。

2. 选中图层1,重命名为“字母”。

3. 选中第4帧,按F6添加关键帧,在舞台上输入字母”G”。图3-1-1

4. 在第5帧处,添加关键帧,输入字母“O”。图3-1-2

5. 重复以上步骤,每添加一帧,添加一个字母。最后效果如图:图3-1-3

6. 新建图层2,命名为“光标”。

7. 在第1帧处,用线条工具,绘制一条横线,如图:图3-1-4

8. 在第2帧处插入一个空白关键帧。(光标闪动的效果)

9. 在第3帧处将光标移动到字母“G”的右下方。图3-1-5

10. 重复第9步,每添加一帧,将光标移动到将要显示的字母的下方。图3-1-6注:选显示光标,再显示字母。

11. 保存。

3.2 砖体字

1. 新建文档,大小300 × 100像素,背景颜色为白色。

2. 选择矩形工具,绘制一个矩形,填充颜色#CC6600,并用任意变形工具倾斜效果进行倾斜、调合。图3-2-1

3. 绘制一个矩形放在该矩形的左下方,填充色为#CC9900。用任意变形工具倾斜效果进行倾斜、调合。图3-2-2

4. 再绘制一个矩形,放在正前方,填充颜色为#990000。

5. 选中全部图形,按Ctrl+G进行组合。图3-2-3

6. 在第2帧处插入关键帧,复制一个放在前面。图3-2-4

7. 重复上述步骤,至26帧,得到效果。

8. 在第40帧处插入帧。图3-2-5

9. 保存,导出动画。

3.3 眨眼的小猫

1. 新建文档,大小550 × 400像素,背景颜色为白色。

2. 点击图层1,重命名为“头”。

3. 利用椭圆工具绘制一个圆,大小为250 × 220像素,颜色为放射状#FFFFFF、#CCFFFF。在第40帧处插入帧。图3-3-1

4. 新建图层2,更改名称为“脚”。利用椭圆工具绘制2个椭圆,大小为50 × 40像素,颜色为白色。在第40帧处插入帧。图3-3-2

5. 新建图层3,重命名为“鼻子”。用椭圆工具绘制一个椭圆,大小为40 × 30像素,颜色为放射状填充#FFFFFF、#6699FF。图3-3-3

6. 新建一层,重命名为“嘴”,分别用线条工具绘制,效果如图:图3-3-4

7. 新建一层命名为“耳朵”,绘制如图:图3-3-5

8. 新建一层,命名为“眼睛”,分别利用椭圆和线条工具绘制眼睛的2种状态,如图:图3-3-6图3-3-7

9. 将睁开的效果放在第一帧,在第15帧处绘制第2种状态。在第30帧处,复制第1帧的内容,达到眨眼的效果。图3-3-8

10. 保存,导出SWF格式的动画。

第4章 动画补间动画

动画补间动画是指在Flash的时间帧面板上,在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,Flash将自动根据二者之间的帧的值创建动画。动画补间动画建立后,时间帧面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头;构成动画补间动画的元素是元件,包括影片剪辑、图形元件、按钮、文字、位图、组合等,但不能是形状,只有把形状组合(Ctrl+G)或者转换成元件后才可以做动画补间动画。

形状补间动画和动画补间动画都属于补间动画。前后都各有一个起始帧和结束帧,二者之间的区别如图4-1所示。图4-1

选择时间轴的关键帧,单击右键,在弹出的菜单中选择新建补间动画,建立“动画补间动画。如图4-1-1所示。图4-1-1

在属性面板上单击补间旁边的“小三角”,在弹出的菜单中选择动作,如图4-1-2所示。图4-1-2

创建完成后在时间轴上的效果,如图4-1-3所示。图4-1-3

4.1 荷塘月色

1. 背景创建(1)新建Flash文档,设置舞台大小为300 × 260像素,背景色为深灰色(#666666)。如图4-1-4所示。图4-1-4(2)在图层一第一帧单击矩形工具,设置无线条,填充色为#0000CC到#0066CC的线性渐变,用鼠标在舞台工作区的下边拖曳,绘制一个蓝色的矩形湖面。如图4-1-5所示。图4-1-5(3)单击椭圆工具,设置线的颜色为无颜色,填充色为#FFFF00到#FFFFCC的放射状黄色。按住Shift键不放,在舞台上方拖曳鼠标,绘制一个黄色的圆月亮图形。将月亮和湖面选中,将它们组成群组。如图4-1-6所示。图4-1-6(4)单击刷子工具,设置填充色为深绿色#009900,设置最小的竖形笔型。用鼠标在舞台工作区的上边拖曳,绘制出垂柳图形,然后组合。如图4-1-7所示。图4-1-7(5)单击椭圆工具,设置线的颜色为无颜色,填充色为#016D01到#03B803放射状绿色。在舞台工作区外拖曳绘制出绿色椭圆;再设置线的颜色为黑色,无填充色,在绿色椭圆之上绘制一个小圆并用刷子绘制几条线,形成荷叶图形。如图4-1-8所示。图4-1-8(6)单击选择工具,用鼠标拖曳出一个矩形选中荷叶,然后组合。按住Ctrl键不放,用鼠标拖曳荷叶图形,复制荷叶图形到湖面上,按照此种方法复制多个荷叶图形然后使用任意变形工具调整复制荷叶的大小和角度。

2. 蜻蜓动画制作(1)新建图层2,导入蜻蜓素材到舞台中,并放置于合适位置,选择图层2第30和60帧分别插入关键帧,选择图层1在第60帧插入普通帧。如图4-1-9所示。图4-1-9(2)在图层2的第30和60帧处分别改变蜻蜓的位置并创建动画补间。如图4-1-10所示。图4-1-10

4.2 桌球

1. 新建Flash文档,调整舞台大小,将图层1命名为“球桌”,从素材中导入球桌素材,设置球桌大小和舞台相同,并将球桌相对于舞台居中对齐,后锁定球桌图层。如图4-2-1所示。图4-2-1

2. 绘制白色母球,打开时间轴面板,新建图层,并双击该图层,将其命名为白球。用椭圆工具画一个灰白渐变的30 × 30像素的正圆,用颜料桶工具将高亮点调到左边一点,然后删除圆形轮廓线。并将其组合。如图4-2-2所示。图4-2-2

3. 与制作白球相同,新建图层,并双击该图层,将其命名为红球。如图4-2-3所示。图4-2-3

4. 制作白球撞击黑球,在白球图层第15帧处按F6键插入关键帧,在球桌图层和黑球图层15帧处按F5键插入普通帧,用选择工具将白球移到黑球边上,并在白球层添加传统补间。如图4-2-4所示。图4-2-4

5. 在黑球图层15帧处按F6,然后在35帧处按F6,并将黑球移到右上底袋处后创建补间动画。在球桌图层35帧处按下F5。如图4-2-5所示。图4-2-5

6. 在白球图层45帧处按下F6,将白球偏向下面前移一点距离并创建补间动画。如图4-2-6所示。图4-2-6

7. 完成制作,保存测试影片。

4.3 八戒照镜子

1. 绘制一面镜子。

打开任务一中创建的文档,将图层1命名为镜子。选择椭圆工具,绘制椭圆,并把镜子内部颜色的alpha值设为40%,然后将该层锁定。如图4-3-1所示。图4-3-1

2. 导入外部素材。

单击插入图层按钮,插入图层2并将图层2命名为八戒,执行“文件”→“导入”→“导入到舞台”命令,选择素材库中的“八戒.jpg”文件,如图4-3-2所示。

试读结束[说明:试读内容隐藏了图片]

下载完整电子书


相关推荐

最新文章


© 2020 txtepub下载