Flash CS3鼠绘一只可爱的小鸡动画效果

所属分类: 媒体动画 / Flash教程 阅读数: 83
收藏 0 赞 0 分享

本例为Flash CS3仿真艺术设计系列教程,在这一课中我们将学习如何演示绘制小鸡的动画效果,教程介绍绘制过程非常详细,希望大家喜欢!

绘制小鸡

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

大部分的常见技巧是在场景中用逐帧动画绘制一个角色或对象自已的画样.尽管这个效果十分的麻烦,但你可以得到一个手绘的视觉效果.这个基本原理需要从一个完整的图样开始,然后在一系列的关键帧上,用套索工具切割图样,一直到最后的关键帧.

当你播放动画,图样将产生绘制自已的效果.同样的效果也可在用遮罩显示角色和对象时看到.我发现这个工作最好在有较强的颜色差异的线条空间上工作.让我们看看怎样在动画中合并两种技巧使鸡产生绘制自己的效果.

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

Flash CS3鼠绘教程:绘制小鸡的动画效果,PS教程,思缘教程网

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

教程结束,以上就是Flash CS3鼠绘一只可爱的小鸡动画效果过程,希望大家看完之后会有所帮助!谢谢大家观看!

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多