最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

flash教程:flash中运动的小球

日期:10-12    来源:中国设计秀    作者:cnwebshow.com

大家都看到运动的小球了吗?现在让我们要做一个Flash作品。可别看它简单,以后我们要制作千变万化的Flash电影,很多都会用到它所包含的技术呢。好吧,不多说了,我们开始吧。 50N中国设计秀
运行Flash,这时系统已经打开了一个新文件。选菜单中的Modify -> Movie...(或按Ctrl-M)修改当前舞台的属性。我们可以修改播放速度(Frame Rate),舞台尺寸(Dimensions),是否显示网格(Show grid),网格点间距(Grid),网格色和背景色(Colors)以及选用何种度量单位(Ruler)等。我们将参数设置为左图所示,在以蓝色背景,长300点,宽50点的舞台上制作动画。一般来说,在互联网上播出的动画,每秒8-12帧的播放速度比较合适一些。
50N中国设计秀

50N中国设计秀
50N中国设计秀
 50N中国设计秀

 50N中国设计秀

工作环境设置好以后,我们首先需要创建一个图符(Symbol),以便调用。按Ctrl-F8键进入建立图符的选项窗口,给图符起名叫ball,确定是图形类(Graphics)后按确定按钮。现在我们就进入了创建图符的编辑状态。在绘图工具栏中选椭圆工具。并将其下的参数设置为左图所示。我们已经在上一章中详细介绍过有关参数的设置问题,这里就不再多说了。图中的参数显示我们将要绘制一个没有轮廓线,且填充色为桔黄渐近色的球形。桔黄渐近色不是系统自带的颜色,不过我们可以按照上一章中第七节所述方法新建这一颜色。在工作区里用鼠标绘制一个小球。如果对所画的小球不满意,可以点选小球,按Delete键删掉重画,也可以在小球上按鼠标右键,在弹出的菜单中选择相应修改工具进行修改。 50N中国设计秀
小球图符做好后,点击时间轴(Timeline)左上角的或右上角的回到主场景。按Ctrl-L打开图库,发现里面已经有一个做好了的名为ball的图符。在预览窗口中把该图符拖动到工作区中如下左图所示的位置。你也可以通过菜单中View -> Rulers(或按Ctrl+Alt+Shift-R)打开系统标尺精确定位。我们同时还注意到时间轴的第1帧上的小圆圈已经由空心变成了实心,表明该帧不再为空   
50N中国设计秀

50N中国设计秀
    50N中国设计秀
在时间轴第25帧点一下鼠标左键,该帧变蓝表示被选。按F6键插入一个关键帧,点选小球,把它拖到舞台的另一端,如上右图所示。双击时间轴上的第1帧,弹出该帧的帧属性对话框,如下图所示。点击渐变(Tweening)标签,在其下的Tweening下拉菜单中选运动(Motion),按确定按钮。
50N中国设计秀

注意:对于实例来说,只能进行运动渐变动画(Motion Tweening),不能作形体渐变动画(Shape Tweening)。而对于形体(Shape)来说,只能作形体渐变。 50N中国设计秀
50N中国设计秀
这时时间轴窗口的状态如下图所示,第1帧和第25帧之间出现了一个实线箭头,且背景变成淡紫色,表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线,表示过渡不成功,需要重新查看每一个关键帧及其属性。下面我们来看一看效果:选菜单项Window -> Controller,打开控制面板,按播放钮播放动画,或者按下Ctrl-Enter另开窗口,以全屏预览动画,可以看到小球从舞台的左端匀速移动到右端,和本页中的效果一样,只不过本站网页的背景色与Flash电影工作环境的背景色相同,所以看不出来罢了。
50N中国设计秀

50N中国设计秀
50N中国设计秀
怎么样,用Flash做动画不难吧。做好了动画不要忘记存盘,按Ctrl-S,在弹出的对话框中输入存档文件名,

  • Copyright CnWebShow 2005-2015 All Right Reserved. 粤ICP备05067046号
  • 互动联系方式:QQ:8208442 331633853 9961674  交流群:9107036 3848215 8850631
  • 中国网页设计秀为中国网站设计师、设计师联盟提供优秀的网页设计,平面设计,工业设计等方面的作品展示。免费提供网页设计教程,网站CMS源码,破解源码,免费微信源码
  • 做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!