Flashmx动画设计doc14.docx

Flashmx动画设计doc14.docx

《Flashmx动画设计doc14.docx》由会员分享，可在线阅读，更多相关《Flashmx动画设计doc14.docx（40页珍藏版）》请在冰点文库上搜索。

Flashmx动画设计doc14

Flash　mx动画设计：

第一节：

一、简介：

Flash是由Macromedia公司推出的一种优秀的交互式矢量动画制作和编辑软件。

二、启动方法：

（1）双击快捷图标

（2）开始菜单－程序－macromedia－flash

三、界面的组成：

（1）标题栏

（2）菜单栏

（3）工具箱

（4）时间轴

（5）工作区

（6）其它面板组

四、flash基本常识：

计算机可以显示矢量图形和位图图像两种格式。

其中Flash允许创建并产生动画效果的矢量图形，而不是位图图像，但在Flash中可以导入并编辑在其他应用程序中创建的位图。

（1）矢量图形－是使用直线、曲线来描述图像的。

特点缩放X倍不失真。

（2）位图图形－是使用带颜色的小点（即像素）来描述图像的。

特点图片生动、形象但放大到一定倍数时会产生虚像

（3）元件－就是指一个可以在影片中重复使用的元素

（4）帧－在flash中，每一个影格我们称为一帧。

关键帧是实的、非关键帧是虚的

（5）图层－均是透明的，用户观看时放在上层的对象会遮住下层对象的重叠部分。

分为普通层、引导层、遮罩层

（6）Flash动画的分类：

两种

（1）帧一帧传统动画

（2）补间动画

（7）创建新文档并设置属性

（8）使用影片浏览器

（9）使用图库、专属库、公用库

（10）使用辅助工具

（11）保存文件

五、基础操作：

（1）新建－文件－新建－ctrl+n

（2）打开－文件－打开－ctrl+o

（3）保存－文件－保存－ctrl+s

（4）另存为－文件－另存为－ctrl+shift+s

六、快捷键

撤消－ctrl+z

恢复－ctrl+y

七、工具：

（1）选择－V　操作：

绘制一个图形－箭头对其有三个功能：

选择、移动、变形

（2）部分选择－A　操作：

绘制一个图形－拖动出节点精细调整节点形状

（3）任意变形－Q　操作：

绘制一个图形－使用任意变形工具－移动、缩放、旋转、调整旋转中心－右键－扭曲、直线化、封套等

（4）填充变形－F　操作：

绘制一个图形－选择过渡颜色－使用填充变形工具－颜色的渐变就会发生变发－此工具只对渐变颜色起作用，单色无效

（5）线条－N　操作：

点击线条工具－选择笔触颜色－在页面拖动－按住shift键可以创建垂直、水平或45度角倍数的直线

（6）套索－L　魔棒　多边形　操作：

导入一位图－ctrl+b二次－鼠标移动至图片上点击－创建大面积的选区状态－可以删除

操作：

导入一位图－ctrl+b二次－通过鼠标点击第一点－第二点－下一点－形成封闭的路径后成为大面积选区状态－可以删除

（7）钢笔－P　操作：

点击钢笔工具－筢笔触颜色－单击一点－到下一点－按住鼠标不放拖动出曲线－封闭时用默认的填充颜色填充－也可以把填充颜色设置为空

在钢笔工具按ALT键可以加点或减点，也可以改变曲线的直曲，或者单独调整方向线

（8）文本－T　操作：

点击文本工具－输入文字－调整大小、位置、颜色、文字属性（直排、字间距、加粗、倾斜等）

（9）椭圆－O　操作：

点击椭圆工具－创建图形－按住shift键做正圆－按alt键是从中心做圆－按住shift+alt是从中心做正圆形

（10）矩形、多边形－R　操作：

点击矩形工具－创建图形－按住shift做正方形－按住alt是从中心做正方形－按住shift+alt是从中心做正方形－可以设置圆角半径值

八、实例：

1、透视文字的制作：

（1）新建文档

（2）输入文字工具－输入《祝福你：

圣诞节快乐》

（3）ctrl+b二次打散

（4）使用彩色渐变

（5）使用选择工具圈选上一部分文字－使用任意变形工具－右键－扭曲

（6）另一部分文字的调整方法同上

实例：

2、波浪文字的制作：

（1）新建文档

（2）输入文字《2008奥运年中国年》

（3）调整大小、位置、颜色

（4）Ctrl+b二次

（5）任意变形－封套

实例：

3、绘制小花

第二节

一、工具：

（1）铅笔－Y　操作：

使用铅笔工具－绘制线条－选项中－伸直：

转角自动伸直－平滑：

转角自动平滑－墨水：

没有变化

（2）刷子－B　操作：

点击刷子－选择填充颜色－选项：

画笔模式－标准绘画、颜色填充、后绘画、颜料选择、内部绘画

做一个带边线和填充的图形－用这五种画笔模式去涂抹－调整笔触的大小、形状

（3）墨水瓶－S　操作：

点击墨水瓶工具－做一个无边线的图形－对其进行单击－线条就描出来了

（4）颜料桶－K　操作：

点击颜料桶工具－做一个无填充的图形－对其进行单击－填充就出来了。

选项：

不封闭空隙－封闭小空隙－封闭中等空隙－封闭大空隙

（5）滴管－I　操作：

做两个不同颜色的图形－选中其中的一个－使用滴管点击另一个－填充色就会与其相同

（6）橡皮擦－E　操作：

绘制一个图形－带有内部和边线颜色－选项：

标准模式、擦除填充、擦除边线、擦除所选填充、内部擦除、水龙头－更改形状、大小

（7）抓手－H　操作：

选择抓手工具－平移舞台

（8）缩放－Z　操作：

选择缩放工具－针对整个舞台－不能改变图形本身的大小－只是显示比例参数发生变化－选项：

放大、缩小、局部放大－按住alt键可以在放大或缩小间切换－输入调整显示百分比例

（9）笔触颜色－指图形线条颜色，也可以无颜色

（10）填充色－指图形内部颜色，也可以无颜色

（11）黑白按钮－使用默认的笔触（黑）填充（白）色

（12）切换颜色－笔触和填充色交换

二、flash颜色的特点：

同色相加异色相减

三、实例1、月牙形

（1）新建画布

（2）利用椭圆工具，按shift键做正圆－填充为蓝色

（3）利用椭圆工具，按shift键做正圆－填充为红色

（4）让两圆重叠－删除红色－即生成月牙形状

实例2、心形的制作：

（1）新建画布

（2）利用椭圆工具做正圆

（3）将其边线删除

（4）利用选择工具在图形右下角35度处拖拽

（5）选中图形－ctrl+c复制

（6）Ctrl+shift+v原地粘贴

（7）利用选择工具－修剪成心形

实例3、浮雕文字的制作：

（1）新建画布

（2）背景色为＃999999

（3）输入文字－黑体、黑色、40号大小

（4）选中文本－ctrl+c复制

（5）Ctrl+b二次打散

（6）修改－形状－柔化填充边缘

（7）Ctrl+shift+v－原地粘贴－文本改为白色

（8）利用光标向左移动2次

（9）再原地粘贴－向右移动1次

第三节：

实例：

1、空心字的制作：

（1）新建画布

（2）

输入文字

（3）调整大小、位置

（4）Ctrl+b二次打散

（5）选中整个文本

（6）单击墨水瓶－选择与文字颜色不一样的颜色－点击文字线条

（7）

　Delete

2、绘制表情：

（1）新建画布

（2）绘制正圆

（3）填充为放射状

（4）左橙右白

（5）颜料桶设置高光点的位置

（6）直线工具画嘴

（7）选择工具调整嘴型

3、矩形按钮：

（1）新建画布

（2）背景色为＃999999

（3）绘制矩形－内部填充为线性

（4）两端为白中间自定义

（5）利用填充变形工具－旋转线性颜色90度－范围与高度一致

（6）选中复制－颜色更改为黑色

（7）ctrl+shift+v

（8）光标向左向上各二次

（9）使用文字工具输入《按钮》

4、胶囊的制作

（1）新建画布

（2）绘制一个正圆

（3）将边线删除

（4）内部填充为放射状

（5）左白、右橙－利用颜料桶工具在左上部填充

（6）用选择工具在中间剪切1/4

（7）向左移动左半部－ctrl+shift+v

（8）使用任意变形工具－调整大上

（9）整体缩放－在选择工具下－按住alt键可以复制多个

（10）任意变形工具－调整角度

5、星形的绘制：

（1）新建画布

（2）绘制矩形－边线设置为无

（3）内部填充－渐变－线性－两端黑中间白

（4）打开属性面板－宽180高3

（5）ctrl+t打开变形面板－旋转角度为30度－点击复制并应用其变形　

（6）全选－比例缩至原来的50%-30%－回车

（7）按住alt可以复制多个

6、位图填充

（1）新建画布

（2）在画布中任意绘制图形

（3）文件－导入到库－同时打开四幅图片

（4）选中内部填充

（9）打开混色器面板－位图

（10）在第10、20、30、40帧同时F6

（11）选中第1帧填充第一幅图像

（12）选中第10帧填充第二幅图像

（13）以此类推

（14）ctrl+回车

第四节

帧：

动画－就是由不同的画面按照一定的时间顺序进行播放就产生了动画，每个画面就是一帧。

帧的类型：

关键帧、空白关键帧、非关键帧

关键帧：

就是一个动作的起始和结束的画面

空白关键帧：

没有图形的帧

帧的操作：

插入关键帧、插入空白关键帧、拷贝帧、粘贴帧、剪切帧、删除帧、移动帧、转换为关键帧和转换为空白关键帧

1、闪烁文字的制作

（1）新建画布

（2）输入文字

（3）更改颜色、大小、位置

（4）ctrl+b一次

（5）有几个字点击几次－1次F6

（7）点击空白画布－点击第一个字

（8）更改文字颜色

（9）依次设置其它字

（10）ctrl+回车

2、跳动的变色字

（1）新建画布

（2）输入文字

（3）设置文字大小、字体、位置

（4）ctrl+b一次

（5）插入关键帧（帧数与字数相同）

（6）选中第1帧单击空白处，点击第1个字

（7）变换颜色－按住shift键向上向右二次移动光标

（8）选中第2帧单击空白处，点击第2个字

（9）变换颜色－按住shift键向上向右二次移动光标

（10）以此类推一依次制作其他帧

（11）ctrl+回车预览

3、绘制眨眼睛的效果：

（1）新建画布

（2）绘制笑脸

（3）第20帧－F6（插入关键帧）

（4）利用选择工具－在第20帧把眼睛向上翻没

（5）单击刷子工具－将其形状转换为椭圆

（6）利用，。

切换找准位置

（7）ctrl+回车

4、形变动画

（1）新建画布

（2）绘制一个椭圆

（3）删除边线－第30帧F6插入关键帧

（4）绘制一个矩形－删除椭圆

（5）选中第1帧－属性面板－将补间设置为形状

（6）第35帧点击F5延续帧

（7）ctrl+回车预览

5、形状变文字

（1）新建画布

（2）创建一个图形（心形）

（3）第30帧－F6

（4）将心形删除－输入文字

（5）调整大小、位置、颜色

（6）若想调整成为渐变颜色－将文字ctrl+b2次

（7）选中第1帧－属性面板－形状

6、连续形变的动画

（1）新建画布

（2）使用文字工具输入1

（3）第10帧F6－光标插入后输入+号

（4）第20帧F6－输入1

（5）第30帧F6－输入＝号

（6）第40帧F6－输入2

（7）分别在每个关键帧ctrl+b二次

（8）选中第1帧按住shift键点击第39帧

（9）打开属性面板－补间设置为形状

（10）ctrl+回车预览

第五节

元件：

是一个图像，按钮或电影剪辑，可以在电影中重复播放使用。

特点：

（1）可以简化电影的编辑

（2）电影文件尺寸缩减

　　　（3）加大了播放速度

类型：

图形、按钮、影片剪辑

1、文字由大到小

（1）新建画布

（2）输入文字

（3）将比例调大些

（4）按F8键－转换为图形元件

（5）第20帧－F6

（6）ctrl+t－约束比例设置为30%

（7）在第1-19帧的任意位置－右键－创建补间动画

（8）ctrl+回车预览

2、旋转飞入的图像

（1）新建画布

（2）文件菜单－导入－导入到舞台－ctrl+r

（3）调整图像的大小为550*400

（4）F8－转换为图形元件

（5）第40帧F6

（6）选中第1帧－修改菜单－变形－垂直或水平翻转

（7）约束比例为10%

（8）将图像移至左上角

（9）在1-39帧之间任意位置－右键－创建补间动画

（10）ctrl+回车预览

3、小球跳动

（1）新建画布

（2）绘制一个笑脸

（3）选中笑脸－F8转换为图形元件

（4）调整第1帧的笑脸靠上端

（5）分别在10、13、16、25帧处F6

（6）在第10帧按住shfit键下光标13次

（7）在第13帧按住shfit键下光标16次

（8）在第16帧按住shfit键下光标13次

（9）打开变形面板－将第13帧的约束比例设置为110%90%

（10）选中第1-24帧任意位置－右键－创建补间动画

（11）选中第1帧打开属性面板将缓动值设置为-100

（12）选中第16帧打开属性面板将缓动值设置为100

（13）ctrl+回车预览

4、流星动画效果：

（1）新建黑色画布

（2）用椭圆绘制一颗流星

（3）按F8－转换为图形元件

（4）调整第1帧的位置在右上角

（5）第10帧F6－移动慧尾的位置在左下角

（6）第11帧F6－绘制一颗星形

（7）将其F8－转换为图形元件

（8）将星形与慧尾重合后删除慧尾

（9）第16帧－F6

（10）打开变形面板－将旋转角度设为45度

（11）分别在第1-10帧和11-16帧之间创建补间动画

（12）ctrl+回车预览

第六节

图层－就像若干透明的溥片叠放在一起，观看时放在上层的对象会遮住下层的对象的重叠部分。

图层类型：

普通图层、引导图层、遮罩图层

图层的操作：

重命名、选择、新建、移动、隐藏、锁定、删除

1、滚动的小球

（1）新建画布

（2）绘制一个小球（多色）

（3）按F8－转换为图形元件

（4）第60帧－F6

（5）移动小球在第60帧与第1帧的位置不同

（6）在第1-59帧之间的任意1帧处－右键－创建补间动画

（7）将旋转设置为顺时针

2、钟摆

（1）新建画布

（2）利用椭圆和线条画钟摆

（3）全选－F8转换为图形元件

（4）按Q键，调整旋转中心在顶端

（5）分别在10、20、30、40帧处F6

（6）选中第10帧－打开变形面板－旋角为45度

（7）选中第30帧－打开变形面板－旋角为-45度

（8）分别在第1、10、20、30、40帧之间创建补间动画

（9）并将缓支值依次设置为100、-100、100、-100

（10）ctrl+回车预览

3、图像特效★

（1）新建画布

（2）ctrl+r－图像大小550*400

（3）F8－转换为图形元件

（4）新建图层－点击图层2的第1帧

（5）ctrl+r－图像大小550*400

（6）F8－转换为图形元件

（7）两层同时在第40帧F6

（8）选中图层2的第1帧－将图像的约束比例设置为10%

（9）隐藏图层二

（10）选中图层1的第40帧－将图像的约束比例设置为10%

（11）两层的1-39帧之间的任意一帧的处右键－创建补间动画

（12）第45帧－F5

（13）ctrl+回车预览

4、图像特效★★

（1）新建画布

（2）ctrl+r－图像大小为550*400

（3）ctrl+b　一次

（4）选中图形的右半部－F8转换为图形元件

（5）选中图形的左半部－F8转换为图形元件

（6）选中左半部－ctrl+x

（7）新建图层2－ctrl+shift+v

（8）选中右半部－ctrl+x

（9）新建图层3－ctrl+shift+v

（10）两层同时在第40帧F6

（11）将第2层的第1帧约束比例设置为20%，并移至左上角

（12）在第1-39帧任意处右键－创建补间动画

（13）将旋转设置为顺时针

（14）同样的方法制作第3层的第1帧－移至右下角并将旋转设置为逆时针

（15）第45帧处F5

（16）ctrl+回车预览

5、指针旋转的效果

（1）新建画布

（2）绘制表盘

（3）新建图层

（4）利用矩形绘制一个指针

（5）F8－转换为图形元件

（6）单击任意变形工具，将指针旋转中心设置在端点

（7）移动指针到表盘中心合适的位置

（8）两层同时在180帧F6

（9）选中第2层的第1帧－右键－创建补间动画

（10）将旋转设置为顺时针

（11）ctrl+回车预览

第七节

1、图片的挤压

（1）新建画布

（2）ctrl+r－图像大小550*400

（3）F8－转换为图形元件

（4）新建图层

（5）ctrl+r－图像大小550*400

（6）F8－转换为图形元件

（7）两层同时在第40帧F6

（8）选中图层2的第1帧选中图像

（9）打开属性面板－W为1H为400X为550Y为0

（10）隐藏图层2

（11）选中图层1的第40帧，W为1H为400X为0Y为0

（12）两层同时创建补间动画

（13）ctrl+回车预览

2、小球阴影效果

（1）新建画布

（2）制作跳动的小球

（3）新建图层

（4）将图层2拖至图层1的下方

（5）在图层内绘制小球阴影、边线删除、填充为放射状灰色

（6）F8－转换为图形元件

（7）分别在第10　13　16　25帧F6

（8）选中第13帧约束比例为80%

（9）在第10　16帧约束比例为120%

（10）在第1　25帧约束比例为150%

（11）创建补间动画

（12）ctrl+回车预览

3、爆炸文字的效果

（1）新建黑色画布

（2）输入白色文字

（3）ctrl+b一次打散

（4）逐个字都转换为图形元件F8

（5）ctrl+a全选

（6）在选中的文字上右键－分散到图层

（7）删除图层1

（8）分别在第20、30帧同时插入F6

（9）移动30帧每个字的位置任意散落

（10）每层20帧右键创建补间动画

（11）打开属性面板将设置为顺时针或逆时针

（12）ctrl+回车预览

4、麦动文字的效果

（1）新建黑色画布

（2）输入白色文本

（3）ctrl+b一次打散

（4）足个字转换为图形元件－F8

（5）ctrl+a全选

（6）在选中的文字上右键－分散到图层

（7）利用任意变形工具将文字旋转中心调到底部

（8）所有层分别在2　6　11　帧F6

（9）选中所有的层的第6帧将文字的高度调整为原来的2倍

（10）所有层的第2-6帧创建补间动画

（11）选中第2层的第1帧-第11帧向后拖拽1帧

（12）以此类推

（13）ctrl+回车预览

5、风车字的效果

（1）新建画布

（2）输入文字

（3）整段文字F8－转换为图形元件

（4）第20帧－F6

（5）第1帧创建补间动画

（6）旋转设置为顺时针

（7）选中第1层所有帧－右键－复制帧

（8）再新建几层

（9）右键－粘贴帧

（10）每层时间差设置为2帧

（11）ctrl+回车预览

第八节

1、淡入淡出的效果

（1）新建画布

（2）输入文本

（3）全部选中－F8转换为图形元件

（4）在第10、20、30帧F6

（5）分别选中第1帧和第30帧，再选中文本打开属性面板将透明度设置为0

（6）分别在第1帧、第20帧创建补间动画

（7）ctrl+回车预览

2、若隐若现的效果

（1）新建画布

（2）ctrl+r－图像大小550*400

（3）F8－转换为图形元件

（4）新建图层ctrl+r－图像大小550*400

（5）F8－转换为图形元件

（6）同时在第40帧F6

（7）选中图层2的第1帧选中图像

（8）打开属性面板将不透明度设置为0

（9）隐藏图层2，选中图层1的第40帧

（10）打开属性面板将不透明度设置为0

（11）两层第1帧同时创建补间动画

（12）ctrl+回车预览

3、图像的效果

（1）新建淡黄色画布

（2）在画布中绘制一个圆

（3）将内部填充删除－边线为任意颜色

（4）按F8－转变成图形元件

（5）第5、30、35帧－F6

（6）ctrl+t－将其大小设为原来的300%

（7）第1帧创建补间动画

（8）分别在第5帧和第30帧－F6－透明度为0

（9）选择图层1所有帧－右键－复制帧

（10）新建图层2－第5帧－右键－粘贴帧

（11）新建图层3－第9帧－右键－粘贴帧

（12）新建图层4－第13帧－右键－粘贴帧

（13）ctrl+回车预览

4、放飞字的效果

（1）新建黑色画布

（2）输入文本

（3）ctrl+b一次打散

（4）将每个字足个F8－转换为图形元件

（5）ctrl+a全选

（6）右键－分散到层命令

（7）所有层第5帧F6

（8）选中第1帧再选中所有文字

（9）ctrl+t－约束比例为200%，并将其不透明度设置为0

（10）所有层第1帧创建补间动画

（11）选中图层2所有帧向后拖1帧

（12）以此类推

（13）ctrl+回车预览

5、文字坠落的效果

（1）新建黑色画布

（2）输入文字

（3）ctrl+b一次

（4）分别将文字足个F8

（5）选中所有文本右键－分散到图层命令

（6）删除多余图层

（7）所有图层和10帧F6

（8）选中所有层第1帧，选中所有文本移动到画布上方

（9）每个文字都旋转45度并将透明度设置为0

（10）所有层第1帧创建补间动画

（11）选中元件2所有帧向后拖动1帧

（12）依次向后拖动2帧

（13）所有层第30帧－F5

（14）Ctrl+回车预览

6、制作阳光

（1）新建画布

（2）ctrl+r－图片550*400

（3）新建图层－创建矩形

（4）用选择工具删除边线－修整为一缕阳光

（5）使用任意变形工具－将旋转中心调至底端

（6）ctrl+t－旋角30度－单击拷贝并应用－旋转一周

（7）选中图层2第1帧

（8）将其F8－转换为图形元件－不透明度为20%

（9）两层同时在第180帧－F6

（10）图层2第1帧－右键－创建补间动画

（11）将旋转设置为顺时针

（12）ctrl+回车预览

第九节

1、创建引导层动画

（1）新建画布

（2）任意绘制一个图形

（3）将其F8转换为图形元件

（4）单击添加运动引导层按钮

（5）在画布中用铅笔工具绘制一条路径线

（6）两层同时在第40帧F6

（7）选中图层1的第1帧再选中图形元件、将元件套在路径的起始点

（8）第40帧套在终点

（9）选中第1层第1帧创建补间动画

（10）ctrl+回车

2、跟随字的制作

（1）新建画布

（2）输入文本

（3）调整在小、位置、颜色ctrl+b一次

（4）分别将每个字转变成图形元件

（5）添加运动引导层、直接画路径线

（6）选中所有文本分散到图层命令

（7）引导层在第40帧F6

（8）其它层都在第30帧F6

（9）选中元件1的第1帧将元件套在起始位置，第30帧将元件套在终点上

（10）依次制作其它层

（11）除引导层外，创建补间动画

（12）时间差设置为2帧

（13）ctrl+回车预览

3、箭头运动轨迹

（1）新建画布

（2）利用矩形工具做箭头

（3）选中箭头F8转换为图形元件

（4）添加运动引导层

（5）在引导层内做大矩形、将内部填充删除

（6）用黑箭头将大矩形切一小块

（7）两层同时在第40帧F6

（8）选中图层1的第1帧套在起始位置、第40帧在结束位置

（9）第1层创建补间动画

（10）打开属性面板将调到路径√

（11）ctrl+回车预览

4、书写字的制作

（1）新建画布

（2）文本工具输入华文行楷500号《天》

（3）ctrl+b 一次打散

（4）利用墨水瓶工具填充线条

（5）将内部填充删除

（6）利用黑箭头将天切去一小块

（7）新建图层－绘制一只笔－F8转换为图形元件

（8）单击任意变形工具旋转中心调至笔尖

（9）选中第1层的所有线条－ctrl+c

（10）选中第2层并在上方