html制作菱锥旋转,Flash 3d效果精彩实例：制作旋转的三棱锥

这篇教程是向大家介绍如何利用Flash 3d制作旋转的三棱锥，希望大家通过本篇教程能知道Flash 3d的精彩效果。教程比较基础，适合新手学习。推荐过来，希望对大家有所帮助！

旋转的三棱锥

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

教程结束，以上就是Flash 3d制作旋转的三棱锥过程，希望大家喜欢！

html制作菱锥旋转,Flash 3d效果精彩实例：制作旋转的三棱锥相关推荐

html制作菱锥旋转,几何画板实现三棱锥的旋转的操作方法
今天给大家讲的是几何画板如何实现三棱锥的旋转的设置方法,对几何画板实现三棱锥的旋转的操作方法感兴趣的同学们就一起学习下具体方法吧! 几何画板实现三棱锥的旋转的操作方法 1.利用圆工具绘制两个同心圆,圆 ...
3D效果海报怎么制作设计？如何用PS制作出来！
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 3D效果海报怎么制作设计?如何用PS制作出来!ps中想制作做3d效果的海报,该怎么做呢?今天我们就来看看以文字为例, ...
html制作菱锥旋转,怎样用几何画板实现三棱锥的旋转
利用几何画板能够实现各种图形的动画效果,不管是平移,反射还是旋转,而动画的图形也不止于平面图形,立体图形也能够进行变换.下面就介绍如何实现具体操作如下: 1.利用圆工具绘制两个同心圆,圆心为A,利用 ...
css3制作正方体,利用CSS3的3D效果制作正方体
学会用css3的3d效果制作一个正方体,有助于增强我们对3d场景的旋转和位移属性的理解.下面的动态图就是利用3d旋转位移,结合动画效果制作的.感兴趣的同学可以在完成正方体的制作基础上,再去探究一下添加 ...
CSS：3D效果（位移、旋转）
浏览器平面为二维平面,以浏览器可视区域左上角为原点,X轴为左上到右上,正方向为右:Y轴为左上到左下,正方向为下. 要想实现3D效果,我们需要引入Z轴,这条Z轴垂直于屏幕,以出平面为正方向. trans ...
用imspost制作catia后处理_苏州3d打印：手板制作的三种工艺制作常识以及优势对比...
产品平面设计完成或者一个新产品图纸完成后,在投放市场前,会做此产品的市场效益分析,或者要确认图纸与实物是否有差别或者设计是否合理,手板制作是企业必不可免的一道工序. 设么是手板呢?简单来说.手板就是在 ...
html制作菱锥旋转,几何画板制作“虚实变化”的旋转正棱锥和正棱柱
几何画板制作"虚实变化"的旋转正棱锥和正棱柱立体几何问题的解决,若能借助一个能清楚显示各点.线.面的位置关系的立体图形,将更容易发现解决问题的思路,这需要从一个合适的观察角度来绘 ...
CSS环绕球体的旋转文字-3D效果
代码下载地址: http://www.demodashi.com/demo/12482.html 项目文件结构截图只需要一个html文件既可: 项目截图: 代码实现原理: 该示例的实现过程很简单,主 ...
Android Camera 3D效果
版本:1.0 日期:2014.4.14 版权:© 2014 kince 转载注明出处一.概念在Android中要想实现3D效果,第一个想到的应该就是OpenGL ES,因为在很多基础教材中几乎都提 ...

html制作菱锥旋转,Flash 3d效果精彩实例：制作旋转的三棱锥

html制作菱锥旋转,Flash 3d效果精彩实例：制作旋转的三棱锥相关推荐

最新文章

热门文章