admin 管理员组文章数量: 1086019
2024年5月8日发(作者：招聘网站排名)
图8 制作第二张图片的补间动画
第十步：选择图层3的49帧，按“F7”键插入空白关键帧后重复第6步完成“风景”图
片透明度从0到100的补间动画，如图9所示。
100
图9 制作第三张图片的补间动画
第十一步：在图层2上右键激活快捷菜单选择“遮罩层”命令即可，如图10所示。
图10 制作第三张图片的补间动画
第十二步：按“Ctrl+Enter”测试动画就能看到电视机播放图片切换的动画效果。
2．仿照案例，实现电视机里面播放一段视频或者一段小动画。
四、实验思考
1．遮罩动画有什么特点？
101
2．如何去掉将上例中电视机内框里原有图片变成黑色？
102
实验十七 骨骼动画案例
一、实验目的
掌握骨骼的制作方法。
掌握骨骼动画的制作方法，并能利用骨骼动画制作特殊的角色行走类型的动画。
二、实验软硬件环境
一台接入Internet的计算机；Windows 7操作系统；Dreamweaver CS6、Flash CS6、Fireworks
CS6软件。
三、实验内容
第一步打开Flash，新建一个ActionScript3.0文档，保存文档到相应的位置，并命名为“骨骼
动画.fla”。
第二步：用“矩形工具”在舞台中绘制一个矩形长条，如图1所示。
103
图1 绘制矩形长条
第三步：选择“骨骼工具”给矩形添加骨骼，方法是按住鼠标拖拽后松开，再按住鼠标拖拽后
松开，连续给矩形添加多个骨骼，如图2所示。
图2 创建补间动画
第四步：选择“骨架_2”图层的第1帧 ，用鼠标直接拖至第25帧，用鼠标选择最后一段骨骼
104
的控制点，按下鼠标调整这个骨架的姿势，如图3所示。
图3 创建补间动画
第五步：用鼠标选择需要设定某段骨骼，设置属性如图4所示。
105
图4 设置每一段骨骼的属性
第六步：按“Ctrl+Enter”测试动画就能看到骨骼动画效果。
2．仿照案例，利用骨骼动画制作一个小人行走的动画。
四、实验思考
1．骨骼动画的图层和普通动画有何区别？
2．制作骨骼动画要注意哪些问题？
106
实验十八 Fireworks工具箱的使用
一、实验目的
掌握Fireworks工具箱中矩形工具、椭圆工具等常用工具的使用。
二、实验软硬件环境
一台接入Internet的计算机；安装Win 7操作系统；Dreamweaver CS6、Fireworks CS6、
Flash CS6。
三、实验内容
1．案例：制作联通LOGO
第一步：单击主菜单“文件/新建”命令，新建宽度为600像素，高度为600像素，画布颜色
为白色的画布。
第二步：使用“矩形工具”绘制一个宽度和高度分别均为100像素的正方形，同样的方法绘制
一个宽度和高度分别均为60像素的正方形，按住Shift键依次单击这两个正方形使之选中，单击主
菜单“修改/对齐/垂直居中”命令和主菜单“修改/对齐/水平居中”命令。
107
第三步：单击主菜单“修改/组合路径/打孔”命令，得到一个方框组合路径。单击主菜单“修改
/变形/数值变形”命令或者按Ctrl+Shift+T键打开“数值变形”对话框，设置“旋转”、“角度为45
度”，如图1所示，效果如图2所示。
图1 数值变形参数
图2 变形后的矩形
第四步：使用“椭圆工具”，按Shift键绘制一个宽度和高度均为60像素的圆形，选定这个圆形，
单击主菜单“编辑/克隆”命令，克隆一个圆形，打开“数值变形”对话框，调整大小：20*20。单
击主菜单“修改/组合路径/打孔”命令，得到一个圆环组合路径，效果如图3所示。
108
图3 圆环
第五步：调整方框和圆环的到如图4所示的位置，选定方框和圆环，单击主菜单“修改/组合路
径/联合”命令，单击主菜单“编辑/克隆”命令，将联合后的路径克隆一份，单击主菜单“修改/变
形/水平翻转”命令，然后将两个路径调整到如图5所示的位置，选择这两个路径，单击主菜单“修
改/组合路径/联合”命令。
图4 调整位置后的方框和圆环
109
图5 调整后的路径
第六步：按照步骤4的方法绘制一个圆环。绘制一个高度为60像素宽度任意的矩形，用“指针
工具”调整矩形位置使其覆盖住圆环的一半，单击“修改/组合路径/打孔”命令，得到如图6所示
的半圆环。
图6 半圆环
第七步：绘制宽度和高度分别为50像素和20像素的矩形，调整其位置使其与半圆环如图7所
示，单击主菜单“修改/组合路径/联合”命令，单击主菜单“编辑/克隆”命令，将组合后的路径复
制一份，单击主菜单“修改/变形/垂直翻转”命令，单击主菜单“修改/变形/垂直翻转”命令，用“指
针工具”将克隆的路径与原路径分开，如图8所示。
图7 矩形和半圆环
110
图8 复制并调整位置的矩形和半圆环
第八步：绘制一个高度和宽度分别为20像素和140像素的矩形，将矩形与如图8所示的两个
路径调整位置到如图9所示，将它们全部选中，单击主菜单“修改/组合路径/联合”命令使之成为
一个路径，按“Ctrl+Shift+T”键打开“数值变形”对话框，设置“旋转”、“角度为45度”，单击
“编辑/克隆”命令，复制一个与其一样的路径，单击主菜单“修改/变形/水平翻转”命令，调整这
两个“S”形路径与如图5所示的路径位置，如图10所示。单击主菜单“选择/全选”命令，使用工
具箱中的颜色工具将全部路径的颜色设置为蓝色。
图9 S形路径
111
图10 调整位置后的路径
2．仿照案例：制作“中电投集团公司”的徽标（LOGO）如图11所示。
要求：尽量与原图保持一致。
图11 “中电投集团公司”的徽标
四．实验思考
Fireworks中复制对象的常用方法有哪几种？
112
版权声明：本文标题：《网页设计与制作教程》实验指导书 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1715108388a685767.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论