若天明 发表于 2015-1-15 20:50:12

给大家带来Flash CS4基本(4):3d动画殊效-Flash动画制造技能

Flash8支持一种新的编码格式(On2的VP6),这种编码格式与Flash7的视频编码格式相比,有了很大的提高。
poluoluo中心提醒:进进Flashcs4后大概必要我们对动画有一个全新的熟悉,从本文入手下手我们将和伴侣们一同懂得进修Flashcs4的新特征.
进进Flashcs4后大概必要我们对动画有一个全新的熟悉,从本文入手下手我们将和伴侣们一同懂得进修Flashcs4的新特征。
相干文章:相干文章:FlashCS4基本(3):动画编纂器面板使用
Flashcs4新功效之3d效果
效果:
http://www.webjx.com/files/media/1_090307122137.swf
Flashcs4已正式公布了一阵子了,一个新的版本公布后我们出格巴望会有一些奇怪的玩眼,在晋级到cs3时,我们的这类巴望的了局大概会有些扫兴,由于与flash8比拟在动画计划上变更不是太年夜,但它却引进AS3,这应当也是一件欣喜的事变。关于喜好在计划界面制造动画(非AS)的伴侣来讲,cs4的到来,应当会令他们镇静地收回尖叫。他们会泛论喷枪工具,Deco工具,全新的补间动画理念,3d功效,骨髂工具等。只管我在flash方面较偏重于AS,但我也为flashcs4的新特征鼓掌喝采,因而也尝了一把鲜,试做了一个3d效果,同时我也非常乐意将我的体味与人人分享。
在以往的版本中,舞台的坐标系统是立体上的,它只要两维的坐标轴即程度偏向(x)和垂直偏向(y),我们只需断定x,y的坐标便可断定工具在舞台上的地位。cs4引进了三维定位体系,增添一个坐标轴z,那末在3d定位中要断定工具的地位就必要x,y,z三个坐标来断定对的地位了。
以下图:



在cs4中3d工具有两个一个是3d扭转,一个是3d平移,如图:



用3d扭转或3d平移工具绕z轴扭转或平移影片剪辑,将会发生3d效果。
另有两个新的观点我们必要懂得:
透视角度:
在舞台上放一个MC,在坚持它被选择的情形下,翻开属性面板,在属性面板稍上面一点会有一个照相机的图标,这里就能够调剂透视角度,如图:



复杂地舆解,透视角度就象照相机的镜头,经由过程调剂透视角度值(上图中的蓝色55),可将镜头推近拉远。如上图,体系默许值为55.将鼠标放在这个数值上,会呈现一个双箭头,这时候摆布拖动鼠标便可调剂数值的巨细,点击这个数值时会呈现输出文本,你能够间接输出一个数值。透视角度的取值局限是1-180.
消散点:
假如我们看过一些美术基本课本的话,我们会熟习一个叫“灭点”的观点。如图:




poluoluo中心提醒:进进Flashcs4后大概必要我们对动画有一个全新的熟悉,从本文入手下手我们将和伴侣们一同懂得进修Flashcs4的新特征.

消散点断定了视觉的偏向,同时消散点断定了z轴的走向,z轴一直是指向消散点的。
在MC被选中的情形下,翻开属性面板,在属性面板的下部会有消散点调治设置,改动消散点的x,y坐,可将消散点设在舞台上的任何中央。如图:



体系默许的消散点在舞台的中央,即(275,200)处。
好了如今你能够体验一下3d工具的魅力,放一个MC在舞台上,然后用3d扭转工具点击MC,会呈现以下图的图形:



从图中能够看出,一共有4种色彩的线条,拖动这些线条会呈现分歧的扭转效果:
白色线条:绕x轴扭转MC
绿色线条:绕y轴扭转MC
监色线条:绕z轴扭转MC
实在很好记的,RGB-红绿蓝-xyz
拖动橙色的圆圈则可在xyz每一个偏向都发生扭转。



3d平移,两头斑点是z轴。
好了,懂得了下面的一些基本后我们来制做这个正方体。
新建一flashcs4文档,要利用3d效果必需创建AS3.0文档,同时必需公布成flashplayer10.
然后导进6张图片,分离制成MC,巨细一致为200x200。
如今制造正方体,新建元件,取名为“正方体”。将一张图片MC拖进场景中,翻开属性面板,设置其3d定位:x:0,y:0,z:-100




poluoluo中心提醒:进进Flashcs4后大概必要我们对动画有一个全新的熟悉,从本文入手下手我们将和伴侣们一同懂得进修Flashcs4的新特征.

新拔出一层,再从库中拖进一张图片MC,3d定位为:x:0,y:0,z:100
如今的效果是:



如许就把正方体的正面和反面的图放好了,上面放正面的图。
新拔出一层,从库中再拖进一个图片MC。这张图将放到右边正面,那末简单了解它的x坐标应当是-100.以是3d定位是:x:-100,y:0,z:0.然后用3d扭转工具将图片绕y轴扭转90度,这好了解哈,图片放上往时是立体摆放的,绕y轴转90度它天然就侧到正面了,且恰好与上两张图片对接。



第4层图片的3d定位:100,0,0,并将图片绕y轴逆时针转90度,右边图片就放好了。




poluoluo中心提醒:进进Flashcs4后大概必要我们对动画有一个全新的熟悉,从本文入手下手我们将和伴侣们一同懂得进修Flashcs4的新特征.

第5层,放底面的图片,因而y坐标为100,3d定位:0,100,0,绕x轴扭转90度:



第6层放顶面的图片,3d定位:0,-100,0,绕x轴逆时针转90度:



如许正方体就做好了,为了看起来便利,我将一些图片的通明度下降了,这个纷歧定照做,你可依据自已的必要来做。
上面新建一MC,输出“中国教程网”几个字。
接上去回到主场景,将正方体元件拖加入景中,程度居中,稍下方些,为笔墨留下点土地。在第40帧拔出帧,在工夫轴上点右键>创立补间动画,保第40帧被选中的情形下,利用3d扭转工具将立方体绕y轴(绿色线)扭转必定角度,这时候第40帧会主动被设为关头帧。翻开“动画编纂器”,将“扭转y“的数字改成360,如许正方体将绕y轴扭转一周。



回到工夫轴面板,在第41帧拔出空缺关头帧,将第40帧复制到第41帧,这时候你会发明一共被复制了40帧,即第1到40帧都被复制到前面了,这是由于在cs4中补间动画被看做为1帧,关于新的补间动画的的先容将在今后专门发文先容。这里不论它,我定位到第80帧,在后面我们已绕y轴转了,如今我们绕x轴(红线)扭转必定角度,翻开动画编纂器,将“扭转x”的值改成360,如许在第41到80帧中正方体将绕x轴扭转一周。在第81帧拔出空缺关头帧,将第80帧复制到81帧,在第120帧,用3d扭转工具将橙色园圈拖动必定角度,让正方体在xyz三个偏向同时扭转,在第121帧复制第120帧,在第160帧,将正方体向反偏向扭转必定角度。
新拔出一层,将笔墨元件拖进,用3d扭转工具,与第一层一样的办法对笔墨举行你想要的扭转。扭转时你能够间接用3d工具扭转,也能够用动画编纂器作准确调剂。
OK,尝尝吧,祝你乐成!

使用AdobeActionScript3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

深爱那片海 发表于 2015-1-17 14:30:39

作为奖赏,你可以使用关键祯动画支持和tweening-两个最主要的节省时间的方式。本质上,关键祯是动画中显著事件发生的位置。

变相怪杰 发表于 2015-1-26 12:54:38

各种性能才能运用的得心应手,制作出优秀的动画。

谁可相欹 发表于 2015-2-4 20:33:43

商业上的优势——品牌flash的创造;公司企业的flash宣传;flash技术在电视的应用

灵魂腐蚀 发表于 2015-2-10 08:33:30

各种性能才能运用的得心应手,制作出优秀的动画。

飘飘悠悠 发表于 2015-3-1 08:36:21

原始动画为单纯的手绘,累而且费时耗资严重,随着科技的发展应运而生了很多制作动画的软件,然而flash在各个方面的应用尤为广泛,作用最为突出,具有一定的影响力。

因胸联盟 发表于 2015-3-10 16:45:28

各种性能才能运用的得心应手,制作出优秀的动画。

简单生活 发表于 2015-3-17 09:11:37

FLASH的优点~你用眼睛所看到的东西~都能用它来实现~一点不夸张~高楼大厦-花草树木-高山流水-天空白云-阿猫阿狗-一切活的东西都可以容入到FLASH里面

小女巫 发表于 2015-3-24 05:54:39

缺点也必然会会有的,但是不同的产品有不同的缺点吧,比如说flash建站它的速度会比较慢。
页: [1]
查看完整版本: 给大家带来Flash CS4基本(4):3d动画殊效-Flash动画制造技能