文档库 最新最全的文档下载
当前位置:文档库 › flash简单网页制作

flash简单网页制作

flash简单网页制作
flash简单网页制作

《网页制作》实验指导书

安徽科技学院

贾丙静编写

2013年5月

实验一 Flash CS4界面及使用文本

一、实验目的

1.了解FLASH CS4窗口组成

2.掌握工具箱中各种工具的使用方法,能够使用各种工具制作简单的图形

3.掌握浮动面板的显示与隐藏方法

4.了解在Flash中对文字的操作

5.了解Flash中文本的类型

6.学会安装文字类型

7.熟悉文本特效的制作过程

二、实验内容

1.验证FLASH CS4启动和退出的各种方法

2.查看并确认FLASH CS4的各个组成部分

3.利用工具制作简单图形

4.制作立体文字

5.制作波纹文字

6.制作五彩字

7.制作镂空字

8.制作浮雕字

9.制作霓虹灯文字

10.制作洋葱皮文字

三、实验过程和步骤

1.验证FLASH CS4启动和退出的各种方法。

(1)启动:

1)利用开始菜单中的“程序”

2)利用桌面上的“快捷图标”

3)利用文档菜单中的FLASH文档

4)利用“我的电脑”或“资源管理器”中的FLASH 文档

(2)退出

1)利用标题栏中的“退出”按钮

2)利用双击标题栏的应用程序图标

3)利用控制菜单中的关闭

4)利用文件菜单中的“退出”命令

5)利用ALT+F4。

2.查看并确认FLASH CS4的各个组成部分。

(1)菜单栏中有哪些菜单?

(2)怎样显示与隐藏面板?怎样添加浮动面板?怎样可以恢复面板的原始设置?

(3)怎样设置工作区属性?怎样调整它的显示比例?

(4)工具箱中有哪几种工具?怎样使用每种工具?

3.利用工具箱中的工具,完成下题目:

(1)利用套索工具选取位图中的图形

第一步建立新文件:通过“文件/新建”或主工具栏中的按钮,新建一个FLASH 文档;

第二步执行“文件/导入/导入到舞台”,将“卡通.bmp文件导入到舞台”,

图1-1

选中位图,按右键选中分离将之“矢量化”或者直接用Ctrl+B进行分散

第三步点击工具栏中的套索工具,在选项中选中“魔术棒属性”按钮,在弹出的对话框中将阈值改为50。

第四步在选项中选中“魔术棒”按钮,点击图中的白颜色处,然后按Delete键,将大块空白处删除。

第五步使用缩放工具将图放大,在没有完全去除的粉色处,使用橡皮擦按钮擦除。

第六步保存文件:选择合适的路径保存文件为“位图.fla”。

(2)画树叶

第一步建立新文件:通过“文件/新建”或主工具栏中的按钮,新建一个FLASH文档;

第二步新建图形元件:执行【插入】|【新建元件】命令,或者按快捷键CTRL+F8,弹出创建新元件对话框,在【名称】文本对话框中输入元件名称“树叶”,【类型】选择“图形”,单击【确定】按钮。

这时工作区变为“树枝”元件的编辑状态

第三步绘制树叶图形:在“树叶”图形元件编辑场景中,首先用【线条工具】画一条直线,【笔触颜色】设置为深绿色;然后用【箭头工具】将它拉成曲线;再用【线条工具】绘制一个直线,用这条直线连接曲线的两端点;一片树叶的基本形状已经出来了,现在画叶脉,在两端点间画直线,然后拉成曲线;再画旁边的细小叶脉,可以全用直线,也可以略加弯曲,这样,一片简单的树叶就画好了;

第四步编辑和修改树叶:如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行【编辑】|【撤销】命令撤销前面一步的操作,也可以选择下面更简单的方法:用【箭头工具】单击你想要删除的直线,这条直线变成网点状,说明它已经被

选取,可以对它进行各种修改

要移动它,就按住鼠标拖动,要删除它,就直接按DEL键。按住SHIFT键连续单击线条,可以同时选取多个对象。如果要选取全部的线条,可用黑色箭头工具拉出一个选取框来,就可以将其全部选中了

说明:在一条直线上双击,也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取

第五步:给树叶上色:接下来给这片树叶填上颜色。在工具箱中使用【颜色】选项,单击【填充颜色】按钮,会出现一个调色板,同时光标变成吸管状

在调色板里选取绿色,单击工具箱里【颜料桶工具】,在画好的叶子上单击一下

第六步:全部填充颜色

第七步:继续按照上述的方法制作树叶树枝,然后保存文件:选择合适的路径保存文件为“树枝.fla”。

(3)立体文字

第一步使用文本工具输入“立体文字”几个文本

第二步选中文本,按Ctrl+C复制立体文字几个字,接着按Ctrl+V将之粘帖到舞台上

第三步选中其中的一个文本,改变他的颜色为淡灰色,并在混色器面板中将他的Alpha 值改为80%

第四步右键单击此文本在弹出的快捷菜单中选择分离,将之打散,并打散两次使之成为矢量图

第五步在选择任意变形工具,将文本倾斜,并更改其位置如下

(4)波纹文字

大部分操作同立体文字,只是在使用任意变形工具时将文本扭曲为波纹形

(5)五彩字

第一步利用文本工具输入文字“五彩字”,并拷贝粘贴为三个

第二步将文本打散为矢量图,在混色器面板中选择线性填充色和放射状填充色分别填充

(6)镂空字

第一步利用文本工具输入“镂空字”

第二步将文本打散为矢量图,使用墨水瓶工具描出文本的外沿,接着将文本的内部选中删除掉

第三步使用混色器面板中的位图填充为文字的空白处填充

(7)浮雕字

第一步利用文本工具输入“浮雕字”,并拷贝三个

第二步将最上层的文本颜色设置为淡灰色,将中间层文本设置为白色,将最下层文本设置为黑色

第三步将三个文本的位置设置为如下所示,黑色在最下层,白色在中间,淡灰色在最上层

附:逐帧动画的制作

1、逐帧动画:打字效果

第一步在第一层的第3帧处使用文本工具插入“从”字

第二步在第4帧处插入关键帧,并输入“前”字,接着在第5、6、7、8、9、10、、、、帧分别插入关键帧,并依次在各个关键帧处插入有、一、座、山、山、上、有、座、庙第三步设置播放速度为6帧每秒

2、逐帧动画:写字效果

第一步在第一帧使用文本工具插入“白日依山尽,黄河入海流”,并选择合适字体第二步将文本两次分离,使用F6在第2帧上插入关键帧,然后使用橡皮擦擦除’流’字的最后一个笔画,接着再插入关键帧,对各个文字进行反笔画擦除

第三步全部擦除完毕之后,选中所有关键帧,点击鼠标右键,在弹出的菜单上选择“翻转帧”

实验二动作渐变动画

一、实验目的

1、了解在Flash中渐变动画的分类

2、掌握Flash运动渐变动画的制作方法

二、实验过程和步骤

1、运行FlashCS2

2、建立一个新的Flash文件

3、在此Flash文件中制作运动渐变动画

三、实验题目

1、运动动画:制作运动动画,分别完成对象的运动、大小缩放、旋转、沿特定路径运动、

亮度、透明度、色调变化的效果

2、属性渐变的矩形

打开flash软件,使用默认舞台设置。

第一步用矩形工具在舞台左边画一个无边框的红色矩形。

第二步选中矩形,右击,执行“转换为元件”命令,在“创建新元件”对话框中选择类型为“图形”,确定。

第三步在第30帧插入关键帧,并把矩形拖到右边。

第四步用任意变形工具将其放大。

第五步在属性面板上“颜色”后的单击小三角按钮,选中“色调”,选择“蓝色”。

第六步选择工具选中第1帧,单击属性面板“补间”里的“动画”;

第七步在属性面板上单击“旋转”选项的小三角按钮,执行“顺时针”命令。

第八步测试影片,观看效果。

以下题目可根据上课所讲步骤制作,也可自己发挥想象,制作渐变动画

3、制作洋葱皮文字

第一步在Flash文档中插入一个新的影片剪辑类型的元件,命名为“洋葱皮文字效果”

第二步进入此影片剪辑的编辑窗口

在编辑窗口中输入文字“洋葱皮文字”

第三步然后将几个文字转换为元件,取名“文字”

第四步转换完成后,此“文字”元件的实例位于影片剪辑“洋葱皮文字效果”的第一个图层,在此图层的第60帧处插入一个关键帧,然后创建动作渐变动画

第五步在属性面板上单击“旋转”选项的小三角按钮,执行“顺时针”命令。

第七步接着再创建一个新的图层,在这一图层的第5帧处插入一个新的关键帧,然后从库中拖入“文字”元件,将之与第一层的文字元件位置对齐

第八步选中此元件,打开属性面板,在颜色选项中将Alpha值调至80%

第九步然后在第65帧处插入一个关键帧,并创建为按照顺时针旋转的动作渐变动画第十步再创建一个新的图层,在这一图层的第10帧处插入一个新的关键帧,然后从库中拖入“文字”元件,将之与第一层的文字元件位置对齐

第十一步选中此元件,打开属性面板,在颜色选项中将Alpha值调至60%

第十二步然后在第70帧处插入一个关键帧,并创建为按照顺时针旋转的动作渐变动画第十三步按照上述做法依次共建立五个图层,如下图所示

4、随风飘逝的文字

5、飞翔的蝴蝶

6、画面更替

四、作业

自己构思,制作运动渐变动画,做好后放入一个文件夹中以自己的学号命名压缩后发入FTP:210.44.122.253中文件夹qxw->Flash->student->06广编2班或3班

实验三形状渐变动画

一、实验目的

1、了解在Flash中渐变动画的分类

2、掌握Flash形状渐变动画的制作方法

3、掌握制作Flash形状渐变动画时添加形状提示的方法

二、实验过程和步骤

1、运行FlashCS2

2、建立一个新的Flash文件

3、在此Flash文件中制作形状渐变动画

三、实验题目

1、形状动画:制作形状动画,分别完成形状的大小缩放、位置移动、颜色变化、形状变化、

变化速度加速、减速的效果

2、形状多变的几何图形

打开flash软件,使用默认舞台设置。

第一步在工具箱中选取椭圆工具。

第二步设置笔触颜色:在工具箱颜色区第一排选中“笔触颜色”后,再单击颜色区第三排中间带斜红杠的“没有颜色”图标。

第三步设置填充颜色:单击选中颜色区第二排“填充色”,再在“填充色”右边单击右下方的黑色小三角按钮,尔后选定红色。

第四步选取椭圆工具,在舞台左侧拉动鼠标画一个椭圆(如果在画圆的过程中按住shift键,就可以得到一个正圆。)

第五步在第25帧插入一个空白关键帧,在舞台中部画一个无边线的绿色三角形。

第六步在第50帧插入一个空白关键帧,选取矩形工具,在舞台右侧画一个无边线的蓝

色矩形。

第七步单击“图层1”,选中所有帧,单击底部属性面板“补间”两字右面白框后的黑三角按钮,再单击“形状”。

第八步测试影片,观看效果。

3、波浪线

第一步设置宽 300 像素、高 100 像素的蓝色舞台。

第二步画一条绿色波浪线。

第三步在图层1的第20帧、第40帧分别插入一个关键帧。

第四步选中第20帧上的波浪线,执行“修改—变形—垂直翻转”命令。

第五步单击“图层1”,选中所有帧,单击属性面板里的“形状”。

第六步测试影片,观看效果

4、变换文字

第一步设置宽300像素、高100像素的粉红色舞台。

第二步单击第一帧,键入大小为“70”的蓝色隶书“学动画”三字,居中。在第5帧

插入关键帧。

第三步选中第5帧上的文本,按下快捷键ctrl+B两次,把文字打散。

第四步在第20帧插入空白关键帧,用同样的大小和字体键入红色“乐无穷”三字,居中。用同样的方法把这三字打散。

第五步选中第1帧,单击属性面板里的“形状”。

第六步在第25帧插入一个普通帧。

第七步测试影片,观看效果。

5、添加形状提示

第一步新建一个Flash CS4影片文档,保持文档属性默认设置。

第二步选择文本工具在“属性”面板中,设置字体为Arial Black,字体大小为96,文本颜色为黑色。

第三步在舞台上单击,输入字母“T”。执行“修改”|“分离”命令,将数字分离成形状。如图6所示。

图6 将字母分离成形状

第四步选择“图层1”第20帧,按F7键插入一个空白关键帧。选择“文本工具”,输入字母“Y”。同样把它分离成形状。如图7所示。

图7 第20帧上的字母形状

第五步选择第1帧,在“属性”面板中选择“补间”下拉列表中的“形状”。

第六步按下Enter键,可以观察到字母T变形为字母Y的动画效果。但是这个变形过程很混乱,不太符合我们需要的效果。下面我们添加变形提示以改进动画效果。

第七步选择“图层1”的第1帧,选择“修改”|“形状”|“添加形状提示”命令3次(或按快捷键Ctrl+Shift+H)。这时舞台上会连续出现3个红色的变形提示点(重叠在一起)。如图8所示。

图8添加两个变形提示点

第八步确认”紧贴至对象”按钮处于被按下状态,调整第1、20帧处的形状提示,如图9所示。

图9 调整提示点

第九步调整好后在旁边单击鼠标,提示点的颜色会发生变化。第1帧上的变为黄色,第20帧上的变为绿色。

第十步再次按下Enter键,可以观察到字母T变形为字母Y的动画效果已经比较美观了。

以下题目可根据上课所讲步骤制作,也可自己发挥想象,制作渐变动画

6、孵小鸡

(一)新建影片文档和设置文档属性

启动Flash CS4,出现“开始页”,选择“创建新项目”下的“Flash文档”,这样就启动Flash CS4的工作窗口并新建一个影片文档。展开“属性”面板,设置“背景颜色”为绿色,其他参数保持默认值。

(二)绘制鸡蛋

第一步在工具箱中按下矩形工具数秒,在弹出的工具菜单中选择椭圆工具。设置填充色为“无”,然后在舞台上拖动鼠标绘制一个椭圆,接着使用选择工具局部修改椭圆的形状,使它更加接近鸡蛋的形状。如图12所示。

图12 绘制鸡蛋

第二步展开颜色面板,选择填充类型为“放射状”,定义渐变栏为淡黄到橙黄的渐变。如图13所示。

图13 设置渐变色

第三步选择工具箱中的颜料桶工具,将鼠标指针移动到鸡蛋的左上方单击填充颜色。接着使用选择工具选中鸡蛋的轮廓线,按下键盘上的Del键把它删除,完成绘制的鸡蛋如图14所示。

图14 绘制完成的鸡蛋

(三)绘制小鸡

第一步将“图层1”重命名为“变形”,单击“变形”图层的第70帧,按下键盘上的F7键插入空白关键帧。

第二步在工具箱中选择椭圆工具,设置笔触色为“无”,填充色为黄色。然后在舞台上拖动鼠标绘制两个椭圆,接着使用选择工具局部修改椭圆的形状,通过叠加绘制形成小鸡的身体形状。如图15所示。

图15 绘制小鸡身体

第三步选择线条工具绘制出小三角形状的鸡嘴,如图16所示。选择刷子工具绘制鸡腿,接着再复制出另一条腿。如图17所示。

图16 绘制鸡嘴图17 绘制鸡腿

第四步将绘制完成的鸡嘴、鸡腿和身体组装在一起,运用选择工具框选所有对象,选择“修改”|“分离”命令(快捷键Ctrl+B),把小鸡打散成形状。效果如图18所示。

图18 绘制完成的小鸡

(四)绘制眼睛和羽毛

第一步新建图层,将它重命名为“眼睛和羽毛”。在这个图层的第70帧,按下键盘上的F7键插入空白关键帧。

第二步在工具箱中选择椭圆工具,设置笔触色为“无”,填充色为桔黄色,在舞台上绘制出眼睛。然后选择刷子工具,设置填充色为淡土黄色,绘制出羽毛,效果如图示。

图19 绘制眼睛和羽毛

(五)创建形状补间动画

第一步选择“变形”图层的第10帧,按键盘上的F6键插入关键帧。

第二步保持第10帧被选择的状态,在属性面板“补间”下拉列表框中选择“形状”命令,如图20所示,完成形状补间动画的定义。

图20定义形状补间动画

这时可以看到,时间轴变化成绿色背景、带箭头的实线。如图21所示。

图21定义形状补间动画

(六)添加形状提示

第一步选中“变形”图层的第10帧,接着选择“修改”|“形状”|“添加形状提示”命令(快捷键Ctrl+Shift+H),可以看到鸡蛋上出现了1个带有字母的红色提示符,再次执行命令添加第2个形状提示。如图22所示。

图22添加形状提示

第二步拖动第10帧上两个形状提示到鸡蛋的上下边上,接着选中第70帧,拖动形状提示符到小鸡的身体两侧,可以看到第10帧上的形状提示变成了黄色,第70帧上形状提示变成了绿色。说明形状提示定义成功。如图23是第10和70帧的效果。

图23改变形状提示的位置

第三步选中两个图层的第80帧,按F5键插入帧。此时的时间轴图层效果如图8-24所示。

图24时间轴图层效果

第四步按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,鸡蛋变小鸡的形状补间动画制作完成。

实验四引导层动画

一、实验目的

1、了解在Flash中引导层动画的概念

2、掌握Flash引导层动画的制作方法

3、能够将引导层动画熟练运用到动画创作中

二、实验过程和步骤

Flash基本操作及简单动画制作要点

《Flash基本操作及简单动画制作》实验教学指导书 一、实验目的 1. 了解Flash的基本界面组成及特点。 2. 掌握Flash的基本操作。 3. 应用Flash设计制作静态二维画面。 4. 应用Flash设计动画。 二、实验内容 1.制作情人节贺卡静态画面。 2.制作声情并茂的生日贺卡。 三、实验仪器、设备 多媒体计算机,Flash MX 2004。 四、实验原理 任务驱动法,Flash的基本操作,应用Flash设计制作主题明确的静态画面、声情并茂的生日贺卡。 五、实验步骤 声情并茂的生日贺卡制作 最终效果如下图所示:

第一部分:制作着火的火柴 1.打开flash MX 2004,界面如下: 2.在空白处点击右键,选择设置文档属性,设置如下: 3.设置背景颜色为非白色。 4.单击窗口-库命令打开库面板。单击文件-导入-库,把需要的图片background,cake,hua等导入库中。如下图所示:

5.单击文件菜单,将文件保存为“祝你生日快乐.fla”。 6.单击插入菜单,选择新建元件,创建名称为“花按钮”,行为为:按纽

7.从库中把花拖入舞台,在图片上单击右键,选择:转换为元件,在弹出的窗口中选择:图形,将其命名为:花。 8.使用任意变形工具,将其旋转一定角度,分别在指针经过和按下处插入关键帧。 9.点击指针经过帧使用任意变形工具将元件稍稍变大;点击按下帧,将元件稍稍变小。 10.在库中新建一个影片剪辑,命名为“火焰”。 11.使用钢笔工具,在舞台中绘制火焰的轮廓。打开混色器,将颜色设置为“放射状”,

在颜色条上新建三个颜色条块,将第一第二个颜色滑块设置为白色,第三和第四个颜色滑块设置为红:241,绿:251,蓝:27。第五个颜色滑块设置为红:254,绿:148,蓝:137。 设置 12.使用油漆桶工具在火焰轮廓中设置颜色,使用填充变形工具将渐变调整为火焰形状。然后使用选择工具将边线删除。 13.分别在第10帧和第20帧处插入关键帧。点击第10帧,使用任意变形工具调整好火焰的形状,使其看起来像被风吹过得效果。分别在第1帧和第10帧设置形状补间动画。

Flash动画制作用什么软件 Flash动画如何制作

Flash动画制作用什么软件,Flash动画如何制作 很多人不知道从哪找一款合适的flash动画制作,特别是一些新手跟业余爱好者,他们更是不知所措。有关flash 动画制作软件,本人首先推荐万彩动画大师。相对于传统的Flash,万彩动画大师(https://www.wendangku.net/doc/1e11223785.html,)功能更加强大,操作也没那么复杂。它支持XP, Vista, Win7, Win8, Win10系统。简单易操作的界面可以让flash 动画设计者更轻松的完成制作。支持视频输出,最重要的是这款多功能的动画可以免费使用。 这款软件有很多特色之处,下面我将大致地概括一下: 1. 海量精美动画模板——内置大量简洁大方的动画模板,涵盖多个主题内容,轻松下载并替换模板内容便可快速制作出酷炫的动画宣传视频。

2. 海量精致高清场景、图片视频背景、动画角色(Flash、PNG 和GIF)和矢量图片素材库——场景涵盖医疗、健康、户外、室内等多个主题,图片视频背景简洁大气,动静态动画角色栩栩如生,矢量图片生动丰富,能整体提高动画视频的质感与美感。 3. 万彩动画大师可以添加很多元素物体,包括图形、图片、文本、SVG、气泡、音乐、视频、SWF、特殊符号,以及Flash、PNG、GIF角色等。我们制作微课可以直接在此添加文字而不用另外准备ppt教学课件,这样就省了一道工序;精美丰富的动画角色、SVG和图片也可随意添加,从而让微课演示更生活有趣,不至于乏味。 4. 别出心裁的镜头特效——缩放、旋转、移动的镜头特效让动画视频镜头感十足,流畅的镜头切换特效让视觉效果非常出彩。 5. 酷炫的动画特效——简单自定义文本和场景元素的进场、强调和退场动画特效,包括时下流行的手绘动画特效,让场景元素随心所动,让动画视频妙趣横生。 6. 自定义背景音乐,支持配音与字幕制作——可添加背景音乐增强视频画面氛围,还可给场景内容添加合适的配音与字幕,增强视频信息传递的有效性和观众的视觉体验。 7. 万彩动画大师的文件输出让人放心,播放起来很流畅。我们可将微课输出到云,然后分享到微信;也可直接输出成视频,包括576P、720P HD、1080P HD等多种大小,以及mp4、wmv、avi、flv、mov、mkv等多种格式。

flash简单网页制作

《网页制作》实验指导书 安徽科技学院 贾丙静编写 2013年5月

实验一 Flash CS4界面及使用文本 一、实验目的 1.了解FLASH CS4窗口组成 2.掌握工具箱中各种工具的使用方法,能够使用各种工具制作简单的图形 3.掌握浮动面板的显示与隐藏方法 4.了解在Flash中对文字的操作 5.了解Flash中文本的类型 6.学会安装文字类型 7.熟悉文本特效的制作过程 二、实验内容 1.验证FLASH CS4启动和退出的各种方法 2.查看并确认FLASH CS4的各个组成部分 3.利用工具制作简单图形 4.制作立体文字 5.制作波纹文字 6.制作五彩字 7.制作镂空字 8.制作浮雕字 9.制作霓虹灯文字 10.制作洋葱皮文字 三、实验过程和步骤 1.验证FLASH CS4启动和退出的各种方法。 (1)启动: 1)利用开始菜单中的“程序” 2)利用桌面上的“快捷图标” 3)利用文档菜单中的FLASH文档 4)利用“我的电脑”或“资源管理器”中的FLASH 文档 (2)退出 1)利用标题栏中的“退出”按钮

2)利用双击标题栏的应用程序图标 3)利用控制菜单中的关闭 4)利用文件菜单中的“退出”命令 5)利用ALT+F4。 2.查看并确认FLASH CS4的各个组成部分。 (1)菜单栏中有哪些菜单? (2)怎样显示与隐藏面板?怎样添加浮动面板?怎样可以恢复面板的原始设置? (3)怎样设置工作区属性?怎样调整它的显示比例? (4)工具箱中有哪几种工具?怎样使用每种工具? 3.利用工具箱中的工具,完成下题目: (1)利用套索工具选取位图中的图形 第一步建立新文件:通过“文件/新建”或主工具栏中的按钮,新建一个FLASH 文档; 第二步执行“文件/导入/导入到舞台”,将“卡通.bmp文件导入到舞台”, 图1-1 选中位图,按右键选中分离将之“矢量化”或者直接用Ctrl+B进行分散 第三步点击工具栏中的套索工具,在选项中选中“魔术棒属性”按钮,在弹出的对话框中将阈值改为50。 第四步在选项中选中“魔术棒”按钮,点击图中的白颜色处,然后按Delete键,将大块空白处删除。 第五步使用缩放工具将图放大,在没有完全去除的粉色处,使用橡皮擦按钮擦除。 第六步保存文件:选择合适的路径保存文件为“位图.fla”。

计算机动画制作软件Flash

第四章计算机动画制作软件Flash MX 本章主要学习的内容: 熟悉计算机动画制作软件Flash MX、Flash MX基本操作,等等。 需要掌握的内容: Flash软件动画制作的操作方法 第一节 Flash MX的基本操作 在F1ash MX软件中,灵活掌握各种绘图工具,是直接绘制简单明了的图形,并把这些简单的经过加工组合,最后成为一幅完整的Flash作品的保证。下面就对Flsah MX进行介绍。 Flash MX的工作主界面如图1所示。主界面中的“舞台”就是以后设计、描述并最终完成整个F1ash 作品的主要活动场所,下文中将多次提到它,即是指完成Flash作品的这个“舞台”环境。 图1 Flash MX的界面 在主界面中,执行“窗口→工具”菜单命令,即显示绘图工具箱,如图2所示。在工具箱中单击选中的工具图标使其反白,即可设置该工具为当前选择工具。利用工具箱中的工具为Flash作品添加各种

各样的文字、图形、填充颜色以及对这些史字和图形进行修改和编辑。 一、绘图工具说明: (1)箭头工具利用箭头工具可以选择整个图形或只选择部分图形进行复制、移动、变形等操作。单击可选中整个对象。也可以用箭头工具拖出一个矩形区域,将区域中的对象全部选中。利用箭头工具,还可以对图形对象进行编辑,将箭头工具放置在图形对象的线型上,箭头工具变为形状。按住鼠标向任意一个方向拖动,即可改变当前图形的形状,如上图3所示。 (2)部分选取工具利用部分选取工具选择对象后,对象边框以路径方式显示,编辑路径上的节点可以更改对象的形状。 对于由内部填充的图形,编辑节点位置后,其内部的填充也会自动随之发生变化,如图4所示。 (3)线条工具和铅笔工具线条工具和铅笔工具都是绘制线条的工具:使用线条工具能绘制不同角度的直线,如果按住【Shift】键并拖动鼠标可绘制角度为45°倍数的线条;使用铅笔工具可绘制自由手画式的线条,并在工具箱下部的选项区选择绘图模式,如果按住【Shift】键并拖动鼠标可绘制水平或竖直的直线。 (4)套索工具使用套索工具,可以通过勾画不规则的区域来选择对象,通过设置选项,可用多边形模式或魔术棒模式来选择对象,如图5所示。

flash基本动画制作教案

第7章 Flash 8基础与实例(2)—— 常见动画的制作 知识点: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配:2学时 教学内容: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点: 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点: 形状补间动画与动作补间动画的区别。 教学方法与手段:讲授法,多媒体展示 教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法)

本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。 优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D 等)产生的动画序列。 三、绘图纸功能 1.绘图纸的功能

Flash动画制作之三 ——奥运五环的制作

课题:Flash动画制作之三——奥运五环的制作 教学目标:1:熟悉FLASH制作中的关键性概念:元件; 2:完成奥运五环的制作以及文字的制作; 3:巩固FLASH制作中的重要动画形式:运动渐变动画。 教学重点:奥运五环的制作; 教学难点:理解元件的概念; 教学方法:讲授法,演示法,实践法 教学过程: 一、操作步骤1: 1:打开Flash 软件 “开始”菜单―――“程序”―――Flash MX 2004 2:元件的新建 在菜单栏中插入——新建元件,选择图形元件,并命名为wh1,这里要制作奥运五环中的一个环,其他的四个通过复制粘贴完成 方法:选择椭圆工具,并设置其线条颜色和填充颜色 注意:线条颜色根据五环的颜色设置,填充颜色设置为“无” 另外还可以设置线条粗细 3:元件的复制 第一个五环完成后,用选择工具将其选中,然后再次通过插入——新建元件,命名为wh2,将复制的wh1粘贴其中,并根据奥运五环颜色改变它的线条颜色 4:用同样的方法完成其他三个圆环 5:元件的新建(制作文字),命名为wz

选择文字工具,设置其大小,字体,颜色等后在元件中输入“心系奥运放飞梦想” 技巧:阴影文字的制作 选中该文字,按住CTRL的同时,拖动鼠标,将该文字复制,并将复制的文字换一颜色,利用方向键将文字微调,实现阴影效果。 至此,元件制作完毕。 二、操作步骤2:讲解元件的功能 三、操作步骤3: 回到场景中 1:五环的运动 (1)在图层1第一帧处,将五环wh1,wh2,wh3,wh4,wh5依次拖入场景中,并根据奥运五环的造型构件好,此时,五个环是五个独立的个体,将五环全部选中,通过修改——组合,将其组合成一个统一的整体。 (2)在图层1的30帧处,插入一关键帧,并将五环移动至某一位置(不同于第一帧)(3)构建动画,选中图层1第一帧,设置动画中间为“形状” (4)实现奥运五环从高处落下运动。 2:文字的运动 (1)新建图层2,在图层2第一帧处,将制作好的元件wz拖入 (2)在图层2的30帧处,插入一关键帧 (3)在图层2第一帧处,将文字通过任意变形工具进行缩放,旋转 (4)构建动画,选中图层1第一帧,设置动画中间为“形状” (5)实现文字旋转出现在场景中。 四、操作步骤4 通过菜单栏中“控制”——“播放”,观看效果

flash小动画制作步骤

一.背景绘制:将事先找好的元件拖入到库中,重命名为 “马路”,之后改变舞台颜色为蓝色,并将马路元件突入 舞台,图层命名为”路”,,之后新建图形元件“云”,新 建云1元件,将云拖入天空元件中,进行排列,和任意变 形。 如图所示:随后制作天空的影片剪辑元件“云1”,创建图中所表示的传统补间,随后将图 片剪辑拖入背景图层 中,命名为“天空”。 并且背景效果如下图 所示:

二.画出人物:制作动画,所需要的基 本的任务造型和影片剪辑:新建元件, 将所要画人物的耳朵,左脚,右脚等 制作成元件,之后使用“红脸”元件, 制作脸红的影片剪辑,将红脸拖入剪 辑元件中,在5帧处,设置透明度为 10%,10帧处设置透明度为100%, 15帧处设置透明度为10%。之后制作 “兔子”的影片剪辑,将元件拖入影片剪辑元件中,调整各 个部分的位置,添加如图所示的关键帧,和传统补间。并且 将做好的脸红影片剪辑,拖入到其中,至此,兔子的影片剪 辑,制作完成,择兔子行走的影片剪辑完成,之后,重复以上动作,制作元件“女兔子”和其行走的影片剪辑,如图所示:

二.具体动画制作: 男:新建元件,画出图形,命名为“眼睛2”、“眼睛3”, “眼睛4““眼睛5”等的图形在兔子元件中,选中如图所示的帧,并复制粘贴在新建影片剪辑“兔子身体”中,新建“兔子2”、“兔子3”和“兔子4”等影片剪辑,将兔子 身体,以及眼睛拖入,制作新的兔子造型元件。 女:女兔子也是重复相同的方法,新建图形元件,影片剪辑,绘制成不同帧所用的简单动画任务造型,并如图所示,拖入“汗”的图形元件,插入关键帧,创建传统补间。制作出流汗的效果。按照男兔子的制作方法制作元件,影片剪辑,

网页设计与制作总结

网页设计与制作 实训报告 班级:多媒体152 姓名:张莉钧 学号: 指导老师:薛杨王淑惠 实训时间:6.20——6.24 一、实训目的: 1、进一步熟悉和掌握网站建设的基本流程和技术规范; 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识; 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识; 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站; 5、具备独立撰写实训报告基本能力; 6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予 以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅,包括它的菜品、餐厅的环境以及促销活动。另外,网站里还包括餐厅资料和联系方式,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和白色搭配,用以展示餐厅特色的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息,包括图片、文字。同时,查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。 3、网站规划 我的网站共有7个主页面:首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块,以保证网站统一的页面风格。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是CSS设计一个样式,以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

Flash网页制作

(1)在电脑磁盘新建一个web文件夹→点击进入在新建image、sound、vadio、web1、web2、web3、web4、web5文件夹。 (2)打开Adobe Flash Professional CS5.5命令→新建Flash文件“ActionScript2.0”→新建图层→文件→导入→【准备好了的素材】导入到库→按“Ctrl+L”打开库面板并把素材拖到舞台、调整,命名为“背景”、如图: (3)按Ctrl+F8新建一个影片剪辑元件舞台→工具栏→矩形工具→文件→导入→【把需要的素材】导入到库→按“Ctrl+L”打开库面板,把第一张拖到影片剪辑元件舞台→第一帧把图片放在矩形的右边,到第60帧移动打左边→创建补间如左图→再把第二张拖到影片剪辑元件舞台→第一帧把图片放在矩形的左边,到第60帧移动打右边→创建补间,后面的几张用相同的方法即完成→新建图层→工具栏→矩形工具→在原有的矩形上再画一矩形并将其转换为遮罩层→回到舞台→新建图层→按“Ctrl+L”打开库面板并把它拖到指定图层、调整,命名为“标题”、如右图。 (4)新建图层→矩形工具→画矩形→按“Ctrl+K”打开对齐面板→调整其对齐方式→命名为“导航”。 (5)新建图层→工具栏→文字工具→【首页】→按住“Shift+Alt”在拖动三个→把它们全部选中→按住“ctrl+K”打开对齐面板,把它们的间隔调整好→文字工具,他们分别改为【经典苗寨】【县城景观】【天下西江】→在将他们依次分别转换成“图形元件”和“按钮元件”。

(6)按Ctrl+F8新建一个影片剪辑元件舞台→工具栏→文字工具→输入【中国十大最好玩的地方,雷山欢迎您!】文字→把第一帧的“A”值改为零并将文字缩小→到第60帧按F6将文字调大并移动→再新建图层→文件→导入→【素材】导入到库→将素材拖到次图层的上面并转换为遮罩层→回到舞台→新建图层→将它拖到指定的图层上→按“Ctrl+K”打开对齐面板→调整其对齐方式→命名为“WZ”→新建图层→把已经导入好的素材从库拖到标题的左边→调整→命名为“标题头”→文件→发布(inde.fla、inde.html、inde.swf)→将(inde.fla)复制并分别放到web1web2,web3,web4,web5中,如图: (7)打开【web1】→web1.fla调整导航的颜色→文件→新建→新建‘影片剪辑元件’→新建图层1→按住“Ctrl+L”打开库面板,把需要的素材拖到里面→新建图层2→按住“Ctrl+L”打开库面板,把需要的素材拖到里面→将素材转换成影片剪辑元件→在第一帧按住“F9”打开脚本窗口→时间轴控制→“stop()”→在60帧按住“F6”键插入关键帧→按住“F9”打开脚本窗口→时间轴控制→“stop()”→将其‘A’值修改为零→再到120帧按住“F6”键插入关键帧→新建图层3→将图层1复制到图层3并转换为“按钮”→将按钮的第一帧拖到’‘按下’帧上,如图:

flash基本动画制作教案

第7章Flash 8基础与实例(2)—— 常见动画的制作 知识点: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配:2学时 教学内容: 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点: 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点: 形状补间动画与动作补间动画的区别。 教学方法与手段:讲授法,多媒体展示 教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法)

本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。 优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D等)产生的动画序列。 三、绘图纸功能 1.绘图纸的功能

《网页制作与动画设计》课程设计报告说明

《网页制作与动画设计》课程设计报告说明 1、可参考本文的结构(下图)来撰写课程设计报告 2、封面后第一页应描述本组成员及分工情况 3、应附有Web应用的源代码 4、必须于下学期开学第一周周末前将开题报告和源码email到zf@https://www.wendangku.net/doc/1e11223785.html,

《网页制作与动画设计》 课程设计 课题名称:网络商城 学院班级:xx学院xx年级xx班 成员:张三学号201207100341 李四学号201207100321 指导老师:詹锋

课程设计成员介绍 组长:xxx 其他成员:yyy 组员分工: ***xxx 主要完成网站中商品查询那一块和数据库的整体设计。 ***yyy 主要完成后台管理,登录注册,留言版块,在线订单以及静态页面的设计等功能。

一、系统功能及总体结构简介 1.1系统功能说明 该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现. 该系统首先要包含几个最基本的功能: 1.建立和维护顾客信息库 顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。同时,顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下,仍然能够以原有的账号登录,系统提供了找会密码的功能. 2.方便和集成的电子购物环境 顾客可以在浏览商品的方便地收藏或者直接点购买来下订单,为了方便顾客查找所感兴趣的商品,系统提供了搜索功能,提高了购物效率。系统同时对这些搜索关键字进行统计分析,以分析出

(完整word版)flash基本动画制作的教案

第7 章Flash 8 基础与实例( 2 ) 常见动画的制作 知识点: 1、逐帧动画的制作。 形状补间动画的制作。 2、 动作补间动画的制作。 3、 遮罩动画的制作。 4、 引导路径动画的制作。 5、 学时分配: 2 学时 教学内容: 逐帧动画的制作。 1、 形状补间动画的制作。 2、 动作补间动画的制作。 3、 遮罩动画的制作。 4、 引导路径动画的制作。 5、 教学重点: 形状补间动画的制作。 1、 动作补间动画的制作。 2、 遮罩动画的制作。 3、 引导路径动画的制作。 4、 教学难点: 形状补间动画与动作补间动画的区别。教学方法与手段:讲授法,多媒体展示教学过程: (一)创设意境,导入新课(设疑法、提问法) 导入: 教师展示几个Flash 实例,然后引导学生一个一个亲自动手制作。引入新课程: (二)新课教学(讲解法、提问法、示范法、实验法) 本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。

逐帧动画的制作 逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也 就是每一帧中的内容不同,连续播放而成的一种动画。 优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧 转身等效果。 缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非 常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。 图7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3.文字逐帧动画 用文字作帧中的元件,实现文字跳跃、旋转等特效。 4.导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D 等)产生的动画序列。三、绘图纸功能1.绘图纸的功能 绘图纸是一个帮助定位和编辑动画的辅助功能,这个功能对制作逐帧动画特别有用。通常情况下,Flash在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后,你就可以在舞台中一次查看两个或多个帧了。 如下图所示是使用绘图纸功能后的场景,可以看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上,这些内容相互层叠在一起。当然,这时你只能编辑当前帧的内容。

《Flash动画制作》 实验报告

《Flash动画制作》 实验教学指导 目录 实验一F l a s h动画欣赏,熟悉软件环境 (3) 实验二图形对象的绘制与对象的编辑处理 (4) 实验三制作形状渐变动画 (5) 实验四制作图层特效动画——运动引导层动画 (6) 实验五制作图层特效动画——遮罩动画 (7) 实验六f l a s h特殊按钮的制作 (8) 实验七按钮、声音与Action脚本语句的综合运用 (11) 实验八A c t i o n S c r i p t的脚本语言 (13) 实验九flash欣赏与综合设计 (14) 实验一Flash动画欣赏,熟悉软件环境 一、实验目的 1、通过Flash动画欣赏,了解该软件的功能并熟悉软件环境; 2、掌握舞台、工作区、时间轴、帧与关键帧的概念,了解制作Flash动画的基本流程; 3、学习Flash帮助的使用。 二、实验前的准备工作 认真阅读以下教学内容:

1、flash动画制作原理; 2、舞台、时间轴、帧、关键帧、图层的概念,了解flash动画制作的基本流程; 3、Flash动画文件的格式,如何新建、保存、输出打开与播放两种格式的文件。 三、实验指导 1、打开flash软件,分别选择打开已有、fla文件,观瞧界面的时间轴、图层、舞台、帧等; 2、分别点击时间轴、帧、舞台、图层,观瞧属性栏; 3、设置舞台的属性; 4、选中图层上的锁、眼睛、方框,观瞧时间轴、舞台变化; 5、新建、保存与导出文件。 四、实验内容 1、启动与退出Flash、了解Flash的工作环境; 2、打开、保存动画文件并观瞧Flash影片; 3、打开Flash帮助,浏览其目录结构。 五、实验报告要求 1、写出实验内容及过程。 实验二图形对象的绘制与对象的编辑处理 一、实验目的 1、学会设置笔触颜色与填充颜色,能使用铅笔、钢笔、笔刷、直线、圆、矩形等绘图工具绘制简单的图形,掌握复制与移动图形、对图形进行选取、变形、修改等操作; 2、熟练使用颜色调板。 3、绘制flash图形,进一步认识帧、关键帧、图层、时间轴的概念。 二、实验前的准备工作 认真阅读以下教学内容: 1、flash工具的基础知识。 2、flash时间轴与图层的知识。 三、实验指导 1、启动flash 8、0软件,新建一个空白文档,观察主界面。 2、点击工具窗口中列出的flash的各种图像编辑与调板工具,同时观察其属性栏,并在flash舞台中使用工具,观察工具的作用。

《网页设计与制作》试卷及答案

浙江传媒学院《网页设计与制作》期终(考试)卷 学院 班 姓名 学号 总分 题号 一 二 三 四 五 六 题分 一、单选题(每小题1分,共30分) 1、 设置字体大小时,选择"无",代表( )。 号字 号字 号字 号字 2、 在HTML 源代码中,图像的属性用( )标记来定义。 3、 在页面属性对话框中,我们不能设( )。 A.网页的标题 B.背景图像的透明度 C.背景图像 D.超链接文本的颜 色 4、 图像属性面板中的热区按钮不包括( )。 A.方形热区 B.圆形热区 C.三角形热区 D.不规则形热区 5、 用于同一个网页内容之间相互跳转的超链接是( )。 A.图像链接 B.空链接 C.电子邮件链接 D.锚点链接 6、 将超链接的目标网页在最顶端的浏览器窗口中打开的方式是( )。 A. _parent B. _top D. _self 7、 在Flash 中,绘制直线时,按住( )键可以绘制水平线。 A. Alt B. Ctrl 8、 在Flash 中,如果要选取铅笔工具,应在绘图工具箱中单击( )工具。 A . B . C . D . 9、 要在时间轴上插入空白关键帧,应当使用的快捷键是( )。 A. F5 B. F 9 C . F8 D. F7 10、 下面对矢量图和象素图描述不正确的是:( )。 A .位图(点阵)的基本组成单元是象素 B .点阵图的基本组成单元是锚点和路径 C .Adobe Illustrator 图形软件能够生成矢量图 D .Adobe photoshop 能够生成位图 11、 对于在网络上播放动画来说,最合适的帧频率是: A.每秒24帧 B.每秒25帧 C.每秒12帧 D.每秒16帧 12、 Dreamweaver 可以导入的表格式数据的格式是( )。 A. 文本格式 格式 格式 D.任意格式 13、 如果想让页面具有相同的页面布局,那么最好使用哪种技术( )。 A.库 B.模板 C.库或模板均可 D.每个页面单独设计 14、 Dreamweaver 中,库项目可以包含( )元素。 装 订 区

五年级信息技术《动画制作工具flash》教案

五年级信息技术《动画制作工具flash》 教案 第二 动画制作工具flash 一、教学目标 、了解界面中各部分的作用,及常用菜单所在的位置,重点掌握工具的应用。 2、理解时间轴的概念及作用,运用工具箱中的圆形工具绘制一个小球,并在时间轴上进行相应的设置,使之运动。 二、教学内容 、工作界面的介绍 2、绘图工具的使用 3、学习制作运动动画 三、 教学时 2时 四、 教学过程 第一时 一、欣赏导入: 播放上一节自己下载的喜欢的动画。(选两个较好的全

体观看) 师:你们想制作这样的动画吗?我们从这节开始学习动画制作工具FLASH。 二学生看书自学下面内容: (一)Flash X的工作界面如下图 Flashx工作界面主要分为标题栏、常用工具栏、时间轴、工具栏、主工作区、浮动面板、属性面板及动作面板等。 (二)部分绘图工具的使用 箭头工具:用于选定工作区中的点阵图或矢量图,并可对点阵图进行一定的编辑; 副选工具:可对所绘路径进行精确调节; 直线工具:用于绘制直线; 索套工具:创建任何形态的选区; 钢笔工具:可以精确绘制直线或曲线路径; 文本工具:用于创建文本或文本域; 椭圆工具:绘制椭圆或圆; 矩形工具:绘制矩形或正方形; 铅笔工具:可以绘制任意线条或图形; 刷子工具:用于着色的一种工具,可以创造任意特殊效果; 墨水瓶工具:用于填充线条或图形边框的颜色; 油漆桶工具:改变物体的填充色;

吸管工具:用于拾取颜色; 橡皮擦工具:用于移动窗口中显示的视图。 …… 三、学习使用工具进入绘画。 四、本小结 本主要讲述了Flash的基本界面特征,强调工具的作用及其使用方法,为以后进一步深入学习Flash动画制作打下了一定的基础。 六、外作业 上机操作,使用工具箱中的工具绘出相应的图形。 第二时 一、找学生到前面绘画出立体球 二、学生自学下面知识点: Flash中的时间轴主要由图层、帧组成。 A帧(frae):传统意义上的动画是由一张张单独的胶片组成,将这些静止画面连续播放,利用人眼的视觉暂留,就产生连续运动的动画效果,而Flash的帧就如同电影胶片,按时间轴窗格中每一帧画面的顺序播放就产生了动画效果。 B图层(laer):动画中的每一帧都是由多个图层中的图片重叠组成的,不同图层的画面元素,可以分别施加动画效果。图层可以用透明的玻璃纸来比喻,当上面图层和下面图层的内容相重叠时,上面图层上的内容将遮挡住下面图层上

最完整的Flash动画制作教案

《Flash动画制作》授课计划

2.Flash的历史与发展 3.Flash的特点 1.2 Flash应用领域 1.3 Flash动画原理 1.动画原理 2.Flash动画制作原理 1.4 Flash工作环境 1、舞台就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文 件进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。 2、时间轴窗口用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧 里,以安排电影内容播放的顺序。 3、绘图工具栏放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂, 修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的 修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效 果。 4、标准工具栏列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及 控制舞台放大比例的图标和选项,便于进行更为快捷的操作。 5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics), 按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。 6、控制器面板控制电影的播放操作的工具集合,一般不大常用,处于隐藏状态。 例1:使用工具制作一个“笑脸”或“哭脸” 思考:如何让“哭脸”变成“笑脸”? 引入层的概念,将“嘴”放在新建的图层上 引入简单动画制作步骤: a、绘制动作的开始状态与结束状态,即绘制两个关键帧,并注意两个关键帧在时间线上的 位置。 b、选择所有帧,创建动画。 例2:小球的直线运动。 步骤1:在舞台上画出小球。 步骤2:在第20 帧上插入关键帧。 步骤3:移动小球,使其开始位置与结束位置不同。 步骤4:选择所有帧,创建形状渐变动画。 例3:小球沿规定的轨迹运行。 步骤5:在前一个动画的基础上添加引导层 讲述层的概述时, 可结合前期学习 过的Photoshop 中层的概念,这样 学生头脑中就有 了印象。 请学生注意动画 制作的过程,并能 自己制作上述两 个动画。 注意flash的两种 不同格式的文件, 源文件和播放文 件分别的打开方 式

五年级信息技术《动画制作工具flash》教案

五年级信息技术《动画制作工具flash》教案

五年级信息技术《动画制作工具flash》 教案 第二 动画制作工具flash 一、教学目标 、了解界面中各部分的作用,及常用菜单所在的位置,重点掌握工具的应用。 2、理解时间轴的概念及作用,运用工具箱中的圆形工具绘制一个小球,并在时间轴上进行相应的设置,使之运动。 二、教学内容 、工作界面的介绍 2、绘图工具的使用 3、学习制作运动动画 三、 教学时 2时 四、 教学过程 第一时 一、欣赏导入: 播放上一节自己下载的喜欢的动画。(选两个较好的全

体观看) 师:你们想制作这样的动画吗?我们从这节开始学习动画制作工具FLASH。 二学生看书自学下面内容: (一)Flash X的工作界面如下图 Flashx工作界面主要分为标题栏、常用工具栏、时间轴、工具栏、主工作区、浮动面板、属性面板及动作面板等。 (二)部分绘图工具的使用 箭头工具:用于选定工作区中的点阵图或矢量图,并可对点阵图进行一定的编辑; 副选工具:可对所绘路径进行精确调节; 直线工具:用于绘制直线; 索套工具:创建任何形态的选区; 钢笔工具:可以精确绘制直线或曲线路径; 文本工具:用于创建文本或文本域; 椭圆工具:绘制椭圆或圆; 矩形工具:绘制矩形或正方形; 铅笔工具:可以绘制任意线条或图形; 刷子工具:用于着色的一种工具,可以创造任意特殊效果; 墨水瓶工具:用于填充线条或图形边框的颜色; 油漆桶工具:改变物体的填充色;

吸管工具:用于拾取颜色; 橡皮擦工具:用于移动窗口中显示的视图。 …… 三、学习使用工具进入绘画。 四、本小结 本主要讲述了Flash的基本界面特征,强调工具的作用及其使用方法,为以后进一步深入学习Flash动画制作打下了一定的基础。 六、外作业 上机操作,使用工具箱中的工具绘出相应的图形。 第二时 一、找学生到前面绘画出立体球 二、学生自学下面知识点: Flash中的时间轴主要由图层、帧组成。 A帧(frae):传统意义上的动画是由一张张单独的胶片组成,将这些静止画面连续播放,利用人眼的视觉暂留,就产生连续运动的动画效果,而Flash的帧就如同电影胶片,按时间轴窗格中每一帧画面的顺序播放就产生了动画效果。 B图层(laer):动画中的每一帧都是由多个图层中的图片重叠组成的,不同图层的画面元素,可以分别施加动画效果。图层可以用透明的玻璃纸来比喻,当上面图层和下面图层的内容相重叠时,上面图层上的内容将遮挡住下面图层上

FLASH动画制作课程教学大纲

《F L A S H动画制作》课程教学大纲英文名称:Flash animation 学分/总学时:2/36(其中课堂: 32学时;课内实验: 0学时;课外实践: 4学时) 先修课程:《计算机基础》、《Photoshop》等 适用对象:展示设计专业、绘画专业 一、课程性质与目的 《Flash动画制作》是展示设计专业与绘画专业网页设计与制作类课程的专业选修课程之一,它以Flash 8为操作对象,介绍了制作Flash平面动画相关的技术和方法,将主要学习矢量绘图、基本动画和基本编程等动画技术。它的特点是涉及知识面广泛,对操作技能和实践性的要求较高,因此要求学生在全面掌握各个知识点的基础上,要特别勤于实际操作和不断积累经验。 本课程的目的是培养具有一定实践经验的网页设计人员。通过本课程的教学,使学生了解Flash的设计环境、制作流程,能独立绘制简单、复杂图形,学会导入图形、音频、视频等文件,制作逐帧动画、补间动画,制作引导层动画、遮罩层动画,并了解简单编程等。 二、教学内容及要求 第一章熟悉Flash8的设计环境( 2学时) 【基本内容】 1.熟悉Flash8的设计环境 动画制作流程 【基本要求】 1.熟悉Flash8的设计环境及流程 2.了解Flash8制作逐帧动画的方法 【重点及难点】 重点:Flash的一般制作流程 难点:Flash的操作界面 【教学活动与教学方式】 第1讲Flash 8动画制作基础 熟悉Flash 8的设计环境 知识点讲解 范例解析——Flash 8用户界面介绍 课堂练习——Flash 8用户基本操作 Flash 8动画制作流程 知识点讲解 范例解析——制作“过光文字” 课堂练习——制作“数字倒计时”

flash动画制作教程(很实用)

幻灯片1 第6章动画制作软件 Flash MX ●初识Flash ●动画制作基础 ●简单动画制作 ●高级动画制作 ●作品的输出 幻灯片2 一、初识Flash ●用户界面 ●菜单栏 ●标准工具栏 ●控制工具栏 ●绘图工具栏 ●浮动面板 ●时间轴面板 ●属性面板 ●工作区 (图见下页) (图见下页) 幻灯片3 时间轴面板 幻灯片4 属性面板 如文字工具的属性面板。

幻灯片5 一、初识Flash ● 2. 绘图工具 ●箭头工具、精选工具和套索工具 ●直线工具和铅笔工具 ●钢笔工具 ●椭圆工具和矩形工具 ●笔刷工具 ●自由形变工具 ●渐变工具 ●墨水瓶工具和颜料桶工具 ●吸管工具 ●橡皮擦工具 ●视图移动工具 缩放工具 幻灯片6 一、初识Flash ●⑴箭头工具(Arrow Tool)、精选工具(Subselect Tool)和套索工具(Lasso Tool)。 ●他们的主要功能都是选择 ●箭头工具选取和移动对象、修正对象轮廓、旋转或缩放对象。 ●精选工具对曲线、圆形、矩形等图形对象的外形进行编辑调整。若 图形对象是组件,必须先解散。 套索工具使用圈选方式来选取对象,它可以圈出不规则形状。

幻灯片7 一、初识Flash ●箭头工具用来选择或移动对象 ●选择对象方法: ①单击对象的内部区域(或轮廓线),选中该对象的内部区域(或轮廓线); ●②双击对象的内部区域(或轮廓线),选中该对象的内部区域和轮廓线(或轮廓 线); ③拖放鼠标圈出一个矩形,该矩形中的区域被选中。 ●选项栏: ①自动对齐(Snap to Objects)绘制、移动、旋转或调整的对象将自动对齐; ●②平滑处理(Smooth)对直线和形状进行平滑处理; ③平直处理(Straighten)对直线和形状进行平直处理。 幻灯片8 一、初识Flash ●精选工具使用该工具选中对象后,对象将显示出一条带有节点(空心小方块)的蓝色 线条。 ●套索工具选择不规则区域,或选择位图中不同颜色的区域(必须事先用Modify/Break Apart命令将其打碎)。 ●包括: ●魔术棒(Magic Wand)可根据颜色选择对象的不规则区域; 多边形(Polygon Mode)可选择多边形区域; 幻灯片9 一、初识Flash ●⑵直线工具(Line Tool)和铅笔工具(Pencil Tool)。 ●用于在工作区中绘制线条。 ●直线工具只能画直线。 按住Shift键,拖放鼠标可以绘制垂直、水平直线或45 铅笔工具画直线或曲线。 所画线条包括:Straighten(平直)、Smooth(平滑)、Ink(墨水)三种模式。

相关文档
相关文档 最新文档