Out of Sight（制作）
作者：台湾艺术大学动画系95级毕业生 类型:闪吧整理 来源:闪吧
使用工具：
动画纸、灯箱、定位尺、非常多铅笔和色铅笔、水彩、纸胶
▲左图是请老师代订的一箱动画纸，右图是BOSS的透写台
虽然这次是用手绘动画制作，我们也只有”画”的时候是在纸上而已，后续的处理其实用了很多软体，以下是我们主要使用的软体。
动画测试和一部分动画制作：Flash
铅笔测试(pencil test)：MonkeyJam(需有webcam)
批次转档和命名：ACDSee
清稿、上色、背景处理：Photoshop
工作分配
我们这组有三个人，彼此的专长刚好有完美的互补。组员Evaty和BOSS擅长动画，在这次的动画中Evaty(也是人物设计者)比较擅长画Chico(女主角)和gogo，而其他像是抢匪、水滴、面包、路人们、猫、动画的房子、车子、水花、鲸鱼、云…就由BOSS负责，另外也帮Evaty分摊一些画不完的动画。火车擅长水彩背景，也会使用AE，所以背景、清稿、上色、初步合成等种种繁杂的工作就由她负责。
动画制作流程
刚开始制作时是跳着卡进行，但后来发现这样没效率又容易产生BUG，所以后期改成一次完成全部卡的Layout，接着依场景(约10卡)分批完成原画，再逐卡完成补间和上线的过程。
Layout
就是构图，依照分镜的指示画成，是整卡制作的依据。这个部分则是由担任导演工作的Evaty负责。
每卡layout必须画出背景和人物之间的空间关系，为了给背景绘制比较大的自由，layout上的背景只会画个轮廓和透视线以及安全框，如果有景深移动或3D效果，就要事先在layout时计画好如何分层。
▲为避免人物和背景互相干扰，第33卡的背景、鲸鱼、云的layout画在不同纸上，背景那张的背面用蓝色色铅笔画上分图层的切割线。
至于人物通常就直接画这卡中最具代表性的原画。
▲这是第15卡的第一张layout，下面的小字是在计划每段动作需要的秒数，藉此计算动画张数和完成所需要的天数。
普通的运镜就画上运镜前后的安全框位置，如果有很大的运镜，就必须用纸胶把动画纸接起来，也要并事先模拟运镜的效果。
▲第30卡的layout，不同颜色的线代表运镜前后的安全框
▲结尾这卡的latout非常巨大，接了11张动画纸
动画
我们因为制作人员比较少，所以Evaty和BOSS是采取用角色分配工作而不是用原画和补间分配，也就是说，自己的原画就是自己补间。但为了不要让造型跑掉，BOSS部分的动画还是会提供少量的原画草稿供其参考。
刚开始制作时，因为流程不熟悉，犯了很多错也浪费很多时间，目前整理出比较好的方法如下。
Step1了解动作
通常会亲身表演好几次并录影下来参考，如果不是常人能表演的，就会看实拍影片或类似的动画。
ex.gogo的动作很多是参考<101忠狗>和<小姐与流氓>，Chico变身时的魔法效果是参考<阿拉丁>，Chico撞到篱笆的表演是参考<神隐少女>，在篱笆摸索的动作是照着我们自己的表演设计的。
▲将<FLCL>里的机器人拉扯的动作逐格画起来参考的练习
▲Chico和gogo拉扯动作的设计
▲结尾卡gogo背面走路的设计，参考网路上的实拍影片。
Step2原画草稿
包括layout中的原画，先画出具有说故事能力的关键张(keys)，接下来是接触张(或是极端张或Extremes)，再来是交代动作如何进行的过渡张(breakdowns)。原画绘制时需非常谨慎，避免补间时全部跟着一起画错的惨剧。
原画绘制时必须考虑如何拆图层和设计loop，做得好的话，不仅可以增加画面稳定度又可以节省张数。
另外，绘制时可以将两张原画快速的翻动，如果画面中的人物感觉有”动起来”，那原画就算是大概没有问题了。原画绘制时会在纸上计画每张之间补间的张数，如果动作很长很复杂，则会在律表上安排。接下来就会进行Pencil test。
▲这是来自第30卡的原画草稿。
▲这是来自第17卡的原画草稿。
Step3铅笔测试(pencil test)
我们使用的是学校的翻拍台，在上面架设webcam(说是架设其实只是用胶带綑一綑而已)，电脑上要灌MonkeyJam这个软体，它会将webcam的画面撷取下来，也可以排律表和输出，算是相当方便，画面解析度虽然很低，但用来测试动作已经十分足够。
▲学校的翻拍台
▲MonkeyJam操作画面
Step4原画线搞、补间
动作测试完成后，就是手痠的开始。
原画描线时会顺便分图层，如果对timing没有信心，可以先在每个原画间中割
一张测试看看，我们的习惯是每画完一小段就测试，很有信心的桥段才会全部画完再测试。不好画的补间会先打草稿再描线，基本上一切以自己方便为原则。描线和补间的动作是最费时的，我们的最高记录也只有一天40张而已。
▲第27卡的线稿刚测试完，摆在翻拍台上
另外有些卡的动作比较快或是困难，就会把补间草稿全部画完、测试过再描线，这样作虽然费时，但可以确保动态如预期般流畅。
Step5上色线
色线对整个画面的影响是非常大的，但它是最无聊却又不得不做的最后过程。
我们会先在背后或是草稿上先画出阴影，确定后就在正面用红色色铅笔画上色线，如果有影子的话，色线也会变得很难画，最好先观察过现实的影子在画。排进度表时最好把色线的时间也算进去，因为这步常常比想像中还要费时。
▲第7卡的部分线稿
※律表
律表又称拍摄表，用来记录动画张的拍摄顺序以及拆图层的方式、重复拍摄顺序、画面停止时间的长短…，如果要配合音轨的动画，就会在原画前就先把音轨画在律表上，方便安排动作。
另外，由于我们使用的合成软体AE没有排律表的功能，所以动画必须分段汇入，因此会在动画完成后，会在律表上画上分段的方式。(蓝色的线段内是整段汇入，红色圈起来是单张汇入，每段右下方的英文字母是分段的代号，扫描后的档名上会打代号+动画编号避免出错。Ex. 39go tail_a_05.png指的是：第39卡 gogo的尾巴 a段 第5张)
▲左边是第4、5、7的律表(第6卡被删掉了)，因为声音是连在一起，所以律表也干脆写在一起。右边是第12卡的律表，空白处的文字是动作说明。
组员的沟通
团体制作中几乎可说是必定存在的问题就是沟通，如果layout没有详细说明背景和动画的制作细节，就容易导致大家会错意，做错又浪费时间。所以，即便是补间这样一个小工作，也要把剧情、原画安排的方式和补间的注意事项…说明清楚。
Flash上的部分
OOS里有一部分没有线稿的动画，像是烟、水、云，这部分是由BOSS在Flash上绘制，这么做的目的除了节省纸张，也可以节省画错修改、扫描和清稿的时间。另外 有一幕俯瞰水城市的景里面的小车子和行人也是用Flash画的。
▲Flash画面
扫描
这部分是Evaty负责，扫描前会先用纸胶把定位尺固定在扫瞄机上，在以300dpi一张一张扫进电脑批次存档和命名。如果存成PNG档可以无失真压缩档案。
▲第7卡扫描后的档案们
清稿与上色
这部分是由火车负责，首先用Photoshop曲线把动画纸的背景调成纯白、加深线稿颜色，使用”动作”功能记录调整过程就可以轻松套用到其他动画张上，再用笔刷和加亮光具清除橡皮擦的痕迹和杂点。
做色指定时，会把上好色的去背动画张和背景放在一起，经过全员一起讨论后才决定。
▲第7卡的色指定
我们使用的上色法比较特别，暂且命名叫”遮色片上色法”，上色前会先做一个范例档。
▲将人物身上每层的颜色各开一个图层，并在图层里填满该部分的颜色，再加上涂层效果的笔画，将笔画的颜色改成跟该涂层填满的颜色一样
▲将整个图层组合拖移到清稿后的动画档案上，用魔术棒工具在线稿上选取范围，假如选取的是帽子，接下来就要选帽子的图层，并点图层视窗下面的遮色片按钮，如此一来就只有选取区(帽子的范围)内有颜色，超出的部分都会被遮色片遮掉。但因为魔术棒只会选到帽子内部，而在选取区边界和线稿之间就会留下一段空白的空隙，这时后之前设定的笔画效果就会派上用场，他会在选取区外面画上一条宽2-3像素的线(宽度可调)，就可以将那段空隙填满。
还是不了解的人可以下载上完色的范例档来看
线稿去背也可以用动作录下来在套用到每张动画上，因为我们是用红色色铅笔画色线，所以要用红色色版才能去掉色线，首先按住ctrl再点选红色色版，就会将所有包含红色的部分选起来(包含红色的线和白色背景)，再来翻转选取区，再开新的图层填上线稿的颜色，原本的线稿就可以删掉了。最后再另存出PNG的档案以供合成使用。
想使用动作来播放另存新档指令的话，录制动作时务必另存到和原始档不同的资料夹，并且勾掉存成拷贝的选项。否则动作记录的储存路径会是档案而不是资料夹，造成之后另存的档案不断覆盖路径中的档案。
背景
当火车拿到layout后，就会转描画细成背景草稿。
▲火车正在绘制第32卡的草稿
确定草稿没有问题后，就会再转描线稿到水彩纸上。在绘制特别巨大或是超长的背景时，常会使用接纸的方式，之后再进入Photoshop里去掉接缝。
▲第32卡的背景去掉接合缝隙前
通常有运镜的卡就会使用到景深移动或是3D背景，这时后就会需要把背景分层拆开画，之后再进Photoshop去背合成。
▲第33卡扫描后
▲特别重要的背景，如鲸鱼冒出来的第33卡，火车就会先画小张的草稿来设计颜色。
背景用纸
关于背景用纸，我们为了要让背景和人物的质感能融合在一起，选择了一种纸纹较少、表面平滑却又可以画水彩的纸，名字叫做Smooth Surface Cartridge Pad，一开始是由Evaty提供的(从家里掏出四年前买的纸)，当然纸的数量相当不够，所以火车跑了好多趟美术行，结果很可惜的是这种纸在台湾已经绝版了，只剩下小小的B5款。火车为了找到适合的纸，跑去浪费一堆钱，结果最后受到阿宏老师的协助，拿到从前动画背景专用纸，相当有厚度。这相当有厚度等于他非常难透光，叠在草稿纸上等于完全没东西，但火车还是很有能耐的披着外套包裹自己，让透写台的透写能力变强，花许多时间勾好线。
▲Smooth Surface Cartridge Pad水彩纸本的封面
▲将草稿透写到超厚水彩纸上的情形。
背景处理
这部分是由Evaty负责，在背景扫描后，首先要把过大而分次扫描的档案接起来，接着要调整亮度校正颜色、去杂点和水渍。
分层画的背景则要去背，我们使用的去背法是先用色版去掉白色。
(过程很难说明，因此提供录制的动作档，请有兴趣的人请自行研究。
接着再把去掉白色后的三个图层合并，他会呈现一种接近半透明的状态(越亮的图越透明)，接着要在下面开新图层，用白色笔刷画上底，要尽量画不要让白色超出线稿，以达到最好的合成效果，希望保留水彩半透明感觉的地方就用橡皮擦擦淡就好。
▲第33卡去背后
背景处理完后会在上面叠上扫描的layout，并照着layout摆上人物，再打光或加暗使背景和人物更融合，全部完成后就把不必要分层的图层合并令存成合成用的PSD档，等待进入AE后制。
本片播放地址：http://www.flash8.net/flash/62868.shtml
- 上一篇:
- Out of Sight（企划＆前制）
- 下一篇:
- Out of Sight（后期）
- 没有相关教材
- 最近更新