FlashCS4动画制作实战教程

Flash CS4 动漫制作案例教程 (1)

6.“属性”面板
对于正在使用的工具或资源，使用“属性”面板可以很容易地查看和更改它们的属性，从而简化文档的创建过程。当选定单个对象时，如文本、组件、形状、位图、视频、组、帧等，“属性”面板中可以显示相应的信息和设置。当选定了两个或多个不同类型的对象时，“属性”面板中会显示选定对象的总数。
属性栏
主工具栏
选择“窗口 > 工具栏 > 主工具栏”命令，可以调出主工具栏，还可以通过鼠标拖动改变工具栏的位置。
3.工具栏
选择“窗口 > 工具”命令，可以调出工具箱。
工具栏
4.时间轴
时间轴用于组织和控制文件内容在一定时间内播放。按照功能的不同， “时间轴”窗口分为左、右两部分，分别为层控制区和时间线控制区。时间轴的主要组件是层、帧和播放头。
7. GIF序列文件（*.gif）
网页中常见的动态图标大部分是GIF动画形式，它是由多个连续的GIF 图像组成的，在Flash动画时间轴上的每一帧都会变为GIF动画中的一张图片。GIF动画不支持声音和交互，并且比不含声音的SWF动画文件所占的存储空间大选择“文件 > 导出 > 导出影片”命令，弹出“导出影片”对话框，在“文件名”选项的文本框中输入要导出序列文件的名称，在“保存类型” 选项的下拉列表中选择“GIF序列文件（*.gif）”，单击“保存”按钮，弹出“导出GIF”对话框。
新建文档对话框
2.打开文件
选择“文件 > 打开”命令，弹出“打开”对话框，在对话框中搜索路径和文件，确认文件的类型和名称。然后单击“打开”按钮或直接双击要打开的文件，即可打开所指定的动画文件。
打开Байду номын сангаас话框
3.保存文件

Flash CS4 动漫制作案例教程 (4)

移动帧
选中一个或多个帧，按住鼠标，移动所选帧到目标位置。在移动过程
中如果按住Alt键，会在目标位置上复制所选的帧。删除帧
用鼠标右键单击要删除的帧，在弹出的快捷菜单中选择“清除帧”命
令。选中要删除的普通帧，按Shift+F5组合键删除帧。选中要删除的关
键帧，按Shift+F6组合键删除关键帧。
4.2.5 实战演练-制作摄像机广告
前进一帧按钮
停止按钮转到第一帧按钮后退一帧按钮播放按钮
转到最后一帧按钮
应用“播放”命令选择“控制 > 播放”命令或按Enter键，可以对当前舞台中的动画进行浏览。在“时间轴”面板中可以看见播放头在运动，随着播放头的运动，舞台中显示出播放头所经过的帧上的内容。应用“测试影片”命令选择“控制 > 测试影片”命令或按Ctrl+Enter组合键，可以进入动画测试窗口，对动画作品的多个场景进行连续的测试。应用“测试场景”命令选择“控制 > 测试场景”命令或按Ctrl+Alt+Enter组合键，可以进入动画测试窗口，测试当前舞台窗口中显示的场景或元件中的动画。
4.3.2 设计理念
在设计制作过程中，
以蓝色的渐变背景给人知性和高雅的印象，右下角
放射状图形引导人们的视
线，突出人物图片和文字。下方的橘黄色图形使画面显得亮丽温馨，展现出青春和时尚感。以人物照片和文字点明宣传的主题，易博得人们的好感。
购物广告效果图
4.3.3 操作步骤
4.1 制作演唱会广告
案例分析
设计理念操作步骤相关工具
4.1.1 案例分析
本例是为即将在音乐广场演出的流行音乐演唱会设计的广告。在广告的设计上要表现出号召力和音乐感染力，要调动形象、色彩、构图、形式等元素营造出强烈的视觉效果，使主题更加突出明确。

Flash cs4 动画制作教程 (2)-18页文档资料

:::::《计算机基础与实训教材系列》系列丛书官方网站
tupwk/edu :::::
2.2.4 填充工具
绘制图形之后，就可以进行颜色的填充操作，Flash CS4中的填充工具主要包括【颜料桶】工具、【墨水瓶】工具、【滴管】工具、【刷子】工具和【喷涂刷】工具。
:::::《计算机基础与实训教材系列》系列丛书官方网站
选择工具视图工具
:::::《计算机基础与实训教材系列》系列丛书官方网站
2.3.1 选择工具
Flash CS4中的选择工具可以分为【选择】工具、【部分选取】工具和【套索】工具，分别用来抓取、选择、移动和调整曲线；调整和修改路径和自由选定要选择的区域。
:::::《计算机基础与实训教材系列》系列丛书官方网站
:::::《计算机基础与实训教材系列》系列丛书官方网站
tupwk/edu :::::
2.3 使用辅助工具
在Flash CS4中的辅助工具主要是用来辅助设计的，主要分为选择工具和视图工具两大块。其中选择工具包括【选择】工具、【部分选取】工具和【套索】工具；视图工具包括【手形】工具、【缩放】工具以及标尺和网格。
2.3.2 视图工具
Flash CS4中的视图工具可以分为【手形】工具、【缩放】工具以及标尺和网格，分别用来平移设计区中的内容、放大或缩小设计区显示比例和在设计区中显示标尺和网格。
:::::《计算机基础与实训教材系列》系列丛书官方网站
谢谢！
Flash中的图形类型图像的色彩模式 Flash CS4常用图像
:::::《计算机基础与实训教材系列》系列丛书官方网站
2.1.1 FLASH中的图形类型
计算机中的数图像，通常分为位图图像和矢量图形两种类型。

Flash CS4 动漫制作案例教程 (6)

效果图
6.2 制作英文诗歌教学片头
案例分析
设计理念操作步骤相关工具
6.2.1 案例分析
网络英文教学是现在非常流行的一种教学模式。它可以根据教学的内容来设计制作生动有趣的动画效果，吸引大家浏览和学习。教学片头在设计上要注意颜色的搭配，声音与图形的出场时间要保持一致。
6.2.2 设计理念
课堂学习目标
掌握节目片头与MTV的设计思路掌握节目片头与MTV的制作方法掌握节目片头与MTV的应用技巧
6.1 制作卡通歌曲MTV
案例分析设计理念操作步骤相关工具
6.1.1 案例分析
卡通歌曲MTV是现在网络中非常流行的音乐形式，它可以根据歌曲的内容来设计制作生动有趣的MTV节目，吸引儿童浏览和欣赏。需要注意的是，MTV在设计上要抓住儿童的心理和喜好。
一般情况下，Flash CS4的舞台只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，Flash CS4提供的绘图纸（洋葱皮）功能可以将其实现。在时间轴面板下方的按钮功能如下。
“帧居中”按钮：单击此按钮，播放头所在帧会显示在时间轴的中间位置。 “绘图纸外观”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围内的帧上的对象将同时显示在舞台中。 “绘图纸外观轮廓”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞台中。 “编辑多个帧”按钮：单击此按钮，绘图纸标记范围内的帧上的对象将同时显示在舞台中，可以同时编辑所有的对象。 “修改绘图纸标记”按钮：单击此按钮，弹出其下拉菜单。
添加声音文件后的时间轴面板
2.“属性”面板
在“时间轴”面板中选中声音文件所在图层的第1帧，按Ctrl+F3组合键，弹出帧“属性”面板。

Flash CS4的使用与实例

图2-13 补间形状动画属性面板
一、形状渐变效果——变形的球
4）渐变变形工具
“渐变变形工具”主要用于调整渐变色填充和位图填充的效果。它可以调整渐变色的方向、范围和角度等，从而使图形的填充效果更加符合要求。
渐变方式包括线性渐变和放射状渐变。
图2-14 线性渐变控制柄
图2-15 放射状渐变控制柄
一、形状渐变效果——变形的球
三、文字载入效果—— 多媒体技术与动画
4、小结通过文字载入效果案例，学习逐帧动画的制作方法、文字的输入及属性设置、图层的操作和帧的操作。

2.2渐变动画的特殊效果
形状渐变效果——变形的球形状提示渐变效果——运动的盒子运动渐变效果——林丹电子相册

一、形状渐变效果——变形的球
3、方法步骤
1）新建文档，舞台大小设为550×300，将文件保存为 “变形的球.fla”。 2）绘制一个黄色（#FFFF00）的小球，大小45×45，在第50帧按<F6>键插入一个关键帧。 3）单击第1帧，选中刚绘制好的小球，按住<Ctrl>键拖动小球，再复制四个大小相同的小球。 4）单击“绘图制外观”，选择第50帧，将50帧的球放大到93×93。选择“颜色”面板，设置：填充色的类型为放射状，颜色由内到外从黄色（#FFFF00）到绿色（#00FF00），如图2-16所示。
二、形状提示渐变效果——运动的盒子
4）在“图层1”第30帧处插入关键帧，在1-29帧之间任意帧上右击，并在弹出的快捷菜单中选择“创建补间形状”，创建成功后，如图2-18所示。
1、效果图
(a)第1帧图像
(b)第40帧图像
(c)第50帧图像
图2-12 “变形的球”效果图

Flash CS4动画制作项目实训教程 .ppt

第一节常用时间轴控制函数和事件
三、制作动画播放控制 1．制作播放按钮 2．制作重放按钮 3．部署按钮 4．添加脚本
网络动画设计与制作
第一节常用时间轴控制函数和事件
四、添加声音开关按钮 1．建立声音元件及控制按钮 2．给“声音开关”元件添加代码 3．使用声音开关
网络动画设计与制作
第一节常用时间轴控制函数和事件
第二节 Actionscript高级使用——动画下载进度条制作
八、任务拓展 1．给第六章第二节所制作的“弹出广告”
动画文件，添加下载进度条。
网络动画设计与制作
第三节组件应用——用户注册界面
一、知识要点 1．组件的含义及类型
组件是制作这些内容的丰富 Internet 应用程序的构建块。按照功能，Flash CS4中包含的组件可以分为四类：用户界面组件（User Interface），媒体组件（Media），数据组件（Data），和视频组件（Video），
网络动画设计与制作
第七章 Actionscript和组件
第一节常用时间轴控制函数和事件第二节 Actionscript高级使用第三节组件应用
网络动画设计与制作
第一节常用时间轴控制函数和事件
一、知识要点 1．ActionScript2.0放置的位置 2．动作面板 3．Actionscript语法规则 4．常用时间轴控制函数
从这个任务中我们也学习了场景、动态文本、数学函数等相对高级的交互性内容。也要求大家灵活运用这些技术制作更加完善的交互式动画作品。
由于脚本内容过于多，这里我们不能面面俱到，所以只提供给大家几个常用的交互代码。如果同学们需要更为复杂的交互功能，可以参考Flash CS4官方的文档。

精品文档-中文版Flash CS 4网页动画实例教程(解本巨)-第5章

拉列表，其中显示了本地计算机中安装的字体，选择所需要的字体即可，如图5-9所示。
图5-9 选择字体
第5章文本、滤镜与声音
【样式】：用于设置文字的样式，如加粗、倾斜等。并不是所有的字体都可以设置样式，通常情况下，中文字体不能设置样式，而部分英文字体(如Arial、Myriad Pro等)才可以设置样式。
入文本。不同的文本类型可以满足不同的动画要求，但是它们的基本属性设置是一样的。
1. 静态文本静态文本是指制作动画时为动画加入的注释性文字，或者是作为动画对象出现的文字，也就是一般意义上的文字。使用静态文本类型，可以对文字进行各种格式的设置。静态文本的【属性】面板如图5-3所示。
第5章文本、滤镜与声音图5-3 静态文本的【属性】面板
第5章文本、滤镜与声音
图5-17 设置了边距的效果
图5-18 “垂直，从左向右”排列的效果
第5章文本、滤镜与声音 5.1.5 创建文本链接
通过【属性】面板，还可以为文本创建超链接。其方法非常简单，只需要选择文本，然后在【属性】面板的【选项】中输入URL地址即可，并且可以设置目标网页的打开方式，如图 5-19所示。
第5章文本、滤镜与声音
2. 动态文本动态文本是指能够实时反映动作或程序对文字变量值的改变，具有鲜明的动态效果的文字。在制作动画时，使用动态文本可以建立简单的交互，如搜索表单、用户登录表单、天气预报、股票信息等。使用动态文本类型输入的文字相当于变量，其内容从服务器支持的数据库中读出，或者从其它的影片中载入。动态文本的【属性】面板如图5-4所示。
橘黄色(#FF9900)，如图5-31所示。
图5-31 【颜色】面板
第5章文本、滤镜与声音

精品文档-中文版Flash CS 4网页动画实例教程(解本巨)-第7章

第7章动画制作技术图7-10 创建补间形状动画后的显示
第7章动画制作技术
7.2.2 课堂实践——流泪动画补间形状动画是Flash中比较常见的动画类型，它需要使
用图形对象来创建动画。下面我们制作一个“流泪动画”实例，体会补间形状动画的制作过程与要点，本例的动画的瞬间效果如图7-11所示。
第7章动画制作技术图7-11 动画的瞬间效果
第7章动画制作技术
(1) 创建一个新的Flash文档。 (2) 按下Ctrl+J键，在【文档属性】对话框中设置尺寸为550×345像素、背景颜色为灰色(#CCCCCC)、帧频为12 fps。 (3) 按下Ctrl+R键，导入本书光盘“第7章”文件夹中的 “bg.swf”文件，调整图形的位置如图7-12所示。 (4) 在“图层1”的上方创建一个新图层“图层2”，导入本书光盘“第7章”文件夹中的“girl.swf”文件，并调整女孩的位置如图7-13所示。
帧中的内容相当繁琐。本例将使用“橡皮擦工具” 并结合“翻转帧”操作制作一个简单的写字动画，帮助读者理解逐帧动画的概念，动画的瞬间效果如图7-2所示。
第7章动画制作技术图7-2 动画的瞬间效果
第7章动画制作技术
(1) 创建一个新的Flash文档。 (2) 按下Ctrl+J键，在【文档属性】对话框中设置尺寸为280×400像素、背景颜色为白色、帧频为12 fps。 (3) 按下Ctrl+R键，导入本书光盘“第7章”文件夹中的 “hh.jpg”文件，调整图片的位置如图7-3所示。 (4) 在【时间轴】面板中创建一个新图层“图层2”，然后选择工具箱中的“文本工具” ，在舞台中输入“荷”字，并设置适当的字体与大小。 (5) 在【时间轴】面板中再创建一个新图层“图层3”，用同样的方法，在舞台中输入“花”字，并调整好位置，如图 7-4所示。