做动画广告怎么转场才酷炫?

陈威元 wuhu动画人空间

做动画广告怎么转场才酷炫?


今天wuhu君就来好好说一说


开始前,我们先看一些动图







你发现一些规律了吗?



这一期wuuhu君和小伙伴们分享一下英国顶尖工作室 Golden Wolf 帮儿童电视频道 Disney XD 做的一系列动画片头。



Golden Wolf位于伦敦的肖尔迪奇。自2013创办以来,团队为全球品牌和本地品牌进行了多元化的项目合作。你能通过他们的作品看到他们对创作的激情和无线的脑洞。



工作室氛围:




这一期,我们分享一下作者陈威元,对这家动画工作室的转场技法总结吧!



陈威元,台北艺术大学动画系毕业,毕业作品《水巨人》精緻动感,相当有个人特色。长年与同学詹凯勋投入台湾动画盃的短宣创作,也是每年值得期待的精采短篇。目前在大猫动画工作室担任手绘动画师。下面繁体字按钮进行在线转换



文:陈威元

编辑:wuhu君



首先我们来看看Golden Wolf的新作Disney XD - Marvel’s Spiderman》




同样是动作戏,是踩「同场景」、「同时间线」下,以每位角色依序出招的方式带出。精彩的点在于如何设计「流畅的招式动线」,转场技巧相对单纯。


这次的蜘蛛人动画创意呢,目标则聚焦在他的经历上:双重身份的切换、蜘蛛人身份面对猛毒与绿恶魔时、彼得帕克的学生身份时。要在短短15秒囊括这些资讯(去掉最后LOGO出场其实只剩10秒),怎么「转场」就是重点啦!



我们来看看下面五个技法!




第一个转场技法——「Zoom in推近」



从眼镜进入与猛毒(黑蜘蛛人)对峙的场景。眼睛 Zoom in 一直是转场的好方法,尤其在处理回忆或你有另一个身份时。在这边,运用眼镜上的反光一刷,不仅俐落切换了两个场景,也带出镜面里的猛毒是「对面的、对立的」存在。如此一来,用到技巧之余,在叙事上也有意义了。




第二个转场技法——「相似形态」



这手法常用在叙事中的今昔对比上,造成强烈的戏剧张力。



另外有个小小细节:看跌到前角色的行径方向与动作,似乎是延续开场出门上学的场景,但仔细看他身上少了侧背包、手上多了书本、加上地板上的方形磁砖,这边应该已换到学校或图书馆等其他场景了。


这边虽然只是用来切换蜘蛛侠与彼得帕克的身份,有趣的是,同个姿态,上一秒是英勇挥拳之后,下一秒却是站不稳要跌倒啦,呈现出两个身份给人的冲突印象。


我自己印象深刻的有日本动画短片《回忆的积木小屋》



还有Gobelins 学生作品《众道 SHUDŌ》的多处转场等。




《宇宙小奇兵》也是「相似姿态」转场的极佳范例,重点是无敌帅的角色动画,挤压到动态极张时瞬间切换成另一个角色,流畅到你完全忽视转场。

 





第三个转场技法——「爆炸」



借着书本掉落产生的爆炸,转到大厦间与绿恶魔追逐的场景。



爆炸的好处是无论用闪光、烟尘、破碎物都可以迅速盖住整个画面做切换,而这类短小的片头或过场型动画,因为快又强大的感官刺激(仔细看看,封面上那像某个数学或科学的公式,是不是和爆炸可以有关联?)



来看几个爆炸:





另一个「爆炸」转场的进化范例,利用主角的眼睛、头发、道具、火焰的动态快速佔满画面做转场。


 




第四个转场技法——「动态延续」



两个不同的场景可以借着彼此画面上的物体朝同个方向「接续」前进而串接起来。像这边的蜘蛛人冲向镜头后小蜘蛛落下,他们在画面上都依循大约画面中央的垂直线由上到下运动,并在线上某处接棒。





但其实这种转场任一方不一定要做完完整运动,有时前一卡做到预备动作,其实就可以达到效果了,例如今年 Gobelins 学生为法国昂西影展做的片头动画《武器道 Wu QI Dao》,有好几处就用到这项技巧,十分精彩。



还有《公主闯天关 Star vs the Forces of Evil靠著快速的一个动作表演,让一个个情境接续转换,不变的是动态的延续,以及故事中的关键道具「皇家魔法杖」一直都在。


(长按二维码观看)



第五个转场技法——「相似形状」



非常常见的转场手法,跟第二个转场「相似姿态」是一样道裡,只是这次採用「相似形状」来连接。另外,这支短片也用了绿色与紫色来加强区分两个情境。


 



我认为好的转场如同好的特效,让你无法察觉。像第一次看这支片的当下,不会特别注意他用了哪些技巧,很自然就看完他在演什么,是之后一看再看,一一拆解后才恍然大悟,喔~原来是用了这些啊。



融技巧于叙事当中,我认为就是转场的最高境界。



不过这15s左右的短广告可是耗费了很大的心血哦,以后别再问:





「啊....不过几秒的东西怎这么贵啊?」


「放个屁就演完了,你居然要画多久啊?」



动画会发怒的哦!





再来看看哪些动画:



这系列真的每一支都很有意思,可以想像制作团队绞尽脑汁要在最短时间内设计出最酷炫转场,同时交代影集核心角色与故事出场的难度。底下再列出系列作品中也很有意思的转场应用。



《星际大战 Star Wars Rebels



一开始是 Motion Graphics 很常见的转场手法,用横向的背景色块做切换,但收尾不俗,将所有物件揉合进光剑水晶,从各方面来说,光剑在星际大战中有其重大象徵意义,是力量、正邪、身份、动态的各种视觉表现,再拉出来又是影集男主角挥舞著它,完美。




(长按二维码观看)




《神秘小镇大冒险》




「分解聚合」转场的极佳范例,背景则是趁你视觉集中在中间变化时,一格切换,神不知鬼不觉。



《唐老鸭俱乐部 



「剪影」转场的有趣范例,当 剪影B 中的 角色A 衝向画面时,会瞬间切换成 角色A 的剪影做转场。




 



你一定还感兴趣:



独家 | 《阿丽塔:战斗天使》幕后概念设计来了!



深度揭秘《阿丽塔:战斗天使》幕后CG的惊人设计!



独家|《流浪地球》幕后概念设计大揭秘!!!概念设计艺术指导,故事板总监专访来了!





—END—





近期热文



不了之人,宫崎骏| 大鱼海棠美术特辑|Google做动画要逆天啦!|国内三渲二技术解析|《蜘蛛侠:平行宇宙》最全设定|日本动画大神进阶读物  | 皮克斯渲染技术免费? | 管理动画公司的奥义 |「开学第一课」热血专题  |  快来看!别人都已经在用科技做动画了!!! |「火影忍者」中国动画人|


想了解更多后续的介绍要锁定wuhu哦,微博的小伙伴可以关注我们的新浪微博:wuhu动画人空间,对了!如果你想看更多动画作品,去b站搜索wuhu动画人空间看看?


新加入的小伙伴们请注意!往期精彩内容在平台里的wuhu主页上,可别错过哦!欢迎小伙伴们的投稿!


如果你喜欢,请分享给更多人看到:)

欢迎留言和wuhu三侠互动!