同样是大学修的动画课程。这里记录一下我在八个多周的课程里都学了啥。结尾会有一些软件介绍以及推荐一些线上大家可以自学的课程(之前这篇日记是豆瓣上的 https://www.douban.com/note/653180285/,现在搬运过来后有了很多新内容的补充)如果对动画有兴趣,想要自学,不妨从我说的几个方面入手试试看。我们课上用的教材就是那本最经典的 the animator’s survival kit,有中文版本《原动画基础教程》
- 链接给的只有vimeo或者是youtube..(国内这俩网可能登不上)
- 如果没有特别说明,软件和教程均是收费的。由于学校有优惠或者是和某些网站合作,所以学生看是免费或超低价 (很多学校都和lynda有合作,用自己的学生账户登录即可观看)
WEEK1 ✦ 2018.1.12
第一节课有个自我介绍。就是你和同桌互相了解一下,然后由同桌向大家介绍你,同桌在介绍你的同时,你用老师的电脑在谷歌上搜索相关图片给大家展示。
接下来我们立刻做了一个最简单的视觉残留的小玩意儿。叫thaumatrope(这都是19世纪的小玩意儿,后面我们还会学习phenakistoscope, zeotrope,和kinograph,其余这三我后面再详细介绍,等不及的可以看这个网页,http://www.mhs.ox.ac.uk/exhibits/fancy-names-and-fun-toys/)。
原理就是这样的,大家肯定都见过

我解释下,就是一张纸的正面画一个东西(这里是鸟笼),反面倒着画一个东西(这里是小鸟),然后在这张纸的左右打孔,用线系上,拿在手里飞速转动,你会看到小鸟被关在了笼子里,这就是利用最简单的视觉残留,让你把正反面的两张画合并在了一起。
这个孔还可以打在上下两端,不同的转动方向其实效果是不同的,这就要看你怎么设计了。
我在课上做了一个小猫坐在窗台上的(下图是我录的一个小视频,不过我翻得可能有点慢,没有照出效果,但大致就是这么个意思)
正面是一个小窗户,反面倒着画一只猫。这样转过来才能在一个画面里

然后老师给我们介绍了phenakistoscope,中文翻译是费纳奇镜,可能有一些人听说过这个东西。这个费纳奇镜的原理如下图,你对着镜子,转动这个小圆片,然后从小圆片中间的那一串缝隙中看向镜子,一定要从那个缝隙里看向镜子,如果你只是从边上看是看不到动图的,只能看到圆盘在转。但上面的图片你看不清。一定要从缝隙里看!就会发现上面的画面真的动了起来。非常神奇!!!!!!!!!!

我在厕所的镜子里玩了好久!!!!真的是只有亲身体验了,才会觉得动画是这么美妙…啊差点就萌生了想转动画专业的念头哈哈哈哈。但是这个比较遗憾的是,只能一个人观察到其中的妙处。所以后面有替代的!这节课的作业就是做一个费纳奇镜~
https://www.guokr.com/article/442216/ 果壳有一篇非常非常简单的介绍。
更多精彩的例子请看这里http://www.thisiscolossal.com/2013/10/the-first-animated-gifs/
如果在网上搜phenakistoscope template费纳奇镜模板,可以搜到很多不同的,也有很多可以参考的图片~下面这个是我做的 (在photoshop里简单合成的动图)
具体是这样的,一般来说吧,分割越细,动作可能越流畅,不过最基础的模板就是12个格子,我是做失败了5个以后,找了另外一个16个格子的模板。模板网上下载一个打印就行,然后贴上一张硬纸片(一般是黑色,不过我试过别的颜色也不影响观看,硬纸片的效果纯粹只是因为打印纸太软了转不动2333)

至于放在哪里转动,很简单,找一根带橡皮的铅笔,然后拿图钉钉在橡皮头上就可以了~
WEEK2 ✦ 2018.1.19
来啦!第二周!这节课是每周最期待的了。这节课我们用的材料是加拿大导演 Norman Mclaren诺曼·麦克拉伦的『Elements of motion』讲解,文章叫The Definition of Animation- a letter from Norman Mclaren。啊我似乎没有在网上找到电子版,我们老师给我们发的是纸质的材料,就两页。
哎,其实也没啥,不看这个也可以,就是讲了五种移动的类型。
- constant, 简单理解为匀速移动
- Acceleration 就是加速
- Deceleration就是减速
- Hold 就是表面意思,不动, 要hold住
- erratic 就是不稳定的,我理解的是随机性也包含在内…
我觉得没啥好说的,就是咱小时候初中高中做的那些数学题嘛,什么车每小时多少多少速度前进,后来加速,加速度是啥。然后大家画个图解应用题。还有物理课老师画那个小球下落,平抛小球的那个图,现在你不用解题了,变成了做动画。原理都是一样的(学好数理化,转啥专业都不怕)。如果脑子觉得有点转不过来,那就翻开那本原动画基础教程那本书,最开始的一章就有很详细的讲这个问题。很容易就理解了~
然后这节课我们的作业是要做定格动画,什么是定格动画呢,例子请看这里,每一个都超级赞
https://pesfilm.com/ 我们上课把这个网站里所有的动画都看了一遍,尤其是名叫THE DEEP的动画,非常非常出色。动作非常刘畅非常美。
还有一个时间比较久的,但也很有名(这个的话,对虫子或者有密集恐惧症的人就不要点开看了)
然后就是一个吃豆人的定格动画,是大家坐在电影院里,穿着不同的衣服表演233特别可爱点我观看(是youtube链接)
我们用到拍定格动画的工具是学校的一个可以俯拍的器械,用的软件是行业专用的 Dragonframe,说道定格动画,小羊肖恩还有即将上映的犬之岛,都用到了这个软件。这个软件不是用来合成动画的,这个软件就是用来一帧一帧拍照的,你得到的是一系列单独的图片。然后拖到AE或者其他软件里合成视频或者动图。当然,个人在家里做定格动画,其实不需要用这个软件,一个相机(或者手机),一个固定装置(比如三脚架,或者十几块钱的手机支撑架)就可以了。是我觉得普通人应该也用不到这个软件,所以就不仔细讲解了,反正很简单,官网也有教程。


木有了,下节课我们要带着自己做的无声动画过去,然后学习如何添加声音效果。
WEEK3 ✦ 2018.1.26
今天课上的内容没啥可说的,因为我们用了半节课介绍如何使用 Dragonframe 拍定格动画,这个软件不得不说真的巨好用…太方便了。但是考虑到普通人也用不到,我推荐想尝试拍定格动画的朋友可以先使用免费版的 iMotion(当然现在app非常多,随便哪个都行,没啥限制,甚至你不用app也都可以拍),可以导出movie也可以导出图片序列也可以导出动图,超快速。
教程的话海党直接youtube搜stop motion tutorial,一大堆。国内的小伙伴看b站上的这个小视频 https://www.bilibili.com/video/av12861603/ 话说这个定格动画CN的b站播主,一共做了三个视频,都是定格动画的,其中就有dragon frame这个软件的教程。啊虽然视频播放量少,但我觉得质量挺高的。当然这个可能对初学者有点点复杂,但是原理都是一样的。定格动画,用我的话说,就是『你扶着模型动来动去,但是拍出来看不到你的手』,原理很简单,你每一动一下,就拍一张照,最后把拍的照片连起来做成视频就可以了。
imotion这个简单的app的好处就是他有远程控制(这是另一个app叫 imotion remote),你拿另外一个手机当做控制器,这样就可以防止你戳手机的时候镜头抖动。
知乎上有个回答,答主是曹孟德斯鸠,https://www.zhihu.com/question/26745754 第一次拍定格动画要注意什么,他说得非常到位了,室内拍的时候不要用自然光,一个镜头没拍好不要动任何东西。而且宁多拍不要少拍,因为后期补拍很麻烦(比如我)
下节课我们回学纸人偶的制作
WEEK7 ✦ 2018.2.24
WEEK4 WEEK5 是讲puppet animation以及软件讲解,WEEK6(休息)。这三周大概有这么几个内容,puppet animation, ps动画功能。
先介绍puppet animation(也叫cut-out animation),这个是正式学人体走路动画前的一个铺垫作业。就是通过做纸的人偶,拍定格动画来展现走路姿势。对于平面上的走路,要做三个人偶,一个正面,两个侧面(因为要做来回走路的动画)。第一步是先画草图,然后把轮廓描好。(第一个人偶我做失败了,因为设计的太复杂…搞了几个小时以失败告终,第二个就简化衣服,甚至连手臂都不做关节了)

要描好一个清晰的轮廓。这是为下一步用透写台描轮廓做准备。接下来就是用透写台,把身体各个部分拆开,描好了以后在纸上上色然后再减下来进行拼接。

下面就要介绍我们学校的祖传人偶关节的方法。这个方法是我们学校曾经的毕业生 Amanda Forbis 发明的,一直用到现在,网络上也有很多不同的纸人偶连接方式,经我试验后,我们学校的这个是既能隐藏关节,又能不限制关节的大小的方法(因为有一些制作方法不能做很小很小的关键,但是我们这个方法就是可以滴~~)这里分享给大家~
如下图

- 首先把要连接的两个部件准备好,这里做示范的是侧身模型,一个身子+一个胳膊。
- 把位置摆好以后反过来,用针戳一个洞,注意这里要把身体戳透(也就是位于下方的模型要戳透),但是胳膊尽量不要戳透(这个就完全靠经验了)
- 戳完以后是这样的
- 准备一小片胶带,还有一根小铁丝
- 用胶带把铁丝贴在胳膊上,这里要特别注意的是,刚才没有戳透的那个小点其实就是一个定位点,你要把铁丝正好固定在这个位置。这样可以和身体上的孔吻合
- 把铁丝穿过身体,然后盘一个圈,这样就不会掉了

这样,铁丝就把两个部件固定在一起了,但是可以很轻松的移动。铁丝的缠绕也是有技巧的,但是我不好描述了,缠绕的方式决定了你的关节是紧还是松,这个自己多试试就知道了。纸模型有一个问题就是剪下来之后,可能会不小心留一些白边,一方面是剪地不到位,另一方面是因为纸有厚度,所以做好纸模型以后要重新上色,把白边都盖上。
然后就是画背景。背景用厚一点的水彩纸或者是illustration board(可以理解为像水彩纸一样的厚纸板)画,我简单画了一个树林。然后就可以拍摄定格动画了。(但是由于那只猫身体做得不是很理想,我就没有用到它)

纸人偶的走动方式也是要参考最经典的这个结构。还是那本书,大家自己看看就好…其实重点就在于人在左路的时候,是有高低起伏之分的。而不是一颗头傻乎乎平移.

我觉得吧…画的效果可能会更好一点…因为那个纸人偶!!!真的很不好移动!!!!大家上节课每个人的脸都是崩溃的,侧身走路的时候,因为有一个手是在后面的,调整起来很麻烦。虽然大部分定格动画软件都有onion skin(这个待会儿会解释)的功能,但是真的调整地很崩溃…我大概录了三次都不是很理想…这周大概还要重新录。 下面介绍一下用PS做简单动画的方法~~做动画的软件其实很多,比如矢量动画工具animate CC(原来叫flash), AE也可以做一些动画效果,3D软件比如maya或者cinema4d也可以做一些,或者是更专业一点的toon boom,2d专用TVPaint
但是对于非专业的人来说,可能PS是我们最熟悉的软件,所以这次就先介绍PS做动画的方法(默认是PScc最新版本)后面我会推荐一个专门的PS动画教程,比我说的要详细很多,也是0基础的。
①首先新建,最右边有个film&video的类别,点击这个,然后随便选择一个模板,这里选择的是第一个),如果没有显示timeline,点击window菜单,把timeline点出来。
2.在layer菜单里,选择video layer,选择new blank video layer,就是建立一个空白的vedio layer。
然后,下面这个比较关键。看到timeline右侧有个小按钮,那个是弹出timeline菜单的选项,点击那个很多横杠的小按钮,把enable timeline shortcut keys和enable onion skins勾选上。
解释一下这俩的作用。enable timline shortcut keys就是能让你用键盘上的左右方向键控制帧数的移动。而enable onion skins就是能让你看到上一秒或者下一秒都画了什么(类似于一个影子,这样你在画的时候可以参考前面画的位置,或者是修改的时候参考后一个动作的位置)。然后就可以一帧一帧手绘了。
我这只是简单的介绍,更多功能可以查看官网。这个和以前我们用ps在图层里多张图做gif的区别就是,这个video图层只有一层。你可以直接在这一层上做一个连续的动画,节省了很多功夫。如果想要添加背景图层,那就是传统的layer,直接在右侧的layer里面新建普通图层就可以了。
WEEK8 ✦ 2018.3.2
下面这个就是我完成的小动画…十分粗糙…但是尽力了哈哈哈
上节课的作业。(PS..我们班其他同学的作品都太厉害了..自己的作业就低到尘埃里了哈哈哈哈..但是真的这门课太有意思了,可以看到很多炒鸡棒的点子,比如有一个学生作品是跑步,但是她在做的过程中纸人散架了,怎么调整都不能调整出正常跑步的姿势,然后她直接把人体全部分解开,屏幕上就是很多分开的胳膊腿儿身子在跑步哈哈哈哈哈,效果意外的好)
这节课学习的是animate CC这个软件的基本使用方法以及 storyboard+ pose to pose 的流程。
storyboard (好像中文翻译叫做故事板,我也不知道具体官方译名是啥)基本上就是用黑白简单制作一下你要做的动画的关键动作,storyboard我认为最大的作用就是节省时间,storyboard设计好之后可以避免多画一些没用的镜头。在做的时候要把音乐也加上,这样就可以很精准的掌控每个动作要多久…分配好了各自的时间,再画in betweens(中间的用于连接的动作)就不会失去控制。
关于storyboard的教程,这里有几个linkedin的链接(突然发现好像linkedin和lynda合并了?),随便看看就好这些也就只是介绍个大概..没什么特色的教程。
animate cc制作storyboard
同一个人的storyboard的基础介绍
Toon Boom Storyboard Pro的介绍
然后就是我之前有推荐过一个bloopanimation的storyboard教程(这个推荐是因为不仅有storyboard的基础,还有非常详细的用photoshop, sketch up或者是storybaord pro做storyboad的超详细流程,里面赠的笔刷非常棒,是根据JP VINE的分镜工具改的)
bloopanimation有中文字幕~

Animate CC就是之前的Flash软件(和网上的flah插件不是一个东西),就是一款优秀的适量动画软件。软件官方介绍看这里 https://www.adobe.com/products/animate.html

但因为是矢量软件,对于一些喜欢PS各种材质笔刷和效果的人,这个软件可能就不是最优选择。所以我做动画的软件选择用tvpaint 11 pro
然后就是几篇文章的阅读,是关于acting的,我简单翻译了其中一篇。是Acting and animation那篇,有兴趣可以进去查看 https://www.douban.com/note/659192938/
关于软件的一些说明
由于我们是非动画专业的学生,因此课上软件的挑选,是按照非专业学生的习惯做的最优选择。我们学校大一的学生是一定会学到Adobe系列中的2-3种软件,所以这节课我们的优先软件也是adobe系列,简单一点的比如Photoshop自带的动画制作小功能,稍微复杂一点的就是Animate CC(前身就是FLASH,改名字了)/还有Character Animator,但由于已经了解了其他软件,所以上手都很快。After Effects和Premiere也是需要掌握基础。这5个都是adobe的软件,根据自己的喜好可以随便选择。(不过我们学校曾经有一个动画专业的学生,毕设是用PS做的,PS真的很棒~),国内没有Adobe creative cloud的服务,所以大家可能会不是很方便,cloud服务学生每月十几刀,然后大部分软件随便用(其实不是所有软件..那个acobat是去掉了高级功能的版本)。可以授权两台电脑。从这上面下载很快,10分钟就能安好一个软件,安装完毕就能立刻使用。而且更新也很方便
以上软件是非动画专业学生的最省时间的选择。
课程不怎么教授软件使用方法
老师课上没有时间去教大家具体软件的使用方法,因为这些专业的行业内的软件,使用方法要更复杂一些,由于本节课只是一门选修,所以如果学生要使用下面的软件,需要额外自己进行学习/不过学校和linkedin是有合作的,直接用自己学生账户登陆就可以,上面教程都是可以免费看/但话说回来linkedin里面的教程质量参差不齐,也是要筛选的)(以及罗列的也是我看到的..不确保是全部)
那专业的学生做动画用什么软件呢?这就要分2d还是3D了。由于我对3d没什么兴趣,所以这里只罗列一下我看到的大家用过的软件(不确保是全部)。
3D软件
Maya, zbrush, 3DS Max ,Revit2018 , cinema 4D(这个我也会用因为这个对于motion graphic比较好用,而且操作也比较简单),Blender(这个是免费的), Substance Painter(这个是制作贴图的,这里面的一些软件不是单独使用的,可能每个都有自己的侧重点,需要配合使用), Rhinoceros5(这个就是犀牛那个软件),houdini FX(电影or游戏用得比较多),Katana 2.6(布光软件),people size(其实这个我不知道是什么,没打开看过…应该是一个人体数据的软件),mari4.0(3D纹理)
2D的软件
嘛我们村嘛,软件里必然有TOOM BOOM Animation公司的这系列软件
Toon Boom Harmony Premium (Toon Boom 和adobe一样是按月付钱)
Toon Boom Storyboard Pro 这个是专门的画storyboard的软件。也很好用(当然PS以及其他软件也可以画storyboard,但这个就更专业一点)
Tvpaint Pro 这是一家法国的公司制作的动画软件,效果参见海洋之歌(下图)。

Tvpaint他们公司比较认真(吧),为了防止盗版,该软件的使用需要购买电子狗(就是一个小优盘),在使用这个软件的时候要插入U盘才可以使用。然后产品的使用说明四五百页,但是写得很详细..这是一个专门的2D动画制作软件,上面说的toom boom那个公司的软件2D和3D都可以做,但是这个软件就只是2D, 而且如果你是传统手绘的动画师,这个软件也有很方便的功能处理扫件。软件自带storyboard功能,然后可以导出欧美或者日式的结构(目前他们正在做汉化工作..现在貌似只有两三种语言,但是官网有中文,如果是学生个人网购,购买后电子狗会飞速/反正是DHL/寄到你的手中,但要把学生证扫描件email给公司获取一个码,才能正式用学生版)。tvpaint是买断制,你是学生的话,即使毕业了也能继续用这个软件,一辈子,只要不用于赚钱就可以。如果需要用这个赚钱,只要补上和专业版的差价就可以了(以买断制来评估的话,这个价格也就可以接受了)
Flipbook 6
其实我很推荐大家用这个!!!这个超级便宜(简略版只要19.99刀,当然学校用的是加强版)!!而且炒鸡简单!!!界面炒鸡简单易懂,怎么说呢长得就跟那个window画图工具差不多。
NukeX
视觉特效软件。动画里可以做出很棒的效果(比如什么大场景)
Opentoonz https://opentoonz.github.io/e/
这是个open source的animation软件,而这个软件是吉卜力工作室合作推出的。专门用于手绘动画的处理。完全完全免费。无论商业还是自动。都是免费的,你还可以自己修改代码改进功能。配合相关的效果插件可以加blingbling特效
Dragonframe
这个我之前介绍过了,非常专业的定格动画拍摄软件,好用到起飞。
很多定格动画都是用这个拍摄的,比如即将上映的犬之岛。小王子,KUBO等等..
不过这个非专业的人真心用不到,因为这个拍摄需要把相机放到轨道上,然后有一个专门的控制器拍摄。如果大家想要自娱自乐做定格动画,用手机上的软件就足够了(有很多免费的软件就可以做出还不错的效果),比如imotion或者是类似的(我做作业的时候也是在家偷懒用手机拍的)
但话说回来,2D动画软件无论选择什么样的,(不涉及外加特效)的手绘动画的过程和原理都是一样的。不同的软件只不过对操作的便捷度有不同的设计,对于效率方便各有各的优势,所有的软件都有免费试用版可以下载使用(现在的试用版本其实功能都很齐全,只是不能保存或者导出有水印罢了),学习教程的时候用试用版本就可以,如果看到一半觉得自己用不顺手,可以立刻换一款再尝试。
WEEK 9-12FINAL
怎么说呢,我其实完全…没有记忆了,最后的那三四周。=_=果然不在当时的月份记下来,脑子就放空了。啊啊啊啊想起来了。中间还有一个小动画作业。
是狗子和阿咕的日常。虽然我夸张了一下。但基本就是这么回事儿。那个拖地的动作我真的还要画到窒息。每一帧都是手绘的。。这个作业就给了俩天时间。真的是急到吐血。
我想起来第九周讲了什么了,我们学了一下animation的用法,就是adobe那个。我一般软件笔记会做在电脑上。然后会把这个笔记打印下来打个孔夹到我对应的文件夹里。不过这个笔记的电子版我找不到了,所以就没法分享了。

然后最后俩周是做期末动画作业。我们期末作业每年都是一个风格,就是大家投票给定一个主题,以及一张可以用作开头和结尾的图片,大家全部围绕这个主题创作。然后头尾就可以完美互接。不过很可惜全班的那个视频合集在vimeo上是加密的。只能给大家看一下我做的小破final动画。
我们这次的主题是做梦。我设计的故事就是 一个小猫咪和主人互换身体的梦。想的挺美动画做起来好难orz…下面这个模板就是我的storyboard。用计时器自己预估的时间也用绿色的笔标注了(说实话其实我完全不知道怎么设计时间,我们老师也没讲过..我就是自己模拟了一遍…不过我之前看宫崎骏的纪录片,似乎公司里也是用秒表这样的工具由动画人自己安排时间的…)

做几十秒小动画,我自己的流程是
- 先把storyboard画明白了。时间都安排好。然后就按照时间段,在动画制作软件里画关键帧。然后用一个很粗糙简陋的关键帧演示过程。觉得时间都卡得不错了。配上背景音乐。这个音乐一定是要在草稿阶段大致配好。
- 然后开始细化线稿。把整个动画流畅(不可楞)地都画完(到这一步我就不行了,手疼)
- 现在有了一个完整的动画线稿,然后配合音乐,调整动作和节奏。
- 节奏和动作一定要在第三部都搞完。然后再上色。这是为了避免做一些无用功。曾经我有过上色上一半发现线稿要改动!!然后崩溃。
- 上色完成后,导出动画。这里只是导出图片序列,并没有音效。因为动画软件一般不能很好的处理音乐效果,需要在外面单独合成。
- 然后用AE或者PR把音效和画面合并。加点特下啊什么的。
- 导出正常的小动画。
但…就是吧…动作没有找过参考时间不够了全都是瞎编的…=_=…而且越到后面画越烂…因为还要上色啥的…只有一周时间(实际上我一周有四门课,做这个动画…也…也是两天!我…我发现这门课的作业基本上每周只能抽一天给它,可以说十分艰难了)。然后时间不够了我也懒得找音效了,除了背景乐其他杂音都是我现录的..而且就录了一次因为当时离交作业只有一个小时了!
对于非动画专业来说,我觉得这门选修课还是非常好玩的~不仅了解了不同形式的动画,而且还学到了专业的流程(虽然我们大部分人都做得稀烂哈哈哈哈)。然后大家上完这门课就明白了为什么我们学校动画专业的学生总是看不到人影,因为他们永远在工作室里画画,实在是太累了,想要设计出流程的动作,真的需要好多好多功夫。对此,我只有respect~
自学动画教程推荐
自学的话,请大家准备好经典的那本动画书。然后根据你想要学的平台,选择对应课程就可以了。这里我推荐几个可以快速做动画的平台。
ADOBE EFFECTS
推荐课程 Hand-Drawn Digital Animation: Bring Illustrations to Life
这门课的授课艺术家是来自中国的YUKAI DU,现居伦敦。这个小小的教程大概只有9刀的样子,讲的是用AE这个软件做一些手绘风格的动画。非常可爱!

ADOBE Photoshop
推荐课程 https://photoshop-animation.teachable.com/p/animating-in-photoshop
这个是我很喜欢你的一个伦敦的director做的photoshop小课,适合不会用photoshop做动画的人(但是你需要稍微有一点点photoshop的基本知识)以及完全不会动画,0基础的人~这个也是那种很手绘的风格,我非常喜欢~

IPAD上的Procreate
推荐课程 Mixed Media Animation in Procreate
这个是用ipad上的procreate这个画画软件制作小动画。

更专业的教学请看 https://www.bloopanimation.com/
