关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|Flash 3d效果精彩实例--方块扭曲

Flash 3d效果精彩实例--方块扭曲

[ 来路:网页教学网      时间:2007-7-10 3:27:09    点击: ]

 

  在Flash中逐帧动画是一种应用很广泛的动画类型,尤其大量的应用在3D领域,本实例就利用逐帧动画技术制作一个方块扭曲的3D效果。

  动画效果:



源文件下载>>>>>>


  具体制作步骤:

  1.启动Flash,新建一个影片,设置影片舞台大小为360px*270px(单位为象素),影片背景色为浅黄色,颜色代码为#FFFFCC.

  2.新建一个影片剪辑元件,命名为Cube,进入元件的编辑区后,选择矩形工具,在按下Shift键的同时绘制一个正方形,并设置其轮廓线为黑色,填充色为灰色,颜色代码为#304E8B,绘制好的正方形如图1所示:



图1 绘制正方形


  3.新建一个影片剪辑元件,命名为Cubes,进入元件的编辑区后,分16次从图库中拖动元件Cube到编辑区中,利用对齐面板并调整其位置为如图2所示的矩阵:



图2 排列正方形为矩阵


  4.在第2帧插入一个关键帧,分别选择此帧的16个正方形,并如图3所示调整每个正方形的形状及旋转角度:



图3 调整正方形的形状和角度


  5.在第3帧插入一个关键帧,按照上面相似的方法继续调整每个正方形形状和角度,如图4所示;



图4 调整正方形的形状和角度


  这里需要注意的一点是,如果有两个正方形有重叠的区域,需要设置前面的部分透明度,使透过前面的正方形可以看到后面被遮挡的正方形.

  6.按照上面完全相同的步骤,依次插入关键帧,直到第36帧为止,在每一帧中都调整所有的正方形的形状,旋转角度及透明度

  7.为了使整个旋转变化过程比较连续,在最后一帧添加Action: gotoAndPlay(1);,最后时间轴如图5所示;



图5 最后的时间轴


  最后的任务就是将元件Cubes拖到主场景,发布影片就可以了。

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:流行手法——水纹banner的制作  下一篇:Flash 3d效果精彩实例--水晶球

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号