运动的矩形-实例教学-Flash-网页制作
2008-05-20 04:26
357 查看
google_ad_client = "pub-8800625213955058";
/* 336x280, 创建于 07-11-21 */
google_ad_slot = "0989131976";
google_ad_width = 336;
google_ad_height = 280;
//
网上看到很多用了随机运动的条形,使网页增添了很多的生机。其实我们也可以实现。
今天我们就来做一个很简单的用移动渐变(montion)来实现的做往复运动的条形。 1。首先我们要用到条形,新建一个符号(symbol),命名为形状,类型选
图形(Graphic),按确定按钮(ok)后进入编辑窗口,我们在舞台上画一个没有
边框的矩形。颜色填充如下图。
2。打开排列(align)面板,调整矩形到中央位置。
3。新建一个符号(symbol),命名为形状1,类型选电影剪辑(Movie Clip),
按确定后进入编辑窗口。从库中拖入我们刚才做好的矩形图形,调整位置,使它位于
舞台的正中央(这样是为了我们调整位置的方便)
4.我们分别选择25,45,65,90,110帧,点右键,选择插入关键帧(Insert keyFrame).
5.选择每一个关键帧的矩形,分别调整他们的X坐标值,这个可以打开属性(Properties)
面板调整。我在这里选择的值分别是:0,240,97,300,124,300。(这个位置你可以任意调节,直到出现你满意的效果为止).
6。同理,重复3-5的步骤,我们再做一个相同的电影剪辑(形状2),只是在形状2里我们
改变了矩形的大小,使它看起来象一个不同的矩形。最简单的办法也可以在库里复制形状1,(选中形状1,点右键,选择复制(Duplicate),可以打开复制窗口,为复制后的符命名为形状2,类型选电影剪辑)。
7。打开电影剪辑(形状2),分别选择不同的关键帧,选中矩形后,打开属性面板,修改矩形的宽度为11,同时你也可以适当的调整一下矩形的X坐标值,使形状2和形状1有所区别。在这里我的坐标为:320,160,200,96,310,130.
8。新建一个符号,命名为运动,类型选择电影剪辑,进入编辑窗口,拖入我们刚才作好的
两个电影剪辑到舞台中,调整位置,你可以把不同的电影剪辑放在不同的层里,这样方便
调整。在这个实例里我们拖入了四个,放在了四个不同的层里,位置如图.
9。打开主场景,将我们刚才作好的电影剪辑(运动)从库中拖入主场景,打开修改文档
窗口,修改文档为适当的大小300*200。放置电影剪辑在适当的位置,测试场景。
[全屏欣赏]
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-flash' width=280
height=260>/Upload/2004_Pack/2004171033540569.swf
点击浏览该文件
/* 336x280, 创建于 07-11-21 */
google_ad_slot = "0989131976";
google_ad_width = 336;
google_ad_height = 280;
//
网上看到很多用了随机运动的条形,使网页增添了很多的生机。其实我们也可以实现。
今天我们就来做一个很简单的用移动渐变(montion)来实现的做往复运动的条形。 1。首先我们要用到条形,新建一个符号(symbol),命名为形状,类型选
图形(Graphic),按确定按钮(ok)后进入编辑窗口,我们在舞台上画一个没有
边框的矩形。颜色填充如下图。
2。打开排列(align)面板,调整矩形到中央位置。
3。新建一个符号(symbol),命名为形状1,类型选电影剪辑(Movie Clip),
按确定后进入编辑窗口。从库中拖入我们刚才做好的矩形图形,调整位置,使它位于
舞台的正中央(这样是为了我们调整位置的方便)
4.我们分别选择25,45,65,90,110帧,点右键,选择插入关键帧(Insert keyFrame).
5.选择每一个关键帧的矩形,分别调整他们的X坐标值,这个可以打开属性(Properties)
面板调整。我在这里选择的值分别是:0,240,97,300,124,300。(这个位置你可以任意调节,直到出现你满意的效果为止).
6。同理,重复3-5的步骤,我们再做一个相同的电影剪辑(形状2),只是在形状2里我们
改变了矩形的大小,使它看起来象一个不同的矩形。最简单的办法也可以在库里复制形状1,(选中形状1,点右键,选择复制(Duplicate),可以打开复制窗口,为复制后的符命名为形状2,类型选电影剪辑)。
7。打开电影剪辑(形状2),分别选择不同的关键帧,选中矩形后,打开属性面板,修改矩形的宽度为11,同时你也可以适当的调整一下矩形的X坐标值,使形状2和形状1有所区别。在这里我的坐标为:320,160,200,96,310,130.
8。新建一个符号,命名为运动,类型选择电影剪辑,进入编辑窗口,拖入我们刚才作好的
两个电影剪辑到舞台中,调整位置,你可以把不同的电影剪辑放在不同的层里,这样方便
调整。在这个实例里我们拖入了四个,放在了四个不同的层里,位置如图.
9。打开主场景,将我们刚才作好的电影剪辑(运动)从库中拖入主场景,打开修改文档
窗口,修改文档为适当的大小300*200。放置电影剪辑在适当的位置,测试场景。
[全屏欣赏]
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
type='application/x-shockwave-flash' width=280
height=260>/Upload/2004_Pack/2004171033540569.swf
点击浏览该文件
相关文章推荐
- 运动的矩形-实例教学-Flash-网页制作
- FLASH2004时间轴特效的应用-实例教学-Flash-网页制作
- 旋转的花朵-实例教学-Flash-网页制作
- 简单的伸缩菜单-实例教学-Flash-网页制作
- 控制影片剪辑【基础】-实例教学-Flash-网页制作
- FLASH2004时间轴特效的应用-实例教学-Flash-网页制作
- 旋转的花朵-实例教学-Flash-网页制作
- 控制影片剪辑【基础】-实例教学-Flash-网页制作
- 简单的伸缩菜单-实例教学-Flash-网页制作
- 超酷网页变形Flash按钮-Flash-网页制作
- html5制作flash播放实例 为何不支持ie8?
- JavaScript运动框架大集结---拥有JavaScript完美运动框架你将制作任意基于web2.0网页动画
- 遮罩的妙用-Flash-网页制作
- 纯js代码制作的网页时钟特效【附实例】
- CSS网页制作布局实例教程
- HTML代码实例:详细讲解超级链接--网页制作
- 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作
- 『网页制作小技巧』定制调用 Flash 函数
- 基础动画-动态遮罩教程-Flash-网页制作
- 导入电影的控制-Flash-网页制作