Flash 3d效果精彩实例(4)

2016-01-29 14:26 3 1 收藏

Flash 3d效果精彩实例(4),Flash 3d效果精彩实例(4)

【 tulaoshi.com - Flash 】

  本实例中的方块矩阵会在横向和纵向顺序翻转,很象翻动魔方时的效果,最终效果分别如图1和图2所示;
图1 水平翻转效果

图2 垂直翻转效果

  1.启动,新建一个影片,设置影片舞台大小为200px*260px(单位为象素),影片背景色为紫色,颜色代码为#1B1C47.

  2.首先制作方块矩阵里的方块单元,为了在后面排列矩阵时方便,本例中以一列方块为单位,每列有8个方块单元,将8个方块列水平排列,就成了8*8的方块矩阵.

  新建一个图形元件,命名为squarerow,进入元件的编辑区后,使用矩形工具绘制一个无边框的正方形,填充色为蓝色,颜色代码为#33CCFF,然后连续复制7个方块的副本,在垂直方向将其排成一列,如图3所示:图3制作方块列

  3.下面制作方块垂直翻转的效果.新建一个影片元件,命名为rowflip,进入元件的编辑区后,将元件squarerow拖到图层一中,然后在第20帧插入一个关键帧,回到第1帧squarerow点右键,从弹出的快捷菜单中选择缩放命令,这时在元件四周出现了缩放调整手柄和元件的中心点,首先拖动元件的中心点到元件的最下面,如图4所示;图4调整元件的中心点1

  然后向下拉动最上面中间位置的手柄,使其高度逐渐缩小,如图5所示;
图5 向下拉动方块列

  

  
  直到方块列被压缩成如图6所示的样子即可;

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)


图6 被压缩后的方块列

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

  4.建立第1帧到第20帧的运动渐变动画,在上面新建一个图层,分别复制图6中压缩后的元件和图4中压缩前的元件到图层Layer2的第1帧和第20帧,不过这里元件的位置需要放好,将压缩后的元件放在压缩前元件的最上部,同样建立运动渐变动画,最后在第20帧添加Action:stop();,这时候把时间轴移动到第10帧,会看到图7所示的翻转效果:

 
图7垂直翻转效果

  5.下面就利用前面做好的垂直翻转,通过简单的旋转操作,将其旋转成水平位置,就实现了水平翻转的效果.新建一个元件命名为controllermovie,进入元件的编辑区后,插入两个关键帧,分别设置其帧标签为horizontal和vertical,然后给两个帧都添加Action:stop();.其中第1帧设置为水平翻转效果,第2帧设置为垂直翻转效果.

  回到第1帧,将元件rowflip拖到编辑区中,使用旋转工具将其旋转成水平,然后复制7个副本,排列其为一个方阵,如图8所示;

图8 排列元件成方阵
  

  回到第2帧,同样将元件rowflip拖到编辑区中,也复制7个副本,然后也排列成一个方阵,这里要注意两帧里方阵的位置要相同,不要出现错位的现象.

  6.最后回到主场景中,将元件controller movie拖到舞台中间,在属性面板中设置其实例名为box,如图9所示;
图9 给方阵设置实例名

  最后只要在下面添

来源:https://www.tulaoshi.com/n/20160129/1493283.html

延伸阅读
标签: 电脑应用
Flash CS4的3D工具很容易上手。在工具栏里有两个处理3D变形的工具:3D旋转和3D位移。 这两个工具都可以切换全局坐标模式和个体坐标模式,上图为个体坐标模式。 另外,也可以通过属性面板和变形面板来调整3D变形的参数。其中值得注意的是灭点(消失点)和相机范围角度(不是焦距)的设置。这两个参数对整个场景内...
标签: flash教程
本文由中国 wytan 原创,转载请保留此信息! 效果演示:  [next] 简单制作方法: 一、把几幅图裁剪同样大的正方形图片导入到库。 二、把每张图拖到主场景,各自转换成图片元件。 三、插入一个电影剪辑,命名为遮照。拖出一幅图,让其全居中。执行视图-标尺,拉出4条辅助线,对齐图片边缘。删除图片用任意颜色画一个无边线...
标签: flash教程
众所周知,中要实现3D效果是比较麻烦的,下面我们就用ActionScript来实现一个比较简单的3D效果。先看看最终效果,一个看起来像是3D效果的花在场景中旋转,在旋转的过程中会改变颜色,还会响应鼠标作相应的动作。静态效果如图1所示。 一、实现原理 要在只能显示二维图形的Flash中显示三维图形,...
标签: flash教程
  图1 水晶球最终效果 1.首先启动Flash,设置影片舞台大小为400px*400px(单位为象素),影片背景颜色为紫色,颜色代码为#660099. 2.新建一个图形元件命名为Bubble,进入元件的编辑区后,选择椭圆工具后,在按下Shift键的同时在编辑区中绘制一个正圆,打开混色器面板,设置填充样式为放射渐变,然后如图2所示设置色带下面的左右两个色块; ...

经验教程

881

收藏

23
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部