二维动画制作电子教案(12计算机)12_第1页
二维动画制作电子教案(12计算机)12_第2页
二维动画制作电子教案(12计算机)12_第3页
二维动画制作电子教案(12计算机)12_第4页
二维动画制作电子教案(12计算机)12_第5页
已阅读5页,还剩146页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

教案

2013学年第二学期

课程FlashCS4二维动画制作

计划学时120_____________

授课专业计算机

授课班级12计算机班

授课教_________

2013年12月12日

百色市财经职业技术学校

第一章Flash动画基础知识

1教学目标

♦动画基本原理、动画的类型;

♦Flash动画的特点、有点和应用范围:

♦FlashCS4的启动与退出,工作界面组成,窗体结构及面板设置;

♦Flash文档的新建、打开、保存和关闭;

♦设置Flash文档的属性;

♦Flash作品的发布、播放、测试、导出及优化方法,与Flash文档相关的文件类型。

上要求

了解Flash的用途、有点,掌握Flash的工作原理、界面、启动、坚信动画文档、保存

文档、工具面板、属性面板以及各种控制面板的布局方式和使用方法。

1重点与难点

♦了解Flash用途、优点;

♦掌握Flash的工作界面、启动、建新动画文档、保存文档、工具面板、属性面板

以及各种控制面板的布局和使用方法;

♦设置Flash文档的属性,Flash影片的发布和播放。

1.1欣赏优秀动画作品—了解动画

【案例欣赏】

1.1.1动画的分类

1.2Flash动画简介

1.2.1Flash动画的特点和优点

•FLASH动画的特点:

FLASH动画的优点:

1.2.2Flash动画的应用领域三

1.3FlashCS4的工作界面及基本操作【操作演示】

1.3.1FlashCS4的启动与退出,工作界面组成

1.3.3设置Flash文档的属

1.3.4Flash作品的发布、测试、导出及优化方法

1.3.5与Flash文档相关的文件类型

【实践与拓展】

学生上机操作题:

1、新建一个Flash文件,进行文档属性设置,对作品进行测试、导出、发布及优化。

2、点击工作界面的各项菜单、面板、工具,了解界面组成。

3、预览动画短片。

教学反思:

第二章Flash动画基本术语

1教学目标

♦时间轴的概念、时间轴面板中各元素的功能及操作方

♦帧的适用与编辑

♦图层的概念、创建图层以及编辑图层的方法

♦场景和舞台

♦动画元素的导入

♦元件的创建

▲要求

了解Flash时间轴的概念,掌握时间轴中各元素的功能及操作方法,掌握帧的类型与编

辑;了解Flash图层的概念,掌握创建图层以及编辑图层的方法,了解Flash场景和舞

台,掌握Flash的动画元素的类型(矢量图形、位图图像、文字对象、声音对象、影片剪辑、

动作脚本语句)。

4重点与难点

♦Flash时间轴的概念、时间轴中各元素的功能及操作方法

♦帧的类型与编辑

♦图层的创建及编辑

♦动画元素的类型及元件的创建

2.1认识Flash的时间轴与舞台

【课堂讲解】

2.1.1帧的类型和编辑

关键帧

属性关键帧

补间帧

静态帧

2.1.2图层的概念、作用、类型及基本操作

2.1.3场景和舞台

【实践与拓展】

1、制作键盘打字效果

2、自己制作倒计时效果

2.2了解Flash的动画元素

【实践与拓展】

上机操作题:

1、制作星星闪动效果

2、制作简单按钮

教学反思:

第三章Flash绘图工具的使用

上教学目标

♦工具箱中各绘图工具的使用,以及辅助选项和属性的设置

♦颜色设置的方法

♦图形的选择、修改、复制、粘贴、变形、对齐等基本编辑方法

♦形状图形绘制特点和应用

♦组合图形的编辑方法

♦特效文字的制作方法

♦卡通形象、场景的绘制技巧

4-要求

掌握绘图工具、视图工具、调色工具的使用方法,掌握复制选项和属性的设置,了解形

状图形的绘图特性,能灵活运用绘制简单图形,掌握简单卡通图形的编辑技巧。

1重点与难点

♦使用选择工具选择并修改节点和图形;

♦钢笔工具的使用;

♦部分选择工具的使用;

♦颜色的编辑,笔触和填充的设置与编辑;

♦文本的输入与编辑,文本的打散与分离;

♦组合图形与形状图形的绘制方法

3.1图形的绘制

案例1:绘制线条——绿叶

案例2:多种工具绘制——绘制窗帘

【课堂讲解】

3.1.1绘图工具的使用

矩形角半径控件

绘制基本椭圆

使用刷子工具涂色

用钢笔工具绘制直线

用钢笔工具绘制曲线

添加或删除锚点

移动或添加另一个锚点

删除锚点

3.1.2选择工具和部分选取的使用

【实践与拓展】

学生上机练习:

1、绘制桃树

2、卡通米奇

3、自由绘制

3.2图形颜色的填充

【案例欣赏】

旋转的风车美丽的夜景

案例L旋转的风车

【案例分析】

通过本实例的制作介绍部分绘图工具、任意变形工具的熟练运用,并使用箭头工具将矩

形拖成叶片的形状,然后将其转换成“叶片”元件,复制“叶片”元件组成8个叶片的风车。

将其转换成“风车”元件,使用动作简便的旋转功能做成旋转的风车。

【操作演示】

①执行“文件”I“新建”命令,创建一个新的文件。

②执行“修改”“文档”命令,弹出“文档属性”对话框。在其中设置文档的尺寸为420Px

X300px,背景色为黑色(#000000),

③从工具箱中选取矩形工具,然后在颜色栏中的''笔触颜色”选项中选择无色,在“填充

色”选项中选择深黄色(#FFFF00)。在工作区中绘制一个矩形,如图所示。

④从工具箱中选取箭头工具,然后将矩形左上角的顶点向右拖动到与右上角的定点重合,

如图所示。

⑤用鼠标分别拖动三角形的两条直角边生成•段圆弧,调整使圆弧连续。然后对三角形的

斜边加工,使它也呈现一定的弧度,如图所示。

©选中工作区中的叶片,然后执行“插入”“转换为元件”命令,在弹出的“旋转为元

件”对话框中的“名称”文本框中输入“叶片”,如图所示。

⑦双击工作区中的叶片,进入元件编辑模式,然后将叶片移动如图所示的位置。

⑧执行“编辑”I“编辑文档”命令或单击工作区左边的场景1图标,退出元件编辑模式。

⑨选中工作区中的叶片,按下Ctrl+C键复制,然后执行“编辑”|“粘贴到当前位置”命

令。执行“修改”I“变形””缩放与旋转”命令,在弹出的“缩放和旋转”面板中设

置“旋转”的值为45,如图所示,旋转后的叶片如图所示。

⑩重复步骤,在复制6个叶片,组成8个叶片的风车,如图所示。

⑪选中工作区中的叶片,执行“插入”I”转换为元件”命令。然后在弹出的“转换为元

件”对话框中的“名称”文本框中输入“风车”,将8个“叶片”元件转换成-一个“风

车”元件,如图所示。

⑫单击图层1的第30帧,执行“插入”|“关键帧”命令,插入关键帧。

⑬单击图层1的第1帧,右击选择“创建补间动画”选项,并在“属性”面板上的“旋转”

下拉列表中选择“顺时针”选项,如图所示。

⑭保存文件,并执行“控制”I“测试影片”命令,观看动画的效果,如图所示。

案例2:美丽的夜景

【案例分析】

通过美丽的风景的制作,进一步熟悉绘图工具、任意变形工具和颜料桶工具的使用。创

建“雪地”、“月亮”和“松树”图层,作为美丽风景的主题,然后通过添加雪花,使风景更

加迷人。

【操作演示】

①执行“文件”I“新建”命令,创建一个新文件。

②执行''修改文档”命令,弹出''文档属性”对话框。在其中设置文档的尺寸为540Px

X300px,背景色为黑色(#000000),帧频为6fps,如图3-32所示。

图3-32

③双击图层1,将其图层名改为“雪地”。

(4)从工具箱中选取线条工具,然后在颜色栏中的“笔触颜色”选项中选择白色(#FFFFFF),

在工作区的边上画3条直线。

⑤从工具箱中选取铅笔工具,然后在颜色栏中的“填充色”选项中选择白色(JtFFFFFF),

单击工作区中绘制一条曲线,如图3-33所示。

图3-33

⑥从工具箱中选取颜料桶工具,然后在颜色栏中的“填充色”选项中选择白色0FFFFFF),

单击工作区中的封闭区域,如图3-34所示。

图3-34

⑦单击“时间轴”对话框左边的“插入图层”按钮,添加图层2,并将其图层名改为“月

亮”。

⑧从工具箱中选取椭圆工具,在“笔触颜色”选项中选择黄色(#FFFFOO),在“填充色”

选项中选择黄色(#EFFFOO)o然后在工作区中绘制一个圆和椭圆,如图3-35所示。

图3-35

⑨选中工作区的椭圆,按下Delete键删除。然后从工具箱中选取任意变形工具,将“月

亮”旋转一定的角度,移到工作区的右端上,如图3-36所示。

图3-36

⑩单击“时间轴”对话框左边的“插入图层”按钮,添加图层3,并将其图层名改为“松

树”。

⑪从工具箱中选取矩形工具,在“笔触颜色”选项中选择无色,在“填充色”选项中选择

深褐色(#660000),然后在工作区中绘制一个矩形。

⑫从工具箱中选取线条工具,然后在颜色栏中的“笔触颜色”选项中选择绿色(#00FF00),

在工作区中绘制3个三角形。

⑬从工具箱中选取箭头工具,并将3条边拖成3段弧。

⑭从工具箱中选取颜料桶工具。然后在颜色栏中的“填充色”选项中选择绿色(#00FF00),

单击工作区中的三角形,并将3个三角形移到矩形上,如图3-37所示。

J

图3-37

⑮选中工作区中的“松树”,然后执行“修改”|“组合”命令,将“松树”转换成群组。

⑯选中工作区中的“松树”,然后按下Ctrl+C键复制,再按下Ctrl+V键粘贴,复制3棵

“松树”。

⑰从工具箱中选取任意变形工具,将3棵“松树”按一定的比例缩放,如图3-38所示。

J

图3-38

⑱单击“时间轴”对话框左边的“插入图层”按钮,添加图层4,并将其图层改为“雪花”。

⑲执行“插入”I“新建元件”命令,弹出“创建新元件”对话框。在其中输入元件名称

为“雪球”,选中“行为”选项组中的“图形”单选按钮,如图3-39所示。

图3-39

⑳从工具箱中选取椭圆工具,在“笔触颜色”选项中选择无色,在“填充色”选项中选择

白色,然后在工作区中绘制一个圆。

21执行“编辑”I“编辑文档”命令或单击工作区左边的场景1图标,退出元件编辑模式。

22单击图层1的第1帧,然后执行“窗口”|“库”命令,打开“库”面板,用鼠标将“雪

球”元件拖到曲线的上端,按住Alt键,复制多个“雪球”,如图3-40所示。

图3-40

【课堂讲解】

3.2.1填充变形工具

使用“任意变形”工具或“修改”〉“变形”菜单中的选项,可以将图形对象、组、

文本块和实例进行变形。根据所选元素的类型,可以变形、旋转、倾斜、缩放或扭曲该元

素。在变形操作期间,可以更改或添加选择内容。

在对对象、组、文本框或实例进行变形时,该项目的‘'属性”检查器会显示对该项目

的尺寸或位置所做的任何更改。

在涉及拖动的变形操作期间会显示一个边框。该边框是一个矩形(除非用“扭曲”

命令或“封套”功能键修改过),矩形的边缘最初与舞台的边缘平行对齐。变形手柄位于

每个角和每个边的中点。在拖动时,边框可以预览变形。

移动、重新对齐、更改和跟踪变形点

在变形期间,所选元素的中心会出现一个变形点。变形点最初与对象的中心点对齐。

您可以移动变形点,将其返回到它的默认位置以及移动默认原点。

对于缩放、倾斜或者旋转图形对象、组和文本块,默认情况下,与被拖动的点相对的

点就是原点。对于实例,默认情况下,变形点是原点。您可以移动变形的默认原点。

1.选择任意变形工具初,或从“修改”>“变形”命令中选择一个。

开始进行变形之后,您可以在“信息”血板和“属性”检查器中跟踪变形点的位

置。

2.请执行下列操作之一:

o若要移动变形点,清在所选图形对象中拖动变形点。

o若要使变形点与元素的中心点重新对齐,请双击变形点。

O若要切换缩放或倾斜变形的原点,请在变形期间拖动所选时象控制点的同时

按住Alt键(Windows)或Option键(Macintosh)„

o若要在“信息”面板中显示变形点坐标,请单击“信息”面板中的“注册/

变形点”按钮。按钮的右下方会变成一个圆圈,表示已显示注册点坐标。

在选中了中心方框时,“信息”面板中坐标网格右边的X和Y值将显示变形点

的x和y坐标。此外,变形点的X和Y值还会显示在元件的属性检查器中。

坐标网格;“信息”面板,其中包含处于变形模式的“注册/变形点”按钮,并显

示选区变形点的x和y坐标。

默认情况下,“注册/变形点”按钮处于注册模式下,并且X和Y值显示当前选

区左上角相对于舞台左上角的位置。

注:对于元件实例,X和Y值显示元件注册点的位置,或元件实例左上角的位

置。

使用任意变形工具

可以单独执行某个变形操作,也可以将诸如移动、旋转、缩放、倾斜和扭曲等多个变

形操作组合在一起执行。

注:“任意变形”工具不能变形元件、位图、视频对象、声音、渐变或文本。如果多

项选区包含以上任意一项,则只能扭曲形状对象。要将文本块变形,首先要将字符转换成

形状对象。

①在舞台上选择图形对象、组、实例或文本块。

②单击“任意变形”工具注o

在所选内容的周围移动指针,指针会发生变化,指明哪种变形功能可用。

③若要使所选内容变形,请拖动手柄:

o要移动所选内容,将指针放在边框内的对象上,然后将该对象拖动到新位置。

不要拖动变形点。

O要设置旋转或缩放的中心,请将变形点拖到新位置。

O要旋转所选内容,将指针放在角手柄的外侧,然后拖动。所选内容即可围

绕变形点旋转。按住Shift并拖动可以以45度为增量进行旋转。

o若要围绕对角旋转,请按住Alt键(Windows)或按住Option键

(Macintosh)并拖动。

o要缩放所选内容,沿对角方向拖动角手柄可以沿着两个方向缩放尺寸。按

住Shift键拖动可以按比例调整大小。

O水平或垂直拖动角手柄或边手柄可以沿各自的方向进行缩放。

O要倾斜所选内容,将指针放在变形手柄之间的轮廓上,然后拖动。

o要扭曲形状,按住Control键(Windows)或按住Command键(Macintosh)

拖动角手柄或边手柄。

o若要锥化对象,即将所选的角及其相邻角从它们的原始位置一起移动相同的

距离,请同时按住Shift和Ctrl(Windows)或者同时按住Shift和

Command(Macintosh)并单击和拖动角部手柄。

④若要结束变形操作,请单击所选项目以外的地方。

扭曲对象

对选定的对象进行扭曲变形时,可以拖动边框上的角手柄或边手柄,移动该角或边,

然后重新对齐相邻的边。按住Shift拖动角点可以将扭曲限制为锥化,即该角和相邻角

沿相反方向移动相同距离。相邻角是指拖动方向所在的轴上的角。按住Control键单击

(Windows)或按住Command键单击(Macintosh)拖动边的中点,可以任意移动整个边。

您可以使用“扭曲”命令扭曲图形对象。还可以在将对象进行任意变形时扭曲它们。

注:“扭曲”命令不能修改元件、图元形状、位图、视频对象、声音、渐变、对象组或文

本。如果多项选区包含以上任意一项,则只能扭曲形状对象。若要修改文本,首先要将

字符转换为形状对象。

①在舞台上选择一个或多个图形对象。

②选择“修改”>“变形”>“扭曲”。

③将指针放到某个变形手柄上然后拖动。

④若要结束变形操作,请单击所选择的一个或多个对象以外的地方。

用封套功能键修改形状

“封套”功能键允许您弯曲或扭曲对象。封套是一个边框,其中包含一个或多个对象。

更改封套的形状会影响该封套内的对象的形状。您可以通过调整封套的点和切线手柄来编

辑封套形状。

注:“封套”功能键不能修改元件、位图、视频对象、声音、渐变、对象组或文本。如

果多项选区包含以上任意一项,则只能扭曲形状对象。若要修改文本,首先要将字符转换

为形状对象。

①在舞台上选择形状。

②选择“修改”>“变形”>“封套”。

③拖动点和切线手柄修改封套。

缩放对象

缩放对象时可以沿水平方向、垂直方向或同时沿两个方向放大或缩小对象。

①在舞台上选择一个或多个图形对象。

②选择“修改”>“变形”>“缩放”。

③请执行下列操作之一:

要沿水平和垂直方向缩放对象,请拖动某个角手柄。缩放时长宽比例仍

旧保持不变。按住Shift键拖动可以进行不一致缩放。

要沿水平或垂直方向缩放对象,请拖动中心手柄。

若要结束变形操作,请单击所选择的•个或多个对象以外的地方。

注:在同时增加很多项目的大小时,边框边缘附近的项目可能移动到舞台外面。

如果出现这种情况,请选择“视图”>“剪贴板”以查看超出舞台边缘的元素。

使对象旋转和倾斜

旋转对象会使该对象围绕其变形点旋转。变形点与注册点对齐,默认位于对象的中心,

但您可以通过拖动来移动该点。

可以通过以下方法旋转对象:

•使用“任意变形”工具防拖动(可以在同一操作中倾斜和缩放对象)。

•通过在“变形”面板中指定角度(可以在同一操作中缩放对象).

通过拖动旋转和倾斜对象

①在舞台上选择一个或多个对象。

②选择“修改”>“变形”>“旋转与倾斜”。

③请执行下列操作之一

拖动角手柄旋转对象。

❖拖动中心手柄倾斜对象。

④若要结束变形操作,请单击所选择的一个或多个对象以外的地方。

将对象旋转90度

①选择一个或多个对象。

②选择“修改”>“变形”>“顺时针旋转90度”进行顺时针旋转,或选择

“逆时针旋转90度”进行逆时针旋转。

倾斜对象

倾斜对象可以通过沿一个或两个轴倾斜对象来使之变形。您可以通过拖动或在“变

形”面板中输入值来倾斜对象。

①选择一个或多个对象。

②选择“窗U”>“变形”。

③单击“倾斜”。

④输入水平和垂直角度值。

翻转对象

您可以沿垂直或水平轴翻转对象,而不改变其在舞台上的相对位置。

①选择对象。

②选择“修改”>“变形”〉“垂直翻转”或“水平翻转”。

还原变形对象

使用“变形”面板缩放、旋转和倾斜实例、组以及字体时,Flash会保存对象的初始

大小及旋转值。该过程使您可以删除已经应用的变形并还原初始值。

选择“编辑”>“撤消”只能撤消在“变形”面板中执行的最近一次变形。在取消选

择对象之前,单击“变形”面板中的“删除变形”按钮,可以重置在该面板中执行的所有

变形。

将变形的对象还原到初始状态

①选择变形的对象。

②选择“修改”>“变形”>"删除变股'。

重置在变形面板中执行的变形

・:•在变形对象仍处于选中状态时、单击“变形”面板中的“删除变形”按钮在。

3.2.2颜料桶工具

颜料同工具主要用来填充颜色,它的使用方法与墨水瓶工具类似。

具体操作如下:

1.单击绘图工具面板中的“颜料桶工具"②按钮。

2.在颜料桶工具“属性”面板中对填充色进行设置。

3.单击选项栏中按钮,再续阿泽列表中选择相应的填充模式,如图3-41所示。

比T\口J"

・/.近/夕

2R

O.■O不封闭空隙

——O封闭小空隙一

O封闭中等空隙

(J封闭大空隙

图3-41

填充菲比和区域是要在选项工具区设置颜料桶的填充模式。

①不封闭空隙:此时只能填充封闭区域。

②封闭小空隙:当区域空隙较小时可以填充。

③封闭中等空隙:当区域空隙中等时可以填充。

④封闭大空隙:当区域空隙较大时仍然可以填充。

4.将颜料桶工具移动到所需填充的图形上,单击鼠标完成填充。

3.2.3滴管工具

滴管工具用于获取已有图形颜色以及类型等的属性,它能够对矢量线、矢量图、位图和

文字的属性进行复制,并将它应用到场景上不同的对象。

单击绘图工具面板中的“滴管工具”团按钮后,单击图形边框或填色,可以是笔触颜

色或填充色的设定预备单机图形中的颜色设定•样。并且,若单击的是填色,当前工具便会

自动变成颜料同工具,若单击的是轮廓线,则当前工具会自动变成墨水瓶工具。

【实践与拓展】

1.为图形填充颜色

2.绘制蜡烛

3.游鸭戏水

3.3图形的处理

【案例欣赏】

案例:导入位图,去除背景

【案例分析】

有时候并没有那么多的矢量图怎么办?不要着急,只要可以找到相关的位图或者其他压

缩格式的图像,也可以经过Flash处理后变成适合使用的图像素材、

【操作演示】

①运行FlashCS4,新建一个Flash空白文档。打开“属性”面板设置相关属性,如

图所示。按Ctrl+L键打开库,可以看到舞台和库中什么也没有。

②执行“文件”I“导入”I“导入到库”,选择素材(位置:素材,第3章、蝴蝶.png)

导入到库,现在看看库里面是不是有东西了?如果需要时直接从库里血拖出来即可。

③将库中的图像拖到舞台,选中该图像,下面我们要对它进行处理。执行“修改”I

“位图”I“转化位图为矢量图”,在对话框中设置些相关参数。如图所示。最终

效果如图所示。

提示:颜色阈值指颜色范围,数值越小转换的质量越好,当然也就越慢。最小区域数值

越小,画面和原图越接近,当然速度也就慢一些。

④转换玩的矢量图•般都有白色的底色,下面操作去掉这些底色。单击工具箱的套索

工具,然后再单击工具箱底部的魔术棒按钮,这是鼠标形状变成了形状,在图像的

白色边缘处单击鼠标左键,即可选中底色,单击Del键删除即可。如图所示。

【课堂讲解】

3.3.1橡皮擦工具

对于工作取的图形,除了使用【套索工具】将不需要的部分删除,还可以使用【橡皮擦

工具】擦除。选择【橡皮擦工具】后,在工作区的选项曲线是橡皮擦的选项,包括擦除模式、

橡皮擦形状和水龙头。

选择【橡皮擦工具】为,单击【擦除模式】按钮。,,在弹出的下拉菜单中有5个选

项,如图所示。

・O标准擦除

—O擦除埴色

O擦除线条

©擦除所选埴充

O内部擦除

橡皮擦工具的选项

①【标准擦除】模式,用于擦出他经过的当前图层上的所有笔触和填充。

②【擦除填充】模式,只擦除填充区域,不会影响笔触。

③【擦除线条】模式,只擦除笔触,不影响填充。

④【擦除所选填充】模式,只擦除当前选定的填充,并不影响笔触(不管笔触是否被

选中)。以这种模式使用【橡皮擦工具】之前,请选择要擦出的填充。

⑤【内部擦除】模式,只擦出橡皮擦笔触开始处的填充。如果从空白点开始擦除,则

不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。

在【选项】下选择【水龙头】,单击需要擦出的填充区域或笔触段,可以快速将其擦除。

如果只擦除一部分笔触或填充区域,就需要通过拖动进行擦除。

操作技巧:双击【橡皮擦工具】,可以删除"舞台"上所有内容。

3.3.2套索工具

套索工具用来选取不规则的区域,利用它,我们可以更自由的选区任何形状的图形。单

击绘图工具面板中的“套索工具”P按钮,移动鼠标到场景中画出要选择区域范围的边框,

即可将所画边框范围内的部分选中。如图所示。

选中套索工具后,套索工具选项如图所示。

・魔术棒:用于在大三的为图中选择颜色相同或相近的所有区域。

・魔术棒设置:单击该按钮打开“魔术棒设置”对话框,如图所示,在这里对魔术棒

的阈值和平滑属性进行设置。阈值:用于定义选取范围内的颜色与单击处像素颜色

的相近程度,输入的数值越大,选取的相邻区域范围就越大。平滑:用于定于所选

区域的边缘的平滑度。

・多边形的模式:按下“多边形模式”按钮,鼠标移动到场景中单击,画出一个多边

形选择区域,双击则结束选择。

3.3.3图像的导入

执行菜单“文件”I“导入”I“导入到舞台”,选择所需要路径下的位图图片,即可将

图片导入到舞台。如果执行“文件”I“导入”“导入到库”,则需要打开“库”对话框,

将图片拖入舞台。

3.3.4处理导入的图像

将位图导入Flash时,该位图可以修改,并可用各种方式在Flash文档中使用它。

如果Flash文档中显示的导入位图的大小比原始位图大,则图像可能扭曲。若要确保

正确显示图像,请预览导入的位图。

在舞台上选择位图后,“属性”检查器会显示该位图的元件名称、像素尺寸以及在舞台

上的位置。使用属性检查器,可以交换位图实例一即,用当前文档中的其它位图的实例

替换该实例。

3.3.5分离命令

若要将组、实例和位图分离为单独的可编辑元素,请使用“分离”命令,这会极大地

减小导入图形的文件大小。

尽管可以在分离组或对象后立即选择“编辑”〉“撤消”,但分离操作不是完全可逆

的。它会对对象产生如下影响:

•切断元件实例到其主元件的链接

・放弃动画元件中除当前帧之外的所有帧

将位图转换成填充

在应用于文本块时,会将每个字符放入单独的文本块中

应用于单个文本字符时,会将字符转换成轮廓。

不要将“分离”命令和“取消组合”命令混淆。“取消组合”命令可以将组合的对

象分开,并将组合的元素返回到组合之前的状态。它不会分离位图、实例或文字,或将

文字转换成轮廓。

【实践与拓展】

1、为图形去除背景

3.4文本工具的使用

【案例欣赏】

多彩文字

【案例分析】

【操作演示】

①新建一个文件,把背景色定义为黑色,大小为400PxX400px。

②从工具箱中选取文本工具,在“属性”面板中设置字型为“华文楷体”,字体大小

为96,颜色为绿色,然后在工作区中输入文字“工作室”。

③选中刚输入的文字,从工具箱中选取任意变形工具,将选中的文字放大到工作区相

符的大小。

④按下Ctrl+B键,将文字打散成可以独立修改、编辑的图案。然后选择颜料桶工具,

在“混色器”面板中设置由白到黑的放射状填充,单击各打散的文字,将它们都填

充为放射状渐变的色彩,如图所示。

⑤从工具箱中选取墨水瓶工具,设定“笔触颜色”为黑色,“笔触高度”为2。单击时

间轴上的第5帧,改变外框的颜色,再选择颜料桶工具,改变填充灰度设置。

⑥重复步骤5,依次在第10帧、第15帧、第20帧和第25帧处插入关键帧,并改变

外框字的颜色,重新生成外框线,改变灰度设置,重新填充字体。其中第25帧中

外框线和灰度设置都与第1帧相同,以便循环播放时,保持颜色变化的连续性、第

15关键帧的文字图形如图所示。

第5帧中的文字图形第10帧中的文字图形

第15帧中的文字图形第20帧中的文字图形

第25帧中的文字图形

⑦单击图层1,在工作区下方的“属性”面板中设置帧的形状渐变动画,这时各关键

帧中出现浅绿色背景的黑色箭头。按下Ctrl+Enter键,可以测试动画效果。

【课堂讲解】

3.4.1输入文本

默认情况下,文本是水平的,但是静态文本也可以垂直对齐。可以使用最常用的字处

理方法编辑Flash中的文本。使用“剪切”、“复制”和“粘贴”命令可以在Flash文

件内、在Flash和其它应用程序之间移动文本。

1.向舞台中添加文本

(1)选择“文本”工具T。

(2)在“属性”检查器(“窗口”〉“属性”)中,从弹出菜单中选择一种文本类

型来指定文本字段的类型:

动态文本

创建一个显示动态更新的文本的字段。

输入文本

创建一个供用户输入文本的字段。

静态文本

创建一个无法动态更新的字段。

仅限静态文本:在“属性”检查器中,单击“改变文本方向”他.,然后选择一

种文本方向和流向。(默认设置为“水平”。)

在舞台上,执行下列操作之一:

o要创建在一行中显示文本的文本字段,请单击文本的起始位置。

o要创建定宽(对于水平文本)或定高(对于垂直文本)的文本字段,请将指

针放在文本的起始位置,然后拖到所需的宽度或高度。

注:如果创建的文本字段在您键入文本时延伸到舞台边缘以外,文本将不会丢

失。若要使手柄再次可见,可添加换行符,移动文本字段,或选择“视图”>“剪

贴板”.

在“属性”检查器中选择文本属性。

更改文本字段的大小

❖拖动文本字段的调整大小手柄。

选中文本后,会出现一个蓝色边框,您可以通过拖动其中一个手柄来调整文本字段的

大小。静态文本字段有4个手柄,使用它们可沿水平方向调整文本字段的大小。动态文

本字段有8个手柄,使用它们可沿垂直、水平或对角线方向调整文本字段的大小。

在定宽(或定高)与可延伸之间切换文本字段

❖双击调整大小手柄。

选择文本字段中的字符

①选择“文本”工具T。

②请执行下列操作之一:

O通过拖动选择字符。

O双击选择一个单词。

O单击指定选定内容的开头,然后按住Shift单击指定选定内容的末

尾。

O按Ctrl+A选中字段中的所有文本。

选择文本字段

。使用“选取”工具、单击一个文本字段。按住Shift并单击可选择多个文本字段。

设置动态和输入文本选项

①在一个现有动态文本字段中单击.

②在“属性”检查器中,确保弹出菜单中显示了“动态”或“输入”。

③输入文本字段的实例名。

④指定文本的高度、宽度和位置。

⑤选择字体和样式。

⑥在属性检查器的“段落”部分中,从“行为”菜单中指定下列选项之一:

单行

将文本显示为一行.

多行

将文本显示为多行。

多行不换行

将文本显示为多行,并且仅当最后一个字符是换行字符(如Enter(Windows)

或Return(Macintosh))时,才换行。

①若要允许用户选择动态文本,请单击“可选”雨。取消选中此选项将使用户

无法选择动态文本。

②若要用适当的HTML标签保留丰富文本格式(如字体和超链接),请单击“将

文本呈现为HTML”4>o

③若要为文本字段显示黑色边框和白色背景,请单击”在文本周围显示边框”

(可选)在“变量”框中,输入该文本字段的变量名称。

④单击“字符嵌入”,选择嵌入的字体轮廓选项:

不嵌入

指定不嵌入字体。

自动填充

单击“自动填充”以嵌入选定文本字段中的所有字符。

2.为垂直文本设置首选参数

①选择“编辑”>“首选参数"(Windows)或“Flash”>“首选参

数”(Macintosh),然后在“首选参数”对话框中单击“文本”类别。

②在“垂直文本”下,设置下列任意选项:

默认文本方向

自动将新的文本字段设置为垂直方向。

从右至左的文本流向

使垂直文本行按从右至左的方向填充页面。

不调整字距

不对垂直文本应用字距微调。(字距微调依然可用于水平文本。)

3.4.2设置文本的属性

1.设置字体、磅值、样式和颜色

(1)使用“选取”工具、选择舞台上的一个或多个文本字段。

(2)在属性检查器(“窗口”>“属性”)中,从“系列”弹出菜单中选择一种字

体,或者输入字体名称。

注:_sans、_serif、.typewriter和设备字体只能用于静态水平文本。

(3)输入字体大小的值。

字体大小以磅值设置,而与当前标尺单位无关。

(4)若要应用粗体或斜体样式,请从“样式”菜单中选择样式。

如果所选字体不包括粗体或斜体样式,则在菜单中将不显示该样式。可以从“文

本”菜单中选择仿粗体或仿斜体样式(“文本”>“样式”>“仿粗体”或“仿斜

体”)。操作系统已将仿粗体和仿斜体样式添加到常规样式。仿样式可能看起来

不如包含真正粗体或斜体样式的字体好。

(5)从“消除锯齿”弹出菜单(位于“颜色”控件正下方)中选择一种字体呈现方

法以优化文木。

(6)若要选择文本的填充颜色,请单击“颜色”控件,然后执行下列操作之一:

①从“颜色”菜单中选择颜色。

②在左上角的框中键入颜色的十六进制值。

③单击“颜色选择器”@1,然后从系统颜色选择器中选择一种颜色。(设置

文本颜色时,只能使用纯色,而不能使用渐变。要对文本应用渐变,应分离

文本,将文本转换为组成它的线条和填充。)

2.设置字母间距、字距微调和字符位置

字母间距功能会在字符之间插入统一数量的空格。使用字母间距可以调整选定字符或

整个文本块的间距。

字距微调控制字符对之间的距离。许多字符都有内置的字距微调信息。例如,A和V

之间的距离通常比A和D之间的距离短。Flash同时提供水平间距调整和字距微调(对

于水平文本)以及垂直间距调整和字距微调(对于垂直文本)功能。

对于垂直文本,可以在“Flash首选参数”中禁用默认情况下字距微调。如果您执行

此操作并使字距微调选项在“属性”检查器中保持选定状态,那么字距微调将仅仅应用于

水平文本。

①使用“文本”工具T选择舞台上一个或多个句子、短语或文本字段。

②在属性检查器(“窗口”)“属性”)中,设置以下选项:

o若要指定字母间距(间距和字距调整),请在“字母间距”字段中输入值。

o若要使用字体的内置字距调整信息,请选择“自动调整字距”。

o若要指定上标或下标字符位置,请单击“切换上标”或“切换下标”按钮。

默认位置是“正常”。“正常”将文本放置在基线上,“上标”将文本放

置在基线之上(水平文本)或基线的右侧(垂直文本),“下标”将文本

放置在基线之下(水平文本)或基线的左侧(垂直文本)。

3.设置对齐、边距、缩进和行距

对齐方式决定了段落中的每行文本相对于文本字段边缘的位置。水平文本相对于文本

字段的左侧和右侧边缘对齐,垂直文本相对于文本字段的顶部和底部边缘对齐。文本可以

与文本字段的一侧边缘对齐,或者在文本字段中居中对齐,或者与文本字段的两侧边缘对

齐(两端对齐)。

边距决定了文本字段的边框与文本之间的间隔量。缩进决定了段落边界与首行开头之

间的距离。

行距决定了段落中相邻行之间的距离。对于垂直文本,行距将调整各个垂直列之间的

距离。

使用水平文本

①使用''文本”工具T选择舞台上的一个或多个文本字段。

②在属性检查器(“窗u”>“属性”)中,设置以下选项:

O要设置对齐方式,可单击“左对齐”、“居中”、“右对齐”或“两

端对齐”。

O若要设置左边距或右边距,请在属性检查器的“段落”部分的“边

距”文本字段中输入值。

O若要指定缩进,请在属性检查器的“段落”部分的“缩进”文本字段

中输入值。

O若要指定行距,请在属性检查器的“段落”部分的“行距”文本字段

中输入值。

使用垂直文本

①使用''文本”工具T选择舞台上的一个或多个文本字段。

②在属性检查器(“窗口”>“属性”)中,设置以下选项:

O要设置对齐方式,可单击“上对齐”、“居中”、“下对齐”或“两

端对齐”。

O若要设置上边距或下边距,请在属性检查器的“段落”部分的“边

距”字段中输入值。

O若要指定缩进,请在属性检查器的“段落”部分的“缩进”文本字段

中输入值。

O若要指定行距,请在属性检查器的“段落”部分的“行距”文本字段

中输入值。

4.为所选文本选择消除锯齿选项

。在“属性”检查器中,从'‘消除锯齿”弹出菜单中选择以下选项之•:

使用设备字体

指定SWF文件使用本地计算机上安装的字体来显示字体。通常,设备字体采用大

多数字体大小时都很清晰。尽管此选项不会增加SWF文件的大小,但会使字体显

示依赖于用户计算机上安装的字体。使用设备字体时,应选择最常安装的字体系列。

位图文本(未消除锯齿)

关闭消除锯齿功能,不对文本提供平滑处理。用尖锐边缘显示文本,由于在SWF文

件中嵌入了字体轮廓,因此增加了SWF文件的大小。位图文本的大小与导出大小

相同时,文本比较清晰,但对位图文本缩放后,文本显示效果比较差。

动画消除锯齿

通过忽略对齐方式和字距微调信息来创建更平滑的动画。此选项会导致创建的SWF

文件较大,因为嵌入了字体轮廓。为提高清晰度,应在指定此选项时使用10磅或

更大的字号。

可读性消除锯齿

使用Flash文本呈现引擎来改进字体的清晰度,特别是较小字体的清晰度。此选

项会导致创建的SWE文件较大,因为嵌入了字体轮廓。若要使用此选项,必须发布

到FlashPlayer8或更高版本。(如果要对文本设置动画效果,请不要使用此选

项,而应使用“动画消除锯齿”。)

自定义消除锯齿

使您可以修改字体的属性。使用“清晰度”可以指定文本边缘与背景之间的过渡的

平滑度。使用“粗细”可以指定字体消除锯齿转变显示的粗细。(较大的值会使

字符看上去较粗。)指定“自定义消除锯齿”会导致创建的SWF文件较大,因为

嵌入了字体轮廓。若要使用此选项,必须发布到FlashPlayer8或更高版本。

3.4.3打散文本

您可以分离文本,将每个字符放在单独的文本字段中。然后可以快速地将文本字段分

布到不同的图层并使每个字段具有动画效果。(不能分离可滚动文本字段中的文本。)

还可以将文本转换为组成它的线条和填充,以便对它执行改变形状、擦除等操作。如同其

它任何形状一样,您可以单独将这些转换后的字符分组,或者将它们更改为元件并制作动

画效果。将文本转换为线条和填充之后,就不能再编辑文本了。

注:分离命令只适用于轮廓字体,如TrueType字体。当您分离位图字体时,它们会

从屏幕上消失。

①使用“选取”工具、单击一个文本字段。

②选择“修改”>“分离”。

③选定文本中的每个字符都会放入一个单独的文本字段中。文本在舞台上的位

置保持不变。

④再次选择“修改”>“分离”将舞台上的字符转换为形状。

【实践与拓展】

1、制作个性文字

2、制作空心字

3.5图形调整与变形、对象的叠放

【案例欣赏】

绘制果盘

【案例分析】

本实例使用Flash的绘图工具来绘制一个堆满水果的卡通果盘。通过使用铅笔工具、刷

子工具、多角星形工具以及颜料桶工具来制作。

【操作演示】

①运行FlashCS4,新建一个Flash空白文档。执行“修改”|“文档”命令,打开

“文档属性”对话框,在对话框中将“尺寸”设置为400像素(宽)X250像素(高),

如图所示。设置完成后单击“确定”按钮。

②在工具箱选择多角星形工具,在“属性”面板中单击“选项”按钮,在弹出的“工

具设置”对话框中设置样式为“星形”,边数为“8”,星形顶点大小为“1.00”,如图所

示。完成后单击“确定”按钮。

③在舞台上拖动鼠标绘制一个8角星形,打开“颜色”面板,将填充样式设置为“放

射状”,渐变颜色设置为由白色到浅蓝色“#A2F4CE”,如图所示。然后使用颜料桶工具

填充星形,如图所示。

④在工具箱中单击椭圆工具,按住Shift键在舞台中绘制一个正圆形,并使圆形位于

8角星形正中。然后将其填充为绿色(#009966),如图所示。

⑤选中所绘制的全部图形,单击任意变形工具,将此图形垂直压缩,如图所示。

⑥选择线条工具勾勒出盘子的底部,并填充颜色,填充样式设置为“纯色”,填充颜

色为绿色"#004F33”,这样就绘制出了果盘,如图所示。

⑦锁定图层1,在“时间轴”面板中单击插入图层按钮插入图层2,选择椭圆工具,

在“属性”面板中设置笔触颜色为“#006600”,笔触高度为“3”,填充颜色为“#33CC00”。

在文档中绘制一个椭圆,如图所示。

⑧选择刷子工具,在椭圆上添加三道纹路作为西瓜的花纹,并使用任意变形工具对西

瓜进行倾斜变形,如图所示。

⑨按照同样的方法,使用铅笔工具绘制出两个苹果和三个李子的图形,并摆放位置,

如图所示。

⑩新建一个图层3,执行“文件”|“导入到舞台”命令,将一幅图像导入到舞台中

(位置:素材'第3章\制作果盘、背景.jpg),然后在“时间轴”面板中将图层3拖动到

图层1的下方,如图所示。

⑪执行“文件”

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论