一、前言

五一期间，你看过《猫的天空物语》吗？

实不相瞒，我们就是这部“动漫电影”的幕后导演 。

而这，正是我们和天猫青年实验室合作的一场“动漫IP营销实验”：通过动漫大电影宣发的方式，精准辐射ACG年轻人群，从而吸引他们上天猫，参加天猫云端动漫嘉年华。

今年，中国国际动漫节无法在线下如期召开，于是天猫青年实验室邀请我们，特别打造 “云端动漫城”，将哆啦A梦、海贼王、马里奥、宝可梦、高达、蜡笔小新……都搬到云上，实现线下漫展的云端复刻。

说出来你可能不信，作为国内首个云上动漫游戏产业交易会，我们的项目居然被央视新闻和财经频道点名了~

话不多说，来康康我们打造的“天空之城”吧。

二、开场动画

对于二次元的漫迷来说，逛漫展就像出发去旅行一样，沿途充满奇遇。所以我们在云上为他们造了一段梦境般的旅程：刷卡进入天猫云端站，搭上自由飞驰的列车，即可开始一场超越现实的漫游之旅。

分镜展示

列车进站

列车穿梭

渲染静帧

时空切换

三、IP建筑

根据不同的时空场景，我们设定了三种不同形式的IP建筑。

考虑到本次展会的IP形象早已深入人心，加上日本版权方对IP本身的限制还是很严格的，因此在创意设计上，我们主要以还原IP本身的原设计为主，深入了解并解构IP本身的文化魅力，在不破坏原设基础上做一些风格上的统一和合理性处理。

01、晴空码头

晴空码头的建筑，主要以空中要塞为概念，参考相应IP的元素，将建筑物本体和飞行结构的底座结合起来，打造梦幻蒸汽般的视觉呈现；

草图设定

渲染后期

动漫星球

02、落日浮岛

落日浮岛，则以浮岛为主要概念，鉴于高达龙珠等IP自带怀旧光环，所以整体设计风格更趋于复古，旨在打造空中浮城的旧时光体验；

草图设定

渲染后期

动漫小剧场

03、星河地带

星河地带的整体色调相对较暗，因此我们将建筑物IP都做成了自带发光屏的飞行器，突出科技感，炫酷感，同时也增添节日派对的气氛。

草图设定

渲染后期

动漫小剧场

四、H5交互

01、插卡进站

我们采用了“插卡进站”这一充满日常性的形式，引导用户开启这场奇妙的旅行。用户只需要轻轻滑动“云端动漫展专属乘车卡”，即刻进站乘坐列车逛展。

在滑动乘车卡的环节中，我们还增加了一个小贴心的交互，在你插卡进站却不慎手滑时，它会及时反馈，回弹一次，提醒你重新插卡。

02、转场动画

为了优化用户体验，让逛展体验更加真实流畅，我们设计了三个不同时间点的站台和观展列车，让用户在换乘的时候，可以观赏到车窗外变幻的云彩，并自然而然地抵达相应的场景。

五、预热海报

系列海报：头文字D

和大家一样，天猫天生是个动漫迷。云端动漫嘉年华还没到来，天猫就按捺不住喵喵拳，翻出了画满经典动漫IP的相册，要跟大家分享。

这创作上，我们采用了彩铅、橡皮擦、马克杯、游戏机等最具回忆杀的元素，营造了一个怀旧的、惬意的黄昏，假如你有注意，你不会错过天猫手作的素描几何体。

主海报

猫的天空物语

海报上，天猫背着日式小皮包，撒开小腿儿，正朝列车飞奔而去，彷佛要来一场说走就走的旅行。隐没在云彩里的建筑，即将出发的列车，海报上的神秘悬念，就像一枚枚彩蛋，让观众对天猫即将开启的旅程，也充满了无限的期待。整体日式的调色和版式，也为“天猫动漫大电影定档4.30”噱头做足了功课。

WHYSOSERIOUS | 不正经制造
猫的天空物语

客户 Client：天猫
项目总监 Project Director：王运星
创意策划 Creative Strategist：小冷 雪梨
文案 Copywriter：小圆
美术指导 Art Director：阿维 曲辉
三维技术指导 3D Technical Director：黄吉鹏
程序开发 Web Developer：刘博  坏打印机
三维设计 3D Design：伊程 杨焕添 马滉聪 糖蛋 张月阳 
三维动画 3D Animation：杨焕添 马滉聪
二维动画 2D Animation：小斌 
平面设计 Graphic Design：瑶妹 曲辉
后期合成 Compositing：杨焕添 曲辉
音乐音效 Music&Audio Effect：大囍记

来源 数英 （原文标题：天猫《猫的天空物语》动漫电影：云端复刻线下漫展）