仓酷云

标题: 来一发Flash实例教程:制造玩跷跷板动画-Flash实例教程 [打印本页]

作者: 若天明    时间: 2015-1-15 20:55
标题: 来一发Flash实例教程:制造玩跷跷板动画-Flash实例教程
Macromedia公司已经承诺在Flash8中将有很大的变化,而且它们中的许多都与视频功能有关。
经由过程Flash来绘制卡通场景再制造复杂动画的进修,本人还能够导演一些小动画,本实例操纵复杂易懂,但愿能给你带来匡助。
  这个Flash实例制造了两只心爱的小兔子玩跷跷板的动画,次要用到椭圆工具、突变添补和恣意变形工具等,操纵复杂易懂,合适实习。
  先看下效果吧:
http://www.webjx.com/files/media/1_081211222819.swf
最终效果

  制造步骤:

  1、新建一个默许巨细的Flash文档。先画天空背景,用矩形工具画一个矩形,在对齐面板中按下“相对舞台”,再点“婚配宽和高”按钮,最初点“垂直中齐”和“程度中齐”按钮。与舞台对齐以后给矩形设置以下从红色到天蓝色的突变,体例为“线性”。


  

  2、草地。画一个草绿色的矩形,在对齐面板中与舞台“婚配宽度”并“底对齐”。



  3、用选择工具在草地的线条上拖沓以调剂为天然的曲线。



  4、画跷跷板的基座。先用钢笔工具画出以下三角形,在恣意两点间单击便可画出直线。





  5、用选择工具将三角形调剂为以下外形并添补橙色#FF9900。




  6、用椭圆工具在基座上画出以下小椭圆,将基座一同选中Ctrl+G群组。



  7、画杠杆。用矩形工具画出以下长条矩形,使杠杆与基座上的圆圈齐平,并与基座程度中齐。完成跷跷板。


  

  8、Ctrl+F8新建一个元件,定名为“兔子”。用椭圆工具画一个椭圆作为兔子的头,添补以下从红色到粉红#FF99FF的突变,范例为“放射状”。用添补变形工具调剂突变的地位以下。



  9、身材。Ctrl+D复制椭圆,用恣意变形工具调剂椭圆到以下外形,并用添补变形工具调剂突变的地位以下。经由过程右键菜单中的“分列”能够调剂各个椭圆图层的地位。





  10、腿。Ctrl+D再次复制椭圆,用恣意变形工具调剂椭圆到以下外形,并用添补变形工具调剂突变的地位以下。


0

  11、脚。Ctrl+D复制椭圆,用恣意变形工具调剂椭圆到以下外形,添补纯粉色。


1

  12、尾巴。Ctrl+D复制椭圆,用恣意变形工具调剂椭圆到以下外形,并用添补变形工具调剂突变的地位以下。


2

  13、胳膊。Ctrl+D复制椭圆,用恣意变形工具调剂椭圆到以下外形,并用添补变形工具调剂突变的地位以下。


3

  14、Ctrl+D复制出另外一支胳膊,添补纯粉色,放在身材最上层。


4



  15、Ctrl+D复制一支胳膊作为耳朵,用恣意变形工具调剂外形,并用添补变形工具调剂突变的地位以下。


5

  16、Ctrl+D复制出另外一只耳朵,添补纯粉色,用恣意变形工具调剂好角度后放在身材最上层。


6

  17、眼睛。用椭圆工具画出以下小椭圆,添补红色。


7

  18、再用椭圆工具画出以下玄色的眸子。


8

  19、鼻子。用椭圆工具画出以下小椭圆,添补白色。


9



  20、嘴巴。先用直线工具在兔子脸上画出以下三角形。


0

  21、再用选择工具将线条调剂为以下曲线后添补白色。


1

  22、用矩形工具在兔子后面画一块跷跷板的扶手,由于要前面要随兔子一同做动画,画在一同很便利。至此兔子元件完成。


2

  23、回加入景中,将画好的兔子元件拖到舞台下去,放在跷跷板上以下地位。


3

  24、复制一个兔子,选择菜单/修正/变形/程度翻转,放在跷跷板别的一边。在对齐面板中将两只兔子垂直中齐,并Ctrl+G群组。


4



  25、收拾一下图层。把兔子和杠杆都放在“杠杆”层,并将它们全体群组。基座独有一层,草地和天空各占一层。


5

  26、在各个图层的第18帧处都按F5拔出帧,暗示画面持续到这一帧。选中“杠杆”层的第1帧,选择恣意变形工具,先将变形中央点挪动到鼠标所指的地位,即基座上的圆圈中央点处,然后将杠杆和兔子一同扭转到以下地位。


6

  27、选中“杠杆”层第1帧点右键选“复制帧”,然后在第9帧和第18帧处点右键“粘贴帧”,分离增加动画补间。


7

  28、选中第9帧,将杠杆和兔子一同扭转到以下地位就完成了。Ctrl+Enter测试一下效果吧。


8

  29、最后的效果:
http://www.webjx.com/files/media/1_081211222819.swf


另外在属性面板中还增加了一个“设备”设置选项,需要说明的是“设备”设置功能在FlashPlayer环境中不能使用,需要FlashLite1.0或FlashLite1.1的支持才可以。
作者: 冷月葬花魂    时间: 2015-1-17 15:12
Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息-允许图像以不同的方式渲染。
作者: 不帅    时间: 2015-1-26 17:38
Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。
作者: 兰色精灵    时间: 2015-2-4 21:46
FLASH广告的问题主要表现在:
作者: 乐观    时间: 2015-2-10 21:57
只要用心 只要努力 在加上你无限的创意和想象。FLASH无敌了
作者: 爱飞    时间: 2015-3-1 17:11
用户在观看广告的时候,无法通过正常点击鼠标来查看广告的尺寸、字节数、所链接的URL广告本身信息。
作者: 谁可相欹    时间: 2015-3-10 23:39
Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.
作者: 柔情似水    时间: 2015-3-17 17:49
Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。
作者: 因胸联盟    时间: 2015-3-24 21:37
只要用心 只要努力 在加上你无限的创意和想象。FLASH无敌了




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2