动画基础教程!教你制作弹跳和拉伸动画

1.  画我们的姿势

我以为我会用一个非常有趣的卡通人物和豆形的身体来真正展现夸张的弹跳和伸展感。他是一个可爱的小家伙,你不觉得吗?我们将为从框的左侧跳到框的右侧的角色设置动画。

动画基础教程!教你制作弹跳和拉伸动画 教程 第1张

第1步

让我们从绘制参考线开始。 

动画基础教程!教你制作弹跳和拉伸动画 教程 第2张

第2步

画出我们的第一个姿势。我从我们的小家伙开始就开始了。如果您想获得一点额外的乐趣,可以在角色的头上画毛。在进行过程中,请注意角色的主要动作如何影响头发。那就是所谓的次要行动。

动画基础教程!教你制作弹跳和拉伸动画 教程 第3张

第3步

对于我们的第二个姿势,我们的角色在他跳跃之前做出了预期的下降。

动画基础教程!教你制作弹跳和拉伸动画 教程 第4张

我在他的期待姿势中放了一点南瓜。

动画基础教程!教你制作弹跳和拉伸动画 教程 第5张

第4步

画我们的第三个姿势。我工作很辛苦!不要害怕变得凌乱,到处都有草图线。挤压和拉伸有时可能很杂乱又有趣! 

动画基础教程!教你制作弹跳和拉伸动画 教程 第6张

注意我们的角色是如何开始伸长的,但我保持角色的质量相同。随着他越来越高,他的两侧越来越靠近。角色变得更瘦,但质量没有改变。如果他跳了起来并且变长了,但是他的两边并没有靠近,那么他看起来就好像他正在成长并成为一个巨人!

动画基础教程!教你制作弹跳和拉伸动画 教程 第7张

第5步

绘制第4个姿势。他恢复到原来的大小,并且在框架的顶部。他即将开始下降。

动画基础教程!教你制作弹跳和拉伸动画 教程 第8张

第6步

让我们绘制第五个姿势。在下降的途中,他开始再次变得苗条。

动画基础教程!教你制作弹跳和拉伸动画 教程 第9张

看看他与之前的姿势相比有多伸展。

动画基础教程!教你制作弹跳和拉伸动画 教程 第10张

第7步

让我们绘制第六个姿势。当角色与地面接触时,他很快就伸到地面上时确实伸了伸懒腰。

动画基础教程!教你制作弹跳和拉伸动画 教程 第11张

第8步

让我们画出第七个姿势。现在,角色的脚已真正站在了地面上。 

动画基础教程!教你制作弹跳和拉伸动画 教程 第12张

第9步

现在他已经停下来,他继续向下移动并随着体重的不断下降而挤压。我真的夸大了姿势8中的壁球,以至于他的下蹲小身体隐藏了他的脚!设置动画时,不要害怕真正夸张。

动画基础教程!教你制作弹跳和拉伸动画 教程 第13张

第10步

让我们画第九个姿势。在这个姿势中,压扁后,他弹起时略微伸展。

动画基础教程!教你制作弹跳和拉伸动画 教程 第14张

第11步

让我们画出最终姿势10。在这个姿势中,他然后回落到最终姿势。 

动画基础教程!教你制作弹跳和拉伸动画 教程 第15张

请注意,姿势9如何使最后一个图形过冲,然后他又回到姿势10中的原始“大小”。这给我们的动作增加了一点“缓冲”。我们的角色已成功完成跳跃。干得好!让我们看看它的外观!

动画基础教程!教你制作弹跳和拉伸动画 教程 第16张

真的很好!看起来很棒!它可以在此处和此处之间使用过渡来平滑动作。

动画基础教程!教你制作弹跳和拉伸动画 教程 第17张

2.  在中间添加一些 

第1步

回顾动画,我觉得我们可以在姿势1和姿势2之间使用一个中间值。这可以平滑姿势1和姿势2之间的运动,这是我们的预期姿势。

动画基础教程!教你制作弹跳和拉伸动画 教程 第5张

查看中间位置在姿势1和姿势2之间的位置。

动画基础教程!教你制作弹跳和拉伸动画 教程 第19张

第2步

现在让我们在第二个姿势和第三个姿势之间添加一个中间值。

动画基础教程!教你制作弹跳和拉伸动画 教程 第20张

第3步

看起来不错!现在我们可以在姿势8和9之间使用介于两者之间的中间值,因为他从被挤压的姿势中出来。

动画基础教程!教你制作弹跳和拉伸动画 教程 第21张

第4步

最后,当他重新回到正常站立姿势时,他可以在姿势9和10之间使用介于两者之间的时间。

动画基础教程!教你制作弹跳和拉伸动画 教程 第22张

看起来很棒!现在,这是一个有弹性,有弹性,水滑的家伙!

动画基础教程!教你制作弹跳和拉伸动画 教程 第23张

3.  收紧我们的动画图

现在我们的动画看起来很可爱,我们可以开始收紧角色的线条。我仍在使用墨水线工作,但随着我的进步,小事情也有所改善。

我想向您展示进度,所以我将粗线留为浅灰色。我在用黑色涂上最后一行,以便我们可以看到灰色的那一行。

第1步

清理图形1.查看如何将粗略的动画线保留为灰色。我在所有步骤中都用黑色清理了这条线,只是为了向您展示如何精简,精整和改进绘图。

动画基础教程!教你制作弹跳和拉伸动画 教程 第24张
清理图纸1

第2步

清理图纸2。 

动画基础教程!教你制作弹跳和拉伸动画 教程 第25张

第3步

清理图形3.注意如何保持原始图形的比例和感觉,但是我做了一些小的改进。我使脚感觉更接地了,并使其与上一张图中的脚更加对齐。

动画基础教程!教你制作弹跳和拉伸动画 教程 第26张

第4步

清理图纸4.注意如何稍微改变支脚的位置,以便将支脚接地与先前的排水管在同一位置;这样,脚不会在整个地方滑动。在清理每个图形时,请不要害怕播放动画,以确保动画在您进行时看起来还不错。

动画基础教程!教你制作弹跳和拉伸动画 教程 第27张

第5步

清理其余的图形。

动画基础教程!教你制作弹跳和拉伸动画 教程 第28张
清理图5
动画基础教程!教你制作弹跳和拉伸动画 教程 第29张
清理图纸6
动画基础教程!教你制作弹跳和拉伸动画 教程 第30张

清理图纸7
动画基础教程!教你制作弹跳和拉伸动画 教程 第31张

清理图纸8
动画基础教程!教你制作弹跳和拉伸动画 教程 第32张

清理图纸9
动画基础教程!教你制作弹跳和拉伸动画 教程 第33张

清理图纸10
动画基础教程!教你制作弹跳和拉伸动画 教程 第34张

清理图纸11

继续前进-您快完成了!注意在图12中我如何改善嘴的位置。我以为我的原始绘图中的嘴有点低。

动画基础教程!教你制作弹跳和拉伸动画 教程 第35张

清理图12
动画基础教程!教你制作弹跳和拉伸动画 教程 第36张

清理图纸13

完成了-这是您的最后一张画!我把他清理干净,使他看起来更像原始的开始姿势。

动画基础教程!教你制作弹跳和拉伸动画 教程 第37张

清理图纸14

这是我们所有辉煌的最终图画。我向您展示的是草图线。做得好!! 

动画基础教程!教你制作弹跳和拉伸动画 教程 第38张 最终的效果

动画基础教程!教你制作弹跳和拉伸动画 教程 第39张

分享

内容投诉

人已赞赏
教程

动画基础教程!对创意展示动画进行动画处理

2019-11-30 8:00:00

教程

动漫基础设计教程!用AI绘制糖果怪兽卡通人物

2019-12-3 8:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索