搜索
查看: 3518|回复: 4

[其它] 这么可爱的动画教程你见过吗?反正我没见过

[复制链接]
  • TA的每日心情
    开心
    2019-3-30 23:23
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2017-3-2 20:25:40 | 显示全部楼层 |阅读模式
    Tumblr上有位非常可爱的博主CHICIN LICIN,是TV动画《宇宙小子》(英文:Steven Universe,台译:神脐小卷毛)的美术和动画。

    她经常会在自己的主页里和大家分享很多她做的轻松可爱的动画作品和小教程。

    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg

    下面是她的可爱小教程之头发:

    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg
    关键帧
    0?wx_fmt=gif.jpg
    头发的飘动是根据流动的曲线来做的。下面是可以直接拿来用的流动曲线动图。
    0?wx_fmt=gif.jpg

    如果你感兴趣还可以探索不同的曲线会做出什么样的动画效果。

    0?wx_fmt=gif.jpg


    其实所有循环飘动扭动的动画几乎都是根据这样的曲线规律来运动的,比如火焰,裙子,动物尾巴等,下面看看根据这个曲线做出来的其他动画~

    0?wx_fmt=png.jpg
    草图
    0?wx_fmt=gif.jpg
    关键帧
    0?wx_fmt=gif.jpg
    中间画
    0?wx_fmt=gif.jpg
    上色
    0?wx_fmt=gif.jpg
    最终效果

    流畅的裙子飘动循环动画是怎么做的呢?

    有点看花眼,其实不需要画太多帧。

    下面来看教程吧:

    0?wx_fmt=gif.jpg
    CHICIN的循环裙子动画教程

    0?wx_fmt=png.jpg
    首先我画了一张裙子的图作为第一帧,这在之后如果和最后一帧接不上还可以再修改。

    0?wx_fmt=png.jpg
    为了做出循环的效果,每一个褶子的最后一帧要与隔壁的褶子第一帧一模一样。如图A飘到B,以B的第一帧形状作为结束。

    0?wx_fmt=gif.jpg
    这里我把每个褶子循环用颜色标了出来。真的无所谓你用的是什么工具做的动画,最终达到效果就可以。

    0?wx_fmt=gif.jpg
    这样分批画很方便,你不用为了做褶子绕一圈完整的循环而画一堆线。因为线越多越混乱。

    0?wx_fmt=gif.jpg
    用另一种方式画的时候如果你画的时候卡住了。可以参考这个曲线原理。当然还是把它分成很多褶子部分来画更清晰一点。

    0?wx_fmt=gif.jpg
    像这样!看起来像一只水母,如果你要做水母的话也可以这样做。

    0?wx_fmt=gif.jpg
    《宇宙小子》中的角色,这张图就是按照这个方法做的。

    0?wx_fmt=png.jpg
    0?wx_fmt=png.jpg

    是不是思路清晰很多?做这种循环动画再也无压力了。

    接下来是S曲线运用在小动物们身上的教程:

    0?wx_fmt=gif.jpg
    循环的尾巴和翅膀!

    0?wx_fmt=gif.jpg
    尾巴的扭动也是遵循S曲线规律的。在尾巴运动的时候,尾骨其实是在上下摆动,因此给后面的尾巴部分传递了第二动作,因此剩下的尾骨每一个都跟着前面的接着上下运动,连在一起就形成了上图的效果。

    0?wx_fmt=gif.jpg
    第一个动作上下摆动传递给后面。因此看上去就是上图的效果。
    0?wx_fmt=gif.jpg
    有时候当我想更仔细的弄清动作,我会做上图的动作扭动我的手臂来研究这个动画。——我也不知道有没有用。就觉得可能那个波浪能参考一下。

    0?wx_fmt=gif.jpg
    小短尾巴不需要太夸张的曲线,因此很短的摆动动画就够。

    0?wx_fmt=gif.jpg
    例如走路或者弹跳的时候可以做这样的尾巴动画。其他的动作要是具体情况而定,也要看尾巴是僵硬还是柔软。

    0?wx_fmt=gif.jpg
    翅膀的原理也是一样,靠近身体的翅膀骨骼运动时上下摆动的,接下来的部分都是跟随者前面的运动在运动。

    0?wx_fmt=gif.jpg
    当把翅膀理解成一根简单的线条的时候,你可以很清晰的看清这个波动的模式。也很清楚的能理解前面骨骼的运动是如何带动后面的骨骼。

    0?wx_fmt=gif.jpg
    翅膀不想像尾巴可以直接做一个循环。翅膀是有运动曲线缓动的。两端慢中间快。

    0?wx_fmt=gif.jpg

    上图是没有曲线缓动的翅膀动画。也没有根据弧线法则来做。因此翅膀动画看起来很僵硬死板。

    关于上面提到的缓动和弧线法则,详细教程大家可以看这里:


    0?wx_fmt=gif.jpg

    这个是正确的翅膀例子。

    是不是又get到了动画新技能?

    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg

    分享给你的动画小伙伴吧!


  • TA的每日心情
    无聊
    2018-1-20 08:40
  • 签到天数: 69 天

    [LV.6]常住居民II

    发表于 2017-9-22 22:14:42 | 显示全部楼层
    我热爱学习  热爱学习 。
  • TA的每日心情
    奋斗
    2018-3-29 01:35
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    发表于 2017-9-22 22:40:41 | 显示全部楼层
    感觉好想尝试一下  接触三维之后才发现 二维动画感觉才是最难的
  • TA的每日心情
    慵懒
    2021-2-20 11:01
  • 签到天数: 81 天

    [LV.6]常住居民II

    发表于 2017-9-23 11:25:05 | 显示全部楼层
    很可爱的教程
  • TA的每日心情
    难过
    2018-7-17 20:00
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2017-9-25 10:44:41 | 显示全部楼层
    感谢分享
    回复

    使用道具 举报

    快速回复
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|坑网 ( 浙ICP备13019925号 )

    GMT+8, 2024-5-5 03:28 , Processed in 0.078371 second(s), 23 queries , Gzip On.

    Powered by Discuz! X3.4 Licensed

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表