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、运行FlashCS22、建立一个新的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、运行FlashCS22、建立一个新的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帧，单击属性面板里的“形状”。