视觉创意 | 腾讯视频表情包设计解析

用户头像
南京/动画师/30天前/319浏览
视觉创意 | 腾讯视频表情包设计解析
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwNjAw) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
为热播剧《南海归墟》设计一款点赞特效表情包——这是腾讯视频给我们出的一道题。但题目本身并不复杂,复杂的是:如何在一个不足两秒的点赞动画里,装下一整部剧的神秘气质?
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwNjI4) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
《南海归墟》作为鬼吹灯系列的重要篇章,讲述了胡八一等人深入南海海底探寻归墟古国的冒险故事。剧中不仅有惊心动魄的探秘情节,更有陈瞎子占卜、摸金符护身、秦王照骨镜等充满神秘色彩的元素。我们要做的,就是把这些符号拆解、重组,最后藏进一枚小小的钱币里。
⭕️ 创意原点:点赞即“大吉”
点赞的本质是表达认同与喜爱,而在中国传统文化中,最直接的祝福莫过于“大吉”。我们想到了剧中陈瞎子抛掷钱币算卦的情节——铜钱落定,吉凶立现。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwNzA0) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
如果将点赞手势与抛币算卦结合,让每一次点赞都变成一次“求得上上签”的仪式,既能保留点赞的互动属性,又能瞬间唤起观众对剧情的记忆。
于是,HMS的核心概念诞生了:一只戴着摸金符的手臂,抛出一枚刻有秦王照骨镜花纹的钱币,钱币旋转、落下,最终显现出毛笔书写的“大吉”二字。整个过程配合钱币落地的清脆节奏,寓意“点赞即大吉,祝福送到手”。
⭕️ 视觉符号:每一个细节都在讲故事
要让一个两秒的动画承载丰富的信息,每一个视觉元素都必须精挑细选。
  • 手臂与摸金符
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwODEy) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
手模型初稿
Collect
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwODIw) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
手模型风格参考
Collect
动画的主体是一只从屏幕外伸入的手臂。我们特意在手腕处设计了摸金符挂饰——这是剧中胡八一、Shirley杨等摸金校尉的身份象征,也是他们一次次涉险的护身符。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwOTQ4) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0MjkwOTUy) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
美术参考
Collect
摸金符的材质我们参考了原著描述:穿山甲爪制成,呈黄色锥形,边缘镶嵌金边。在动画中,随着手臂的抛掷动作,摸金符会轻微晃动,反射出细碎的光点,暗示着神秘力量的存在。
  • 钱币与秦王照骨镜
钱币是动画的视觉焦点。普通的铜钱纹样显然不足以体现《南海归墟》的独特性。我们翻阅剧情资料,注意到本期的核心宝物——秦王照骨镜。传说此镜能照出人体骨骼,是秦王嬴政的镇国之宝。镜背刻有复杂的云雷纹与海波纹。我们将这些纹样提炼简化,刻在钱币的两面:一面是云雷纹,象征天地玄机;一面是海波纹,呼应“归墟”深处的无尽海域。钱币边缘则保留了古代货币的齿纹,增加真实感。
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
  • 字体与大海纹路
当钱币落下定格,“大吉”二字以毛笔书法呈现。字体选用浑厚有力的行楷,笔触间带有飞白,模仿钱币上铸刻的质感。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk0Njky) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk0NzAw) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
造型灰模
Collect
为了让这两个字不显突兀,我们特意在笔画中融入了大海的波浪纹路——细看之下,“大”字的一横微微起伏,“吉”字的“口”部仿佛漩涡,与“归墟”主题形成隐晦的呼应。背景中,我们也叠加了极淡的水纹光影,让整个动画仿佛发生在一汪碧波之下。
⭕️ 动效设计:让钱币“活”起来
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk0ODI0) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
Lottie动效的优势在于轻量、流畅且适配多端。如何在有限的尺寸内让动画富有张力?
动作节奏:
HMS参考了真实抛币的物理运动:手臂以手腕为轴,轻轻上抛,钱币旋转着飞出,最高点时略微停顿,然后加速下落。整个动作设计为1.2秒,抛起0.4秒,旋转滞空0.5秒,落地反弹0.3秒。钱币落地时我们加入了一次轻微的弹跳,模拟金属与桌面接触的清脆感,同时也让“大吉”二字出现得更有力度。
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
旋转与光影:
钱币的旋转不是简单的二维转动,而是带有透视变化的3D旋转。我们通过AE中的3D图层模拟出钱币翻转时厚度的变化,同时在边缘加入高光扫射,让金属质感更加真实。当“大吉”二字显现的瞬间,钱币表面会有一道流光闪过,寓意好运降临。
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
适配多场景:
腾讯视频提供的模板包含多种尺寸,我们需要确保动画在横屏、竖屏、小图弹窗等不同场景下都清晰可辨。因此,动画的主体(手臂+钱币)始终保持在画面中央安全区,且线条粗细、颜色对比度都经过多端测试。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk0ODY4) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk0OTIw) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
例如,摸金符的细节在小尺寸下可能会模糊,我们便强化了它的轮廓光,确保即便缩到极小,用户也能认出那是符坠。
⭕️ 从构思到落地:细节的较真
整个设计过程中,HMS团队与腾讯视频的运营同学反复沟通,每一个细节都经历了数轮打磨。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk1MDMy) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
钱币纹样:
最初HMS直接复刻了秦王照骨镜的拓片,但发现纹样过于复杂,在小屏幕上会糊成一团。后来我们做了三层简化:保留核心的云雷纹骨架,去除细密底纹;海波纹则用三组波浪线概括,既有辨识度又不失装饰性。
“大吉”字体:
尝试过多种书法体,最终选定的版本是HMS设计师手绘后扫描再矢量的,保证每一笔的飞白都自然生动。为了与“大海”呼应,我们在“吉”字的竖勾处加了一个小小的回旋,暗合漩涡意象,但又不影响辨识。
手臂肤色:
剧中角色多为黄种人,HMS选择了健康的小麦色,并在手臂上添加了极淡的汗毛纹理,增强真实感。摸金符的绳子选用深棕色皮绳,打结方式参考了剧中道具。
⭕️ 设计之外:一次“创意减法”的实践
回顾整个项目,HMS最大的挑战不是技术实现,而是如何在极其有限的空间内讲好一个故事。我们舍弃了很多同样精彩但过于冗余的元素,比如钱币上原本想加入的“南海归墟”四个小字,或者手臂上的纹身图腾。最终,我们只保留了摸金符、秦王照骨镜纹样、大海纹路三个核心符号,加上一个“大吉”的点睛之笔。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk2MjM2) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
这或许就是动效设计的魅力:用最少的元素,唤起最深的记忆。就像归墟古国藏于深海,我们的设计也把剧情宝藏藏进了一枚小小的钱币里,等待用户每一次点赞时,自己去发现。
视觉创意 | 腾讯视频表情包设计解析(图ZNDA0Mjk2MjQw) - 设定/分镜 - 站酷设计师时分秒视觉创意原创素材 - 站酷ZCOOL
Collect
0
Report
|
收藏
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in