Flash练习一Word格式文档下载.docx

Flash练习一Word格式文档下载.docx

《Flash练习一Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《Flash练习一Word格式文档下载.docx（20页珍藏版）》请在冰点文库上搜索。

【第3步】创建“树叶”图形元件。

（1）选择【插入】→【新建元件】命令，在打开的对话框中，把元件命名为“树叶”，并选择图形，然后单击【确定】按钮，进入元件编辑区。

（2）在“混色器”面板中，把笔触颜色设为“墨绿色”，选择工具箱中的线条工具绘制直线，通过选择工具改变线条成为曲线，经过多次操作最后形成一个树叶形状和树叶内部的脉络线条。

效果如下图（左）所示。

在“混色器”面板中，把填充颜色设为“亮绿色”，选择工具箱中的颜料桶工具对树叶填充颜色，效果如下图（右）所示。

（3）选择工具箱中的“任意变形工具”，用鼠标拖动形成一个矩形框把树叶框起来如下图（左）所示，选择【修改】→【组合】。

将光标移到方框的右上角，光标变成旋转圆弧状，按下鼠标左键即可以进行旋转，如下图（右）所示。

可以在树叶的任意地方按下鼠标左键进行拖动可改变树叶的位置。

也可以将鼠标放到边框的任意控点上改变树叶的大小。

（4）选择工具箱中的线条工具绘制直线，通过选择工具改变线条成为曲线，绘制树枝，把树叶移动到树枝的相应位置。

复制树叶，再执行9次【粘贴】命令复制9个树叶，分别放置在树枝的相应位置。

【第4步】创建“白云”图形元件。

（1）选择【插入】→【新建元件】命令，在打开的对话框中，把元件命名为“白云”，并选择图形，然后单击【确定】按钮，进入元件编辑区。

（2）在“混色器”面板中，把笔触颜色设为“没有颜色”，填充颜色设为“白色”。

选择工具箱中的椭圆工具绘制椭圆。

（3）通过复制多个椭圆形成云朵效果。

选择工具箱中的选择工具，单击该椭圆，按住Ctrl键，移动椭圆，可以复制一个椭圆，如下图（左）所示。

连续复制，直到制成如下图（右）所示的效果。

【第5步】合成作品。

（1）回到场景。

执行【窗口】→【库】命令，打开库面板。

（2）在库面板中，把“白云”、“星星”元件拉进场景，适当改变大小并放到适当位置。

（3）把“月亮”拉进场景，适当改变大小并放到适当位置。

（4）把“树叶”拉进场景，适当改变大小并放到适当位置。

（5）用文字工具在场景的左下方写上“静静的夜”，字体为华文行楷、字号为48。

用工具箱中的选择工具选择“静静的夜”，执行【格式】菜单中【分离】命令两次。

在“混色器”面板中，把填充颜色设为“彩色”。

【第6步】保存文件：

（1）将所制作的作品以“鼠绘作品.fla”文件名保存在你的学号姓名文件夹中。

（2）导出影片，执行“文件|导出|导出影片”命令，在导出影片对话框中的保存位置处选择你的学号姓名文件夹，文件名处输入“鼠绘作品.swf”。

二、逐帧动画

利用静止的豹子系列图制作一只正在奔跑的豹子。

（1）导入图片系列。

（2）编辑多个帧。

（3）素材与舞台的对齐。

（4）使用逐帧动画。

3．作品效果参考“Flash练习”文件夹中的“豹.swf”文件。

（实际制作时，样张字样换成你的学号和姓名）

【第1步】新建文档，并导入素材

（1）新建一个空白Flash文档。

（2）导入素材文件：

执行“文件|导入|导入到舞台”命令，在打开的“导入”对话框中选择“Flash练习”文件夹的“豹”文件夹下面的“豹1.png”文件，单击【打开】按钮，会出现一个提示对话框，问是否导入序列图像？

回答“是”导入序列中的所有图像。

（注：

由于在本例中，素材以“豹1.png”～“豹8.png”命名而形成一个图像系列，Flash会自动识别，并在用户的要求下全部导入）

【第2步】选择所有帧

（1）单击时间轴下面的【编辑多个帧】按钮，然后把【开始绘图纸外观】拉到第一帧，把【结束绘图纸外观】拉到最后一帧，如下图所示。

（2）在最后一帧上单击鼠标右键，从快捷菜单中选择【选择所有帧】命令。

结束绘图纸外观

开始绘图纸外观

【第2步】调整素材与舞台的位置

执行【窗口|设计面板|对齐】命令，打开对齐面板。

选择【相对于舞台】、【水平中齐】、【垂直中齐】，这样所有素材的中心全部对齐在舞台的中心。

再次单击【编辑多个帧】按钮，取消编辑多个帧。

【第3步】输入学号姓名。

（1）在图层编辑区单击【插入图层】，新建一个图层2。

（2）单击图层2的第1帧，在场景中的适当位置输入学号和姓名（字体、大小自己设定）。

（3）鼠标右键单击第8帧，选择【插入关键帧】命令。

【第4步】制作完毕，按Ctrl+Enter键测试影片。

【第5步】保存文件：

（1）将所制作的作品以“豹.fla”文件名保存在你的学号姓名文件夹中。

（2）导出影片，执行“文件|导出|导出影片”命令，在导出影片对话框中的保存位置处选择你的学号姓名文件夹，文件名处输入“豹.swf”。

三、变形动画的制作

本例子制作一个从左下角飞到右上角的飞机动画。

本例子主要学习动作补间动画的制作及对元件的控制，要求如下：

（1）设置文档属性。

（2）引入库的概念，把飞机素材引入库中。

（3）引入关键帧的概念，设置飞机的起始和终止位置及相应的透明度。

（4）创建动画图层，创建动画补间。

3．作品效果参考“Flash练习”文件夹中的“飞机.swf”文件。

【第1步】新建文档，并导入背景素材

执行“文件|导入|导入到舞台”命令，在打开的“导入”对话框中选择“Flash练习”文件夹下面的“山.jpg”文件，单击【打开】按钮，回到场景。

【第2步】设置舞台大小使之符合背景图片的大小

由于新建文档时，Flash默认文档大小为550×

400像素，而本例子所用的背景大小为645×

253像素，因此需要更改文档的大小。

（1）确定背景图片的大小。

选择工具箱中的选择工具，选中背景图片，在属性面板中可以看到图片的宽和高。

（2）设置舞台的大小使之与背景图片大小一致。

执行【修改】→【文档】命令，出现【文档属性】对话框，在其中更改尺寸大小，使舞台与背景图片大小一样。

（3）打开对齐面板。

选择【相对于舞台】、【水平中齐】、【垂直中齐】，把背景图片与舞台对齐。

（4）设置动画的长度：

在图层1的第30帧的位置按鼠标右键，选择【插入关键帧】命令。

【第3步】把动画素材导入库中

（1）执行“文件|导入|导入到库”命令，在打开的“导入”对话框中选择“Flash练习”文件夹下面的“飞机.png”文件。

（2）执行【窗口】→【库】命令，打开库面板，可看到导入的飞机元件和背景元件。

【第4步】制作飞机动画

（1）新建一个图层为动画图层。

在图层编辑区单击【插入图层】新建一个图层2。

（2）单击图层2的第1帧，把库面板中的飞机元件拖到舞台左下角。

（3）使飞机水平翻转。

使用选择工具选中“飞机”图片，执行【修改|变形|水平翻转】命令，使飞机水平翻转。

（4）执行【修改|转换成元件】命令，把图像转变成图形元件。

（5）编辑飞机的最终位置。

在图层2的第30帧上添加一个关键帧，把飞机的元件拖到舞台的右上角，作为飞机的最终位置。

（6）制作飞机的最终位置的效果，即飞机飞到远处变小变模糊。

单击图层2的第30帧，在工具箱中选择“任意变型工具”，把飞机的元件缩小到一定的比例。

在“属性”面板中选择【颜色】为【Alpha】，设置30%的透明度。

（7）选择图层2的第1帧，在“属性”面板中选择【补间】→【动画】，这时图层2的第1～30帧间的背景变为蓝色，同时有条黑色带右箭头的线从第1帧指向第30帧，这是补间动画的标志。

【第5步】输入学号姓名。

（1）在图层编辑区单击【插入图层】，新建一个图层3。

（2）单击图层3的第1帧，在场景中的适当位置输入学号和姓名（字体、大小自己设定）。

（3）鼠标右键单击第30帧，选择【插入关键帧】命令。

【第6步】制作完毕，按Ctrl+Enter键测试影片。

【第7步】保存文件：

（1）将所制作的作品以“飞机.fla”文件名保存在你的学号姓名文件夹中。

（2）导出影片，执行“文件|导出|导出影片”命令，在导出影片对话框中的保存位置处选择你的学号姓名文件夹，文件名处输入“飞机.swf”。

四、文字变形动画的制作

本例子制作一个由灯笼变文字的动画，学会用Flash绘制图形，同时应用形变和分离两个选项对字体进行编辑。

（1）用绘图工具绘图。

（2）创建矢量文字。

（3）创建补间形状动画。

3．作品效果参考“Flash练习”文件夹中的“庆祝国庆.swf”文件。

执行“文件|导入|导入到舞台”命令，在打开的“导入”对话框中选择“Flash练习”文件夹下面的“beijing.jpg”文件，单击【打开】按钮，回到场景。

【第2步】设置背景图片大小使之符合舞台的大小

400像素，而本例子所用的背景大小为402×

331像素，因此需要更改背景图片的大小。

（1）选择工具箱中的选择工具，选中背景图片，在属性面板中设置图片的宽和高分别为550、400。

（2）打开对齐面板。

（3）设置动画的长度：

在图层1的第40帧的位置按鼠标右键，选择【插入关键帧】命令。

【第3步】创建“灯笼”图形元件。

（1）选择【插入】→【新建元件】命令，在打开的对话框中，把元件命名为“灯笼”，并选择图形，然后单击【确定】按钮，进入元件编辑区。

（2）在工具箱中选择椭圆工具，在“混色器”面板中，把笔触颜色设为“没有颜色”，填充色的类型设为“放射状”，把前面一个色块的颜色设置为“白色”，后面一个色块的颜色设置为“红色”。

在场景中央绘制一个椭圆。

（3）在工具箱中选择矩形工具，在“混色器”面板中，把笔触颜色设为“没有颜色”，填充色的类型设为“放射状”，把前面一个色块的颜色设置为“白色”，后面一个色块的颜色设置为“黄色”。

按下图绘制三个矩形。

（4）在工具箱中选择线条工具，在“颜色”栏中，把笔触颜色设为“黄色”，按下图绘制灯笼穗。

（5）返回场景。

（6）执行【窗口】→【库】命令，打开库面板，可看到新建的灯笼元件和背景元件。

【第4步】创建“灯笼”到“庆”字变化的动画。

（1）在图层编辑区单击【插入图层】新建一个图层2。

（2）单击图层2的第1帧，把库面板中的灯笼元件拖到舞台适当位置。

（3）鼠标右键单击图层2的第5帧，选择【插入关键帧】命令。

（4）鼠标右键单击图层2的第35帧，选择【插入空白关键帧】命令。

选择工具箱中的“文字工具”，在属性面板中将字体设为“隶书”，字号设为80、颜色设为红色。

在场景的适当位置输入“庆”字。

调整字的位置要尽量与灯笼的位置重叠，变形效果会更好。

（5）鼠标右键单击图层2的第40帧，选择【插入关键帧】命令。

（6）鼠标单击第35帧，执行【修改】→【分离】命令，把文字变成矢量图。

（7）鼠标单击第5帧，执行【修改】→【分离】命令，把灯笼变成矢量图。

在“属性”面板中选择【补间】→【形状】，这时图层2的第5～35帧间有条黑色带右箭头的线从第5帧指向第35帧，这是形状补间动画的标志。

【第5步】用第4步相同的方法创建另外三个“灯笼”到文字变化的动画，最后完成“庆祝国庆”的动画。

【第6步】输入学号姓名。

（1）在图层编辑区单击【插入图层】，新建一个图层。

（2）单击新建图层的第1帧，在场景中的适当位置输入学号和姓名（字体、大小自己设定）。

（3）鼠标右键单击第40帧，选择【插入关键帧】命令。

【第7步】制作完毕，按Ctrl+Enter键测试影片。

【第8步】保存文件：

（1）将所制作的作品以“庆祝国庆.fla”文件名保存在你的学号姓名文件夹中。

（2）导出影片，执行“文件|导出|导出影片”命令，在导出影片对话框中的保存位置处选择你的学号姓名文件夹，文件名处输入“庆祝国庆.swf”。

五、路径动画的制作

本例制作一个随着引导线（英文字母W的轮廓）运动的动画。

2．制作要点：

本例主要用引导层引导球的运动。

（1）创建小球圆形元件。

（2）创建运动路径为引导线。

（3）创建补间动画。

3．作品效果参考“Flash练习”文件夹中的“路径动画.swf”文件。

【第1步】新建文档，创建一个小球圆形元件。

（2）画小球图形。

选择椭圆工具，笔触颜色为“没有颜色”，填充颜色为“绿色”，按住Shift键在舞台上画一个小圆球。

（3）把小球转换为元件。

用选择工具选中小球，从右键快捷菜单中选择【转换元件】命令，在打开的【转换为元件】的对话框中名称输入ball，【类型】为【图形】把小球转换为元件。

（4）在第30帧处插入关键帧。

【第2步】制作动画路径。

（1）添加运动引导层。

在图层编辑区单击“添加运动引导层”按钮，添加一个运动引导层。

单击引导层的第1帧，选择工具箱中的“文字”工具，在属性面板中设置字体为“黑体”、字号为200、颜色为绿色，在舞台上输入英文字母W，并适当调整大小。

（2）矢量化文字。

选中字母W，从右键快捷菜单中选择“分离”命令，把字母打散。

然后选择笔触颜色为红色，用墨水瓶工具在字母的轮廓部分单击，就会出现红色的字母轮廓，如下图（左）所示。

（3）删除文字填充颜色。

使用选择工具选中字母内部绿色部分，按Delete键，把绿色部分去掉，只留下红色的轮廓。

如下图（右）所示。

（4）新建一个图层，选择引导层的第1帧，把引导层的第1帧复制到新建图层的第1帧中，然后鼠标右键单击新建图层，选择“属性”命令，在打开的“图层属性”对话框中把新建图层的类型改为“一般”。

注：

引导层是不可见的，即在生成的swf文件中看不见引导线。

因此，在本例中，创建新图层以便在动画播放时能够看到引导线。

当然，如果在动画要求中不需要显示引导线，第（4）点操作可省略。

【第3步】创建动画。

（1）选中图层1的第1帧，把小球放到字母轮廓的左上角，然后分别在第10、20帧处插入关键帧，并在第10、20、30帧处调整小球在字母轮廓上的位置。

在把小球放在字母轮廓上时，要注意小球的圆心一定要在引导线上，即字母轮廓上，否则小球无法按照引导线运动。

（2）分别选择图层1的第1帧、第10帧、第20帧，在属性面板中设置动画补间。

【第4步】输入学号姓名。

【第5步】制作完毕，按Ctrl+Enter键测试影片。

（1）将所制作的作品以“路径动画.fla”文件名保存在你的学号姓名文件夹中。

（2）导出影片，执行“文件|导出|导出影片”命令，在导出影片对话框中的保存位置处选择你的学号姓名文件夹，文件名处输入“路径动画.swf”。

六、遮罩动画的制作

本例制作一个具有放大镜效果的遮罩动画。

本例主要利用图层的遮罩作用制作放大镜。

（1）新建“文字”图层作为底层，放大镜在其上可以遮住与其重叠的小字。

（2）新建“大字”图层在放大镜图层上方，使遮罩层上只对大字起作用，对其他层不起任何作用。

3．作品效果参考“Flash练习”文件夹中的“放大镜.swf”文件。

【第1步】新建文档，制作文字图层。

新建一个Flash文档，修改文档的大小为400×

200像素。

将图层1命名为“文字”。

利用文本工具输入“FLASH”，字号为19，字间距为35，并使其对齐舞台。

在第35帧处插入关键帧，使小字在整个动画过程中一直显示。

【第2步】建立“放大镜”图层。

（1）制作一个放大镜元件“fdj”，在元件编辑区用椭圆工具和矩形工具画一个如下图所示的放大镜，并对放大镜的颜色进行适当的调整。

（2）新建一个图层，命名为“放大镜”。

打开库面板，把“fdj”元件拖入场景中，并适当调整大小。

【第3步】制作放大镜运动效果。

（1）选择“放大镜”图层的第1帧，把放大镜移动到字母“F”前面一点位置，确定动画的起始位置。

如下图（左）所示。

（2）在第35帧上插入关键帧，把放大镜移动到字母“H”后面一点位置，确定动画的结束位置。

（3）选择放大镜图层的第1帧，在属性面板上设置动画补间。

【第4步】建立“大字”图层。

（1）新建一图层，命名为“大字”。

（2）利用文本工具输入“FLASH”，字号应大于“文字”图层中的字符，而又能被放大镜的镜头罩住。

调整大字的位置和字符间距使相应的大小字符中心对齐。

（3）在该图层的第35帧处插入关键帧。

【第5步】创建遮罩层。

（1）新建一个图形元件“ball”，画一个圆形，圆形的大小可以遮住“大字”层中的单个字符而又小于放大镜的镜头。

（2）新建一个图层名为“遮罩层”，打开库面板，将元件“ball”拖入场景，并与放大镜重合。

（3）创建动画。

在第35帧处插入关键帧，移动元件“ball”的位置，使其与放大镜重合。

选择第1帧，在属性面板中创建补间动画。

（4）设置遮罩层。

在“遮罩层”图层名称处单击鼠标右键，从快捷菜单中选择【遮罩层】命令，将该层设置为“大字”图层的遮罩层。

（3）鼠标右键单击第35帧，选择【插入关键帧】命令。

（1）将所制作的作品以“放大镜.fla”文件名保存在你的学号姓名文件夹中。

（2）导出影片，执行“文件|导出|导出影片”命令，在导出影片对话框中的保存位置处选择你的学号姓名文件夹，文件名处输入“放大镜.swf”。