您所在的位置:学习创新思维 > 网站设计>> Flash > 正文内容
Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果

本文由中国教程网 sanbos 编译,转载请保留此信息!

本系列Flash教程由中国教程网Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 

在学习中遇到问题请到 论坛 发贴交流! 

更多相关教程: Flash cs3教程:仿真艺术设计系列专题

本例为Flash CS3仿真艺术设计系列教程,在上一课中我们学习了如何正确制作人物动作的预测,在这一课中我们将学习如何演示绘制小鸡的动画效果,希望能给朋友们带来帮助~~

5.17 绘制自已

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

大部分的常见技巧是在场景中用逐帧动画绘制一个角色或对象自已的画样.尽管这个效果十分的麻烦,但你可以得到一个手绘的视觉效果.这个基本原理需要从一个完整的图样开始,然后在一系列的关键帧上,用套索工具切割图样,一直到最后的关键帧.当你播放动画,图样将产生绘制自已的效果.同样的效果也可在用遮罩显示角色和对象时看到.我发现这个工作最好在有较强的颜色差异的线条空间上工作.让我们看看怎样在动画中合并两种技巧使鸡产生绘制自己的效果.

1. 第一个步骤是需要花十年时间学习并绘制一张漂亮的鸟类的鸡角色草图.当然你可以跳过这个部分扫描一张我已经画好的草图.在photoshop中调整扫描的图片到适合的尺寸,然后导入到flash中

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

2. 选中在舞台上已导入的扫描的草图,将它转换为影片剪辑.这将作为我绘制角色的参考.将它的透明度设为50%,这样对照它绘制线条将更清晰.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

3. 在鸡角色层之上创建一些层,将各个特别的部分分别放到这些层上.大至可分为头,身体,臂,腿,眼睛和嘴.现在在参考层之上,新建一层,用画笔工具画出鸡的身体的轮廓线.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

4. 当你画好身体轮廓线后,选择一种颜色填充它.然后,点击已填充的颜色区域选择它,然后,使用Ctrl+x切割它,在轮廓线下面新建一层,用 shift+ctrl+v粘帖这个填充.在其它层之上,画翅膀的轮廓线.现在身体的三个图层,一个是轮廓线,一个是填充,一个是翅膀.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

5. 用同样的方法创建头和其它部分.记住剪切和粘帖填充颜色到特别的层.如果你熟悉角色动画,你已经在使用多层和层文件夹在工作了.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

6. 现在锁住所有的层,然后解开身体轮廓线层.在第2帧插入关键帧,选择套索工具(L),切掉一小节线条.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

7. 重复这个步骤,加入关键帧,切掉一部分线条,直到线条完全切完.选择所有的帧,从右键上下文菜单中选择”翻转帧”.在其它的轮廓线层重复这个步骤.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

8. 创建每一个颜色填充被绘入的效果,在身体层之上增加一层将它转换为遮罩层,画一个不对称的形状,并将它转换为元件.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

9. 在遮罩层的最后一帧插入关键帧,定位包含形状的元件完全覆盖鸡的身体的填充.添加一个补间动画.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

10,为每一个颜色填充层创建一个遮罩层,和遮罩形状,创建补间动画.发布你的影片,看看效果.

Flash cs3仿真艺术设计5.17:如何演示绘制小鸡的动画效果_中国教程网

提示:替代套索工具来删除小节线条,你可以使用橡皮擦工具.如果你在每一帧中删除很大一块线条,那么动画将很快且有跳跃,不流畅。

对本文感兴趣的朋友可以到这里提交作业、老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=247911

上一篇:Flash cs3仿真艺术设计5.16:人物动作的预测[ 01-28 ]
下一篇:Flash cs3仿真艺术设计5.18:循环背景的运用技巧[ 01-28 ]
  相关的文章: 
·Flash AS3.0菜鸟学飞教程:载入库中… ·Flash cs3仿真艺术设计5.19:简单实…
·Flash应用教程:运用扩展管理器完成… ·Flash教程:如何使用FLVPlayback组件
·Flash cs3仿真艺术设计5.18:循环背… ·Flash cs3仿真艺术设计5.17:如何演…
·Flash cs3仿真艺术设计5.16:人物动… ·Flash AS2入门教程第九课:使用声音…
·Flash AS3.0菜鸟学飞教程:间隔循环… ·Flash cs3仿真艺术设计5.15:人物高…
 
关于我们 | 建站服务 | 免责声明 | 业务合作 | 广告服务  
Email:linmti@21cn.com QQ:24890502 395201191 苏ICP备07031130号
Copyright 2009 学习创新思维 cxidea.com All rights reserved