FlashCS4案例教程全解.docx

FlashCS4案例教程全解.docx

《FlashCS4案例教程全解.docx》由会员分享，可在线阅读，更多相关《FlashCS4案例教程全解.docx（21页珍藏版）》请在冰豆网上搜索。

FlashCS4案例教程全解

FlashCS5教程

第一章：

基本操作与位移动画制作

1-2、软件界面介绍

1-3、椭圆工具的使用

按住shift键画正圆，按住alt键表示由中心向四周绘制椭圆，按住alt+shift由中心向四周绘制正圆，边框色和填充色的设置。

1-4、更改椭圆的颜色

对于已经绘制好的图形，它的颜色利用颜料桶工具更改填充色，墨水瓶工具用来更改边框色如果不想要填充色或者边框色，用选择工具选中然后删除即可，双击可选中两部分。

1-5、散件如何转变成元件

散件（图形），元件，F8.

1-6、帧的概念

帧（指的就是图片或画面，一帧指的就是一张图片或者一个画面）

关键帧：

1、有图像的关键帧（关键帧）.

2、无图像的关键帧（空白关键帧）。

帧速率（帧频率）：

所谓帧频率指的是单位时间内播放多少画面或图片，以前版本默认12帧/秒，cs4以后默认为24帧/秒。

网页中仍然用12帧/秒，否则文件量增大。

帧速率大小关系：

帧速率越大单位时间内播放的图片越多，速度越快

未开发的帧

做动画最主要的做关键帧，做一个圆从左边慢慢移动到右边，只做两帧，一帧关键帧，一帧空白关键帧，就是闪烁效果。

1-7、帧速率

帧速率的调整

1-8、动画实例--球体移动

动画的分类：

1、位移动画

2、形变动画

3、逐帧动画

4、路径动画

5、蒙版动画

6、脚本动画

Ctrl+2：

满画布显示

散件不适合做位移动画，用F8键将散件转化为元件，F6插入关键帧，并且复制上一帧的画面。

创建传统补间，Ctrl+enter利用flash播放器播放影片。

1-9、矩形和多边形工具的使用

画法同椭圆，画圆角矩形，选择矩形工具在属性面板中设置，多角星形工具属性中选项的使用。

1-10、设置文档、散件和元件属性

属性设置

1、文档：

舞台颜色设置，大小，帧速率等。

2、散件：

宽度、高度等

3、元件：

色彩效果等

1-11、动画实例--球体渐隐渐显

1帧处画个小球，转成元件，15帧处F6插入关键帧，按住shift键，移动小球保持水平移动，29帧处按键盘F6键，再次移动小球；15帧处用任意变形工具，结合放大镜工具，将小球变到最小，属性中alpha，调成透明，关键帧中间创建传统补间。

1-12、帧属性

创建一段动画，选择任意一帧，点击属性，设置缓动等属性，负值为越来越快。

旋转

1-13、动画实例--球体旋转

画一个小球，改变高光点，变成元件，20帧按F6插入关键帧，创建传统补间，到帧属性中设置，按顺时针转一次。

1-14、动画实例--球体弹跳

画布设置成200x400的大小，第一帧在上面画一个小球，调高光，转成元件，15帧按F6，按住shift键，移动小球到下面位置，（F6插入关键帧，F7插入空白关键帧，ctrl+c复制，ctrl+shift+v原位置粘贴，ctrl+v粘贴舞台中间），29帧按F7键，复制第一帧的图像，原位置粘贴，关键帧之间创建传统补间，从上到下的帧上选属性，缓动设置成-100，从下到上缓动设置成100.撤销，选择更简单的方法，让第一帧，15帧，29帧画面相同，其余操作相同。

第二章：

钢笔工具

2-1、钢笔工具的使用

钢笔工具:

绘制不规则图形

1、直线（直线点，无控制手柄）

2、曲线（曲线点，有控制手柄）单击第二点是不要松开鼠标，按住鼠标拖动，再画直线要减掉一个控制手柄

修改

1、形状（修改节点位置），采用部分选取工具（专门选取钢笔工具绘制的图形），调整控制手柄

2、节点的添加和删除，选择钢笔下面的添加/减少锚点工具

3、直线和曲线的相互转换

4、闭合图形和不闭合图形的相互转换

2-2、添加、删除节点以及直线和曲线的相互转换

使用转换锚点工具，将曲线点转换为直线点，直线点上拖动将直线点转换为曲线点。

利用选取工具，拖动直线也可以快速把直线转换为曲线。

2-3、封闭和不封闭图形的相互转换

闭合到不闭合，直接用选取工具选取后删除；不闭合到闭合，第一种可以使用钢笔工具，画成闭合；第二种可以使用选取工具，选中锚点拖动闭合，但一定要打开工具上的磁铁按钮；

2-4、动画实例--心动1

视图菜单--标尺--把鼠标放在垂直标尺上可以画出垂直的辅助线，用钢笔工具画出一半的星形，另一半用镜像，按住键盘的alt键加拖动，可以复制出一个，选中图形---修改菜单---变形----水平翻转，鼠标放到锚点处拖动闭合，窗口---颜色---放射状---双击颜色块，可以更改颜色，对调颜色，加颜色，删除颜色；去掉边框色，选中图形--F8---15帧按F6---第一帧按住shift，用任意变形工具缩小一点，15帧任意变形工具，旋转一定的角度，不能用帧属性（至少转一圈）---29帧按F7键，一帧处ctrl+c，29帧处ctrl+shift+v原位置粘贴。

2-5、动画实例--心动2

影片播放速度慢，说明关键帧中间的过渡帧太多了，shift+F5删除帧，F5加帧（延长帧）；或者选中关键帧，用鼠标拖动，也可以，多余的帧删除即可。

2-6、动画实例—水滴效果

舞台的颜色，更改为淡蓝色，用钢笔工具画水滴，颜料桶填充渐变色，删除边框，选中---F8,10帧按F6，水滴移动到下面，10帧处画水波--F8，移动好位置，11帧F7，剪切，原位置粘贴，19帧F6，并设置图形属性alpha为0，11帧变小一点,11-19帧中间的帧属性的缓动为-100

第三章：

图层、库与元件

3-1、图层1

图层：

像透明玻璃

图层的作用：

方便对多个图形和动画的管理

1、新建图层，左下角有按钮，双击改名字，显示/隐藏图层，按住alt键去单击某一个图层，是关闭其他的图层，

2、删除图层，左下角有按钮

3、调整图层层叠次序

3-2、图层2

图层显示方式的设置，图层的锁定，图层夹的应用

3-3、图层3

3-4、库面板以及元件与实例的关系1

库：

ctrl+l

库：

是用来存放元件、声音、视频、图片等元素地方，在库当中的对象可以被反复的调用，实现资源共享。

元件

实例：

元件通过实例来表现，对实例操作不会影响到元件，删除元件时实例全被删除，实例依赖于元件而存在。

双击库中的元件，进入到元件内部，修改颜色，所有的实例全变，双击实例改颜色，也全改

3-5、库面板以及元件与实例的关系2

1、在库中右击元件直接复制，修改颜色等

2、将元件的实例选中，按ctrl+b键打散成散件，修改后按F8

3、Ctrl+F8直接创建元件，设置好后退回到主场景

3-6、动画实例--弹性笑脸球1

画一个笑脸，填充渐变色，用直线工具，在属性中设置笔触大小为4，画眼睛和嘴，用选取工具改成弯的，选中F8，起名笑脸，直接复制，起名哭脸，双击哭脸，放大镜放大，用刷子工具或者椭圆工具画眼泪，刷子的颜色取决于填充色，

3-7、动画实例--弹性笑脸球2

舞台颜色为黑色，大小550x500，画垂直辅助线，15帧按F6，16帧按F7，拖动哭脸到舞台，点击下面的绘图纸外观轮廓，按照轮廓移动好位置；或者在16帧按F6，选中笑脸，点击属性，选择交换，交换为哭脸，则位置完全重合。

3-8、动画实例--弹性笑脸球3

哭脸下面画水平辅助线，20帧F6，任意变形工具，上下压扁，左右拉长，往下移动到辅助线处；后面的就是前面的反向播放，24帧按F7，将16帧的画面原位置粘贴到这里，25帧按F7，将15帧的画面原位置粘贴到这里，39帧按F7，将1帧的画面原位置粘贴到这里，创建传统补间；再调下缓动；

新建图层做阴影，并放在下面，画正圆，填充黑白渐变，任意变形工具压扁，放好位置，15帧按F6,阴影变大，20帧时达到最大，20帧按F6，放大阴影，后边同理是对称的，复制相应位置的帧就可以了，创建传统补间，flash中默认可以撤销100步。

3-9、文件保存格式

视图菜单--辅助线--显示辅助线，去掉勾；

文件保存的格式

1、fla（flash的原文件）

2、swf

3、Exe

文件菜单--保存---默认为fla，其他电脑要打开必须安装flash软件，而且能看到动画的制作方法

文件菜单--导出影片，要求其他电脑一定要有flash播放器，网页中有flash动画的话都会提示安装

打开flash播放器---文件---创建播放器---不需要装任何软件就可以播放了，因为里面捆绑了播放器。

三种文件的大小不一样，exe最大，swf最小

第四章：

文本工具

4-1、文本工具

文本（字）

1、静态文本

2、动态文本

3、输入文本

其中2和3在脚本动画里讲解

回车键换行

静态文本属性设置

4-2、文本编辑1

调整文本颜色，只能单色，默认情况下不能修改为渐变色，将文本转换成散件才能进行填充，ctrl+b，改为散件，多个文字按两次ctrl+b，一个文字一个渐变，整体渐变要用颜料桶拖动，起点一定要落在文字内部，或者使用渐变变形工具调整大小、位置、角度。

4-3、文本编辑2

输入flash，调整大小---变成散件（图形）----墨水瓶工具给图形加边框，调整笔蔟大小和线型—删除中间的填充色，变成空心文字。

或者将填充色改为渐变---用颜料桶进行整体渐变—用墨水瓶将边框色也改为渐变---颜色和填充色相同了，改成相反的方向----选中所有边框---修改菜单----形状-----将线条改为填充-----然后用颜料桶拖动就可以填充边框。

4-4、实例—立体文字1

输入MX—调整大小---打散---加边框-----删除填充色-----复制一个放一边------再复制一个和第一个错位放置------线条工具链接对应点---删除和正面相交的线条---正面填充浅绿色，其他面填充深绿色，做出立体效果----删除所有的轮廓

4-5、实例—立体文字2

修改菜单---变形----垂直翻转-----移到相应位置，再复制一个调好位置-----然后移动到合适位置，放大，和4-4步骤相同，将图形转成元件，4-4的也转成元件，最后转成元件的在最上层，修改菜单----排列里也可以修改次序，调整好位置，修改alpha为27%，修改北京颜色为更深的绿色。

4-6、动画实例--文字旋转

修改屏幕背景颜色为淡蓝色，输入flash，做成镂空文字，白色边框，设置帧属性为旋转-----最后一帧alpha为0，新建两个图层，选中所有的帧，按住alt键，拖动鼠标复制第一层的内容并向右缩几帧。

4-7、动画实例--霓虹灯字1

修改舞台大小为550X200大小，用线条工具画一条直线，修改---形状----将线条改为填充------修改—形状---柔化填充边缘---设置距离（上下距离）和步骤数（羽化过程中中间的颜色数目）（5,10），选择扩展（原有文字向外扩展，文字会变粗）；复制一条直线（shift+alt），再复制一个，任意变形工具，旋转并缩短，再复制一条放好位置。

4-8、动画实例--霓虹灯字2

输入文字Flashcs4，转成散件-----修改---形状----柔化填充边缘（5,10），选择插入（在文字内容产生效果，文字变细）---全选----F8-----修改舞台颜色为黑色，16帧，31帧，45帧，61帧处按F6，各个关键帧处在属性处修改图形色调，1帧和61帧色调相同，选中所有的帧，创建传统补间。

4-9、动画实例--风吹文字1

每个文字的动画都一样，就是先后顺序不一样，要建立多个图层；舞台为黑色，高度200，输入文字welcometoflashcs4，白色，字体、大小、间距，位置靠下；命名图层为原文字，新建图层—辅助层---复制文字---原位置粘贴-----向上错位上移-----改变文字颜色----锁定辅助层---选中原文字层的文字打散一次-----变成一个一个文字-----修改菜单----时间轴-----分散到图层（将每个文字放到一个图层）-----删除原文字图层----选中w----F8---20帧---F6----辅助层20帧处按F5（表示让第一帧画面延长显示到20帧）-----w层中移动w到辅助层的w，将辅助层移动所有层下面----w层20帧处—修改-----变形----水平翻转并修改alpha=0，移动好位置-----创建传统补间---e层的前面做法同w，但比w滞后移动，全选帧向后拖动4帧，并且复制第四帧的画面到第一帧，其余字母相同做法----删除辅助图层。

4-10、动画实例--风吹文字2

4-11、任意变形工具（不能实现精确缩放）

可以对物体的缩放比例（大小）、旋转角度、倾斜角度、透视进行设置。

Shift等比例缩放

Alt对称缩放

Alt+shift由中心向四周等比例缩放

Ctrl任意自由变形

Ctrl+shift透视：

输入一段文字，打散两次，选中，用任意变形工具，按住ctrl+shift，实现透视效果。

4-12、变形面板（ctrl+t）（精确缩放）

水平、垂直、等比例缩放、旋转（旋转点可以用任意变形工具先修改好）、倾斜；旋转、缩放、倾斜+复制，结合面板中的“重置选取和变形按钮”，可绘制各种有趣图形。

4-13、动画实例—随风飘扬文字

舞台大小500X200，颜色黑色，输入文字“flashcs4”修改字体，修改大小和字间距，创建辅助图层，复制文字，修改为不同的颜色，锁定辅助图层，回到原图层，选中文字按ctrl+b打散，修改---时间轴---分散到图层--文字转化为元件，辅助层移动到最下面，选择f层，10帧处按F6，辅助层按F5，移动到辅助层相应位置，ctrl+t，水平+垂直缩放125%，水平倾斜40，垂直倾斜180%，10帧处alpha=0，修改中间帧的缓动=-100，其余相同做法，只是时间不同。

4-14、动画实例—文字幻影效果

舞台大小550X200，颜色淡蓝，输入文字“多媒体技术基础”修改字体、大小、间距；按F8转成图形，10帧处按F5，持续显示一段时间，新建图层，4帧处按F7键，复制图层1的第一帧，然后到这里原位置粘贴，10帧处按F6键，然后把图形变大，修改不透明度为0。

再新建三个图层，选中图层2的4-10帧，按住alt键拖动到其他图层，时间上滞后几帧，将图层1拖到最上面，并按F5一直显示到最后。

第五章：

组合和对齐

5-1、组合对象

散件叠放在一起会产生镂空的效果，解决这个问题可以采用图层，或者使用组合功能ctrl+g，修改菜单---组合/取消组合，组合对象不进库，是一种临时的组合方便操作，后组合的对象位于上层，直接画组合图形，选中矩形工具，点击工具面板上的“对象绘制”直接绘制组合对象，这种方式也可以取消组合或者使用分离命令。

5-2、对齐面板（至少有两个对象）

画三个不同图形，分别组合，全选，按ctrl+K，调出对齐面板，尝试各种对齐方式；打开标尺，标出三个物体在水平方向的距离，选择左侧分布；匹配大小、间隔；

对象相对于舞台对齐：

画一个矩形，相对于舞台匹配大小，水平中齐，垂直中齐，矩形覆盖了整个舞台，将矩形填充渐变色，解决了舞台不能渐变填充的问题。

5-3、动画实例--电影胶片1

画一个长条矩形，黑色，组合，画一个小矩形（点击工具栏磁铁，取消控制），组合，放到大矩形上，复制多个，放好位置；全选，ctrl+k，水平和垂直中齐，按住shift键点击大矩形（减选）---间隔---水平间隔相等；全选，ctrl+b打散，删除中间的矩形，做出镂空的效果；全选，按住alt拖动出一个，链接到第一个末尾，全选---打散，部分删除粗的散件，然后全选组合；

5-4、动画实例--电影胶片2

按住alt键再复制出一个放下面----直接画出组合的矩形对象----然后复制---放好位置—重复（按住键盘的空格键可以切换到平移），将这些物体全选----对齐-----水平居中分布-----文件---导入-----导入到库----拖图片到舞台----任意变形工具调整大小（按住alt键可以按一边调整大小），其余图片相同（可以利用ps等工具处理好大小再导入）-----全选所有内容---ctrl+b打散或者直接按F8转换为元件---100帧按F6---拖动图片往左移动些距离，如果觉得整个图形短了，也可以复制一个链接到尾部。

5-5、动画实例--球体滚动1

画一个矩形，设置成线性渐变----对齐---相对于舞台---匹配大小---水平---垂直对齐----锁定图层---新建图层----用直线工具绘制网格线-----ctrl+g组合----alt+拖动复制一个---修改---变形----顺时针旋转90---复制多条垂直的网格线（形成正方形）-----删除水平的----整体选中---对齐---间隔相等（不要相对于舞台）---组合----变形-----旋转90并重置---复制一个-----整体选中—组合—旋转45度----全选----两次ctrl+B打散-----alt+放大镜----缩小显示-----任意变形工具—按住ctrl+shift------产生透视效果----整体选中----将线条改为灰色

5-6、动画实例--球体滚动2

新建图层---绘制小球—渐变填充---调整高光点----F8----alt+拖动复制----修改----垂直翻转（调整倒影的高光点）---alpha=40%---新建图层（原物体）---复制小球到第一帧---15帧F6，其他的图层按F5----移动到远处，并变小----29帧按F6，并复制第一帧内容，其他图层按F5----创建传统补间---新建图层（倒影）----复制原物体层的第一帧，原位置粘贴—光标键移动物体----垂直翻转-----alpha=40%，----15帧的方法同上----29帧做法同上---创建传统补间---静态图层可以放到一个图层，第一帧处ctrl+x剪切，粘贴到同一个静态图层。

（合并图层）

第六章：

形变动画制作

所谓变形动画指的是形状发生改变的动画。

形变动画的条件：

1、要求对象必须为散件（图形）2、创建补间形状

6-1、动画实例--矩形变圆形

1帧画矩形----10帧画圆形（颜色与矩形不同）-----中间帧创建补间形状

1帧画小球-----15帧按F6复制1帧小球----中间帧创建补间形状（散件实现的位移动画），不看源文件的制作方法无法识别。

6-2、动画实例--flash文字变形

舞台大小550x150，输入文字flash，调整字体、大小、字间距等。

两次ctrl+b，修改字母为不同的颜色，10帧、20帧、30帧、40帧分别按F6，然后每帧上都保留相应的字母—创建形状补间。

还可以延长字母显示时间。

6-3、动画实例--鸡变鸭

手工绘制鸡和鸭或者调用已有的鸡变鸭文件库中的元件----打开已有的鸡变鸭文件，在新文件的库中选择鸡变鸭（资源共享）-----拖动到舞台（变成散件）----1帧鸡---10帧鸭----19帧鸡---创建补间形状。

6-4、动画实例--绘制矩形

舞台大小550x300（4个图层，一条线一个图层），颜色淡蓝----1帧处绘制矩形（无边框，填充色白色，大小为4x8）-20帧处F6---任意变形工具，拉长-----创建补间形状---新建图层---21帧处F7---画矩形（8x4）---用标尺做辅助线，确定位置--40帧F6---拉长矩形--图层1按F5，另外两条做法同前。

6-5、动画实例--填充色变形

导入素材（填充色变形中导入图片）-----设置舞台的高度与图片的高度一致----新建图层---拖动到下层---画矩形---填充渐变色---和舞台进行匹配大小和对齐----利用渐变变形工具，调整高光在最左侧----10帧按F6----拖动高光到右侧，并且修改渐变颜色---19帧F7--复制第一帧----上层按F5----创建补间形状。

6-6、变形的精确控制-立方体变形1

画矩形-ctrl+t进行倾斜（45度）---复制一个---直线工具绘制其他线框----选中内部三条线--ctrl+x--然后复制到新图层（虚线）---放在下层---新建图层（变形）---位于虚线和实线层之间----画三角形（线条工具--红色）---填充这个三角形（填充的alpha=50%，颜色绿色）---15帧F7，上下按F5---画平行四边形--填充相同的颜色---创建补间形状----1帧处--修改菜单---形状---添加形状约束---添加四个约束点---15帧处调整各个点的位置----放大----视图菜单----显示形状提示----将点放在边上--30帧按F7，上下按F6--描出后面的矩形----填充颜色---创建补间形状---45帧F7，上下按F5---画出对角线相连的矩形---填充颜色---创建补间形状---添加形状提示---调整A,B,C,D的位置，不能放在交点的位置，要放在边上（一个点控制一条边）---60帧按F7，上下按F5----画上面的矩形--填充颜色--创建补间形状---75帧按F7，上下按F5----画下面的矩形---填充颜色---创建补间形状。

6-7、变形的精确控制-立方体变形2

6-8、变形的精确控制-立方体变形3

6-9、动画实例--多媒体技术文字变形1

画矩形-渐变填充--更改渐变方向--相对舞台匹配大小和对齐---新建图层（多）---文件---导入---库---拖到舞台---新建图层---多角星形工具---属性--星形--5角---画出5角星，去掉边框，填充红色---F8（散件不能设置旋转--形变动画做不了）---放好位置---15帧按F6，下面的都按F5---移动五角星位置---1帧五角星变小---创建传统补间----按顺时针转一圈---新建图层（媒）--复制“多”图层--修改对象颜色---新建图层（体），方法同上，余字同上----“多”层上20帧按F6---25帧按F7---输入文字“多”---调好大小和位置---五角星和文字变成散件---创建补间形状---余同。

速度慢可以减帧---不选任何图层，将磁头放好位置---shift+f5---减所有图层的帧。

（同一个图层可以做不同种类的动画，但位移动画一般用元件，形变动画一般为散件）

6-10、动画实例—多媒体技术文字变形2

6-11、动画实例—多媒体技术文字变形3

第七章：

逐帧动画制作

7-1、动画实例--流动方块1

（1）什么叫逐帧动画呢？

顾名思义，逐是逐个，帧是关键帧，所谓的逐帧指的就是每一帧都是关键帧，对于所有的动画我们需要一个一个关键帧去制作中间不需要插入过渡帧。

从而形成一种特殊效果。

（2）滴管工具：

为了使多个物体填充颜色或边框色，可以使用滴管工具来进行吸取，吸取的时候可以吸取填充也可以吸取边框色。

按住shift键：

表示同时吸取填充色和边框色修改舞台颜色，大小400x400，选择矩形工具—画正方形—修改颜色和边框粗细----按住ctrl+shift水平复制3个出来------选中一行的四个---ctrl+k对齐---再复制3行出来---全选ctrl+k再次对齐---全选--ctrl+g---ctrl+k----相对于舞台水平、垂直居中对齐-----两次ctrl+b打散----用颜料桶---填充第一个方框为白色---2帧F6---第二个方框填充白色---选择吸管工具---吸取后面方框的颜色—用颜料桶填充第一个方框---3帧按F6---第三个方框填充白色-----吸管工具吸取后边方框的颜色---用颜料桶填充---填充第二个方框-----选择所有的关键帧---按住alt键复制到最后一帧的后面----选中新复制的所有帧---右击---翻转帧

7-2、动画实例--流动方块2

（1）工具箱中每个工具都有相对应的快捷键，将鼠标放上去停留一会就可以看见。

（2）翻转帧：

将所选择的动画反向播放

7-3、动画实例--马奔跑

（1）对于一些序列图片（根据名称判断），当导入到舞台后将按照名称顺序自动创建关键帧，从而形成