论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

Flash cs3仿真艺术设计如何制作飞舞的蝴蝶

文章类别:Flash | 发表日期:2009-5-31 7:57:09

Flash cs3仿真艺术设计如何制作飞舞的蝴蝶

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶_中国教程网

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

效果演示:

视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058