Flash教程:卡通娃娃360度转身动画

  快知道超人表情原创大赛正如火如荼进行中对于初哥可能就望钱兴叹了不过没关系这个Flash例子详细地讲解了组卡通娃娃360度转身动画制作过程主要用到椭圆工具、直线工具和任意变形工具操作简单易懂希望你能有所收获参和快知道表情设计赛参和有奖哦

  这个Flash例子详细地讲解了组卡通娃娃360度转身动画表情制作过程主要用到椭圆工具、直线工具和任意变形工具操作简单易懂有助于学习Flash绘画和动画基本原理先看下效果吧:

Flash教程:卡通娃娃360度转身动画

  效果预览图

  制作步骤:

  1、新建个200x200像素Flash文档首先我们要画个简单卡通娃娃用椭圆工具画出如下两个椭圆

Flash教程:卡通娃娃360度转身动画

  图1

  2、用挑选工具将两个椭圆相交线选中按Delete键删掉

Flash教程:卡通娃娃360度转身动画

  图2

  3、在头顶中间画个小椭圆填充红色作为红头绳

Flash教程:卡通娃娃360度转身动画

  图3

  4、在小椭圆上用直线工具画出如下 3角形填充黑色个滑稽冲天小辫就画好了

Flash教程:卡通娃娃360度转身动画

  图4

  5、再用椭圆工具画个黑色小椭圆作为眼睛按住Alt键拖动可复制出另

Flash教程:卡通娃娃360度转身动画

  图5

  6、嘴巴画法是先画个椭圆再画条直线和它相交然后把上半部分删掉即可

Flash教程:卡通娃娃360度转身动画

  图6

  7、牙齿是用直线工具在嘴巴里面画 3条竖线

Flash教程:卡通娃娃360度转身动画

  图7

  8、手臂用椭圆工具画个细长椭圆再用任意变形工具调整到如下角度和位置

Flash教程:卡通娃娃360度转身动画

  图8

  9、用挑选工具选中手臂和身体相交线条删掉再将手臂调整到如下形状

Flash教程:卡通娃娃360度转身动画

  图9

  10、选中手臂Ctrl+D复制选择菜单/修改/变形/水平翻转放在身体另边并删掉相交线个卡通娃娃就画好了

Flash教程:卡通娃娃360度转身动画

  图10

  11、下面开始做转身动画人物转身效果实际上就是让他正面、侧面和背面交替出现所以我们只需建立4个关键帧在这4个关键帧上分别画上“正面、右侧面、背面、左侧面”样子就可以了先在时间轴上第12帧处按F5插入帧然后在第4、7、10帧处分别按F6插入关键帧选择第1帧就是我们刚才画好正面

Flash教程:卡通娃娃360度转身动画

  图11

  12、选择第4帧将它修改为侧面先将只手臂删除再将另外只手臂用任意变形工具调整到如下位置身体上缺口就用直线工具补上

Flash教程:卡通娃娃360度转身动画

  图12

  13、删掉只眼睛把嘴巴移动到脸

Flash教程:卡通娃娃360度转身动画

  图13

  14、用挑选工具删掉身体外嘴巴线条右侧面像就画好了

Flash教程:卡通娃娃360度转身动画

  图14

  15、选择第7帧把眼睛和嘴巴都删掉就变成了背面

Flash教程:卡通娃娃360度转身动画

  图15

  16、第10帧上是左侧面在第4帧上点右键选“复制帧”然后在第10帧上点右键选“粘贴帧”再选择菜单/修改/变形/水平翻转左侧面就画好了

Flash教程:卡通娃娃360度转身动画

  图16

  17、Ctrl+Enter测试下效果吧卡通娃娃就转起来了

Flash教程:卡通娃娃360度转身动画

  图17

  18、下面我们再画个女生版娃娃陪他起转吧把刚才做好Flash文档复制直接打开修改下就好了选择第1帧先把嘴巴和小辫子都删掉再把红头绳移动到头

Flash教程:卡通娃娃360度转身动画

  图18

  19、Ctrl+D复制个头绳调整下位置这就是女娃娃蝴蝶结了

Flash教程:卡通娃娃360度转身动画

  图19

  20、嘴巴先用直线工具画条直线再用挑选工具往下拖成弧形就可以了女孩子要笑不露齿嘛呵呵

Flash教程:卡通娃娃360度转身动画

  图20

  21、做动画步骤和男娃娃相同在第1帧上点右键选“复制帧”然后在第4、7、10帧处分别点右键选“粘贴帧”

Flash教程:卡通娃娃360度转身动画

  图21

  22、选择第4帧删掉只眼睛切掉半嘴巴手臂也挪下来完成右侧面

Flash教程:卡通娃娃360度转身动画



  图22

  23、选择第7帧把眼睛和嘴巴都删掉把蝴蝶节移动到另外边就变成了背面

Flash教程:卡通娃娃360度转身动画

  图23

  24、第10帧上是左侧面在第4帧上点右键选“复制帧”然后在第10帧上点右键选“粘贴帧”再选择菜单/修改/变形/水平翻转即可

Flash教程:卡通娃娃360度转身动画

  图24

  25、Ctrl+Enter测试下吧女娃娃也转起来了

Flash教程:卡通娃娃360度转身动画

  图25

  26、如果想让人物转得更快可以把每两个关键帧的间普通帧删掉效果如下:

Flash教程:卡通娃娃360度转身动画

  最终效果



Tags: 

延伸阅读

最新评论

发表评论