网络天地|网站建设|网页-网站|第1章 网页设计基础|第2章 设计网页元素|第3章 网页布局与数据显示|第4章 快速部署网页

第5章 编写网页文档|第6章 制作交互网页|第7章 构建动态网页|第8章 处理网页图像|第9章 编辑动画元素|第10章 综合实例

第9章 编辑动画元素

9.91 制作网站标志、地球自转公转、动画网页

 1、网站标志 HSnhxq.fla

文字遮蔽彩条:有文字笔划处看到移动的彩色条纹色块,空白处遮蔽彩条。

1.修改—影片—尺寸:500*150。

2.彩条层—选择线性填充—画矩形:1000*150—删除矢量线。

3.点击彩条矢量色块—插入—转换成符号 cst。

4.设置彩条起始关键帧、结束关键帧位置—设为运动动画。

5.添加文字层—输入文字:字号90、60—定义为遮蔽层—

系统自动定义彩条层已遮蔽。

 2、地球自转公转 ddezg0.fla

地球带月亮 地球带月亮自转公转 地球自转公转

 

元件库中图形元件、影片剪辑和场景中图层的分析:

1.地球平面图元件:导入地球平面图,大小 430*100。

2.地球动画元件:

 背面遮罩层:150*150

 背面地图层:430*100,Alpha 30%,右移 120帧。

 前面遮罩层:150*150

 前面地图层:430*100,左移 120帧。

 地球层:圆形色块 150*150,放射蓝白色填充,白色反光点位于右上。

3.月亮图形元件:40*40,xy(-20,-20),白黄白放射填充,边缘颜色 Alpha 0%。

4.地球带月亮动画元件:

 上层地球层: 150*150 用遮罩只显示上半地球。

 月亮层:沿开口的椭圆引导线绕地球旋转180帧。

第 1 帧 月亮(12*12)加速,简易 -100,

第 90 帧 月亮(60*60)减速,简易 100。

 轨迹线层:显示月亮运行的轨道,弥补引导线的不显示。

 下层地球层: 150*150 显示整个地球。

5.场景 1:拖入地球带月亮动画元件。该元件可以作为其他动画的元件。

 3、动画网页 wzym1.fla

 网站页面(静态、动态、超链接)网站页面1导航框架

 游览北京 浏览北京 北京中轴线

北京永定门到钟鼓楼的南北向8公里中轴线偏离子午线,指向内蒙锡林浩特。

1.文档属性:大小 1000*700,背景 深绿色。

  编辑网格:视图—网格—编辑网格 100 * 100 px。

2.网站标题层:

  输入文本“北京中轴线”,并转换为按钮元件。

  动作命令:on (release) {

  getURL("http://www.wltd828.com/jttx/bjzzx.htm","_blank");

    }

3.日期时间 rqsj.rar

 3.1 获取当前的日期:年、月、日和时间:时、分、秒的数值,

动态文本关联日期时间变量:year month date hour minute second。

 3.2 动作/ActionScript 2.0 类(内置类)/

核心/Date/new Date/方法/getDate。

 3.3 引用舞台对象:加上当前舞台主时间轴的说明“_root”。

_root.onEnterFrame=function(){

myd=new Date();

year=myd.getFullYear();

month=myd.getMonth()+1;

date=myd.getDate();

hour=myd.getHours();

minute=myd.getMinutes();

second=myd.getSeconds();

}

4.导航层:8个风景图片(100*60 px)转换为按钮元件。

 如,永定门、前门、天安门广场、天安门、

故宫、景山公园、鼓楼、鸟巢水立方。

 动作命令:如 on (release) {gotoAndplay(5);}。

点击按钮分别转到(1 -- 8)某一帧,并显示相应的风景图片。

5.风景层:1 -- 8 帧分别放置不同的风景图片(1000*600 px)。

每一帧都加入停止命令:stop();

导航框架

北京中轴线   日期时间
ydm.jpg (86900 字节) qm.jpg (98266 字节) TAMgc.jpg (125098 字节) TAMgcx.jpg (50507 字节) gg.jpg (166122 字节) jsgy.jpg (44040 字节) gl.jpg (80001 字节) NC-SLB.jpg (86650 字节)