Topic: Flash 动画教程之飞舞的蝴蝶

Flash 动画教程之飞舞的蝴蝶

简介:本例为Flash CS3仿真艺术设计系列教程,上一课我们学习了压扁与拉伸的运用,这一课我们学习运用变换工具轻松打造飞舞的蝴蝶~~

2.6 蝴蝶

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

差不多我常常并不是用全部的工具来完成设计和动画,有些工具通常是单独地工作。蝴蝶是仅仅使用Flash的变换工具的一个完美的简单实例。扭曲工具完美地改变形状的透视,例如蝴蝶的翅膀。它比用手工去画翅膀的每个角度的形状更节省时间。当使用正确的工具进行正确的工作的不同之处是显而易见的

1. 这只蝴蝶是完全在Flash中画的。它由三个部分组成:身体和两个翅膀。它的左翅与右翅扇动就象你画的并使它动起来一样。选择所有的元件,在它们之上右击并在上下文菜单中选择分散到图层。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

2. 使用自由变形工具将蝴蝶旋转90度。编辑每个翅膀的中心点到它们与身体的相连处。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

3. 选择下的翅膀,使用自由变换工具,点住底部中间的手柄向上推。这将垂直地翻转翅膀。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

4. 为蝴蝶的翅膀增加一些层次,使用翅膀分开。将后面的翅膀向移动几个像素并使它稍为有些倾斜。你同样可以向左移动前面的翅膀并使它用一些倾斜。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

5. 双击前面的翅膀进入编辑模式。在第2帧插入关键帧。使用扭曲子工具将上面左和右角上的手柄向外拖使它们向下有一些倾斜。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

6. 插入第3 个关键帧,再次扭曲翅膀。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

7. 插入第4个关键帧,使用自由变换工具向下拖动上边中间的手柄直到翅膀翻转成水平位置。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

8. 复制第2帧并将它粘帖到第5帧。使用自由变换工具,拖动上边中间手柄将翅膀翻转到水平位置。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

9. 重复相同的步骤复制第1帧并粘帖到第6帧。用同样的方法将它变换到水平位置。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

10. 你已经使翅膀栩栩如生地向下扇动了。要使它向上飞,复制前面的帧并将它们粘帖到当前关键帧的后面。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

11. 一个蝴蝶的翅膀高频率地扇动。在翅膀动画中使用少量的关键帧,实现更写实的动画。可试试在flash文档中增加获减少帧频。

Flash cs3仿真艺术设计2.6:轻松打造飞舞的蝴蝶_安学网Coreldraw

提示: 你可以将整个蝴蝶封装成图形或影片剪辑元件并引导线打造补间动画。参看第5章的题目“同步或不同步”,学习怎样打造引导动画。

唐山flash原创动画 。本教程由 唐山卡动互动影视动漫 转载  如有版权问题请联系删除。