Flash制作精美三维方格弹跳动画(页 1) - 设计软件教程(子论坛) - Flash - 艺术爱好者论坛 -艺术圈聚友互动交流平台,书画交易,教育培训,收藏中心_Powered by Arting798.com!

艺术爱好者论坛's Archiver

艺术爱好者论坛 » 设计软件教程(子论坛) » Flash » Flash制作精美三维方格弹跳动画

wewer 发表于 2007-12-10 18:43

Flash制作精美三维方格弹跳动画

</script></div>效果演示：<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=300 width=500 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME="_cx" VALUE="13229"><PARAM NAME="_cy" VALUE="7938"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="/art/images/flash/200612411550436.swf"><PARAM NAME="Src" VALUE="/art/images/flash/200612411550436.swf"><PARAM NAME="WMode" VALUE="Window"><PARAM NAME="Play" VALUE="0"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE=""><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE=""><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><embed src='/art/images/flash/200612411550436.swf' quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=500 height=300>/art/images/flash/200612411550436.swf</embed></OBJECT><A href="http://www.68design.net/art/images/flash/20050528070541_1.fla" target=_blank>这里下载源文件</A>制作步骤：1.制作三维方块的三个面，并转换为图形元件：（在场景中插入——新建元件——图形），分别命名为元件1、元件2、元件3。<A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310530.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310530.jpg" onload=resizepic(this) align=absMiddle border=0></A><A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310531.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310531.jpg" onload=resizepic(this) align=absMiddle border=0></A><A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310532.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310532.jpg" onload=resizepic(this) align=absMiddle border=0></A>2.把三个图形元件组合为三维方块。并把三维方块也转换为图形元件。并在个图形之间画上线条，使轮廓更加清楚，立体感更强。<A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310533.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310533.jpg" onload=resizepic(this) align=absMiddle border=0></A>3.因为无论鼠标移动到三维方块的那个面上时，三维方块就开始弹跳，就必须把方块的各个面转换为按钮，制作按钮的方法：在场景插入——新建元件——按钮：按钮的弹起、指针经过、按下都设为空白帧，在点击帧插入关键帧，并把库中的图形元件1拖到点击帧。分别做三个按钮，方法一样。（至于为什么按钮的弹起、指针经过、按下都设为空白帧？大家可以试试，看看有什么情况出现～） <A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310534.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310534.jpg" onload=resizepic(this) align=absMiddle border=0></A>4.在场景中插入——新建元件——影片剪辑，命名为：MC1。把三维方块图形元件从库中拖到舞台上，在15、45、50、55、60分别插入关键帧，并在各关键帧处，移动三维方块到合适的位置，并创建补间动画，制作移三维方块弹跳动画。这里如果运用AS语句，其动画会更加又弹性。<A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310535.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310535.jpg" onload=resizepic(this) align=absMiddle border=0></A><A href="http://www2.flash8.net/UploadTeach/2006/12/04/200612411482628.jpg" target=_blank></A><A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310536.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310536.jpg" onload=resizepic(this) align=absMiddle border=0></A> 5.继续在MC1中增加一层，把按钮拖入到这个层上，延长至60帧。如法在加两层，把另外两个按钮放置好。然后调整按钮位置，使按钮也组成一个三维方块的形状，并和第一层的三维方格一致。然后分别在三个按钮上各写上：<DIV class=HtmlCode>on (rollOver){play();}</DIV><A href="http://www2.flash8.net/UploadTeach/2006/12/04/200612411485619.jpg" target=_blank></A><A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310537.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310537.jpg" width=570 onload=resizepic(this) align=absMiddle border=0></A>6.继续在MC1中增加一层，加上按钮音效和AS。具体做法：在第一帧写上:stop()，第二帧加上音效，在第60帧写上:stop()。7.在场景中插入——新建元件——影片剪辑，命名为：MC2，把做好的MC1拖到舞台上。并复制和进行排列，其形状自定。为了显示层次位置关系，我多加了几层，并使中间一层去掉，更加清楚的显示排列位置。<A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310538.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310538.jpg" onload=resizepic(this) align=absMiddle border=0></A><A href="http://www.wzsky.net/ddimg/uploadimg/20061205/1310539.jpg" target=_blank><IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="http://www.wzsky.net/ddimg/uploadimg/20061205/1310539.jpg" onload=resizepic(this) align=absMiddle border=0></A>8。测试吧

页: [1]