您的位置：首页 → 网页设计 → Flash → Flash 3d效果精彩实例--旋转的三棱锥

Flash 3d效果精彩实例--旋转的三棱锥

时间：2004/11/7 2:17:00来源：本站整理作者：蓝点我要评论(0)

　　本实例最终效果如图1所示:




图1　旋转三棱锥最终效果



　　1.首先启动Flash,新建一个影片,设置影片舞台大小为253px*205px(单位为象素),影片背景色为白色.



　　2.为了方便下面的制作,这里依次选择查看/网格/显示网格菜单命令,打开影片的捕捉网格功能。



　　3.选择工具箱中的直线工具，在舞台中绘制出三棱锥的轮廓，如图2所示:




图2　绘制三棱锥的轮廓



　　4.打开混色器面板,在填充样式下拉列表中选择填充类型为线型渐变,然后分别设置渐变为从浅黄色(颜色RGB代码为251,217,162)到深黄色(颜色RGB代码为224,126,31)的渐变,如图3所示;




图3　设置填充色



　　设置完毕，在三棱锥的正面点击鼠标,填充效果如图4所示:




图4　填充三棱锥的正面



　　5.按照相同的方法再将混色器中的填充颜色设置成深黄色到暗黄色的线型渐变色，其中深黄色的RGB值为（244，156，11）,暗黄色的RGB值为（116，66，16）,如图5所示;




图5　设置填充色



　　设置完毕后，在三棱锥的侧面点击鼠标,最后的填充效果如图6所示:




图6　填充三棱锥的侧面



　　6.选择箭头工具，双击三棱锥的轮廓线，将轮廓线全部选中,然后按下Delete键将三棱锥的轮廓线删除,最后只剩下如图7所示的三棱锥色块:




图7　删除三棱锥的轮廓线



　　7.在图层Layer1的第20帧插入一个关键帧,选择箭头工具，并选中三棱锥的右侧面,然后选择修改/变形/水平翻转菜单命令,将三棱锥的右侧面水平翻转，然后用箭头工具将它挪动到三棱锥的左侧，如图8所示:




图8　制作三棱椎的左侧面



　　8.然后设置第1帧到第20帧之间为形状渐变动画效果,不过这时候可以选择控制/播放菜单命令预览其效果,可以看到三棱锥图形的变形并不是很正确，所以还要设置控制精确变形的形状提示点。选中图层Layer1的第1帧，然后选择修改/形状/添加形状提示菜单命令,给图形添加形状提示点,这时在工作区中将出现一个红颜色的圈，且其内有一个字母a,如图9所示:




图9　添加形状提示



　　接着按键盘上的Ctrl+H快捷键，将增加一个形状提示点b，用同样的方法分别添加形状提示点c,d,e,f,然后使用箭头工具拖动各形状提示点为如图10所示的位置;




图10　调整形状提示点的位置



　　9.选中图层Layer1的第20帧，用箭头工具拖动图形中的形状提示点b,c,d,e,f为如图11所示的位置:




图11　重定位形状提示点的位置



　　10.为了使三棱锥产生连续转动的效果，在图层Layer1的第21帧处插入一个关键帧,并删除三棱锥的左侧面,如图12所示:




图12　删除三棱锥的左侧面



　　11.最后将图层layer1的时间线延伸到第22帧即可,最终时间轴如图13所示;




图13　主场景中的时间轴

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论

查看所有0条评论>>

发表评论

我来说两句...

提交评论