Super-i 每个人都可以成为超级个体
企业网站动画的创作里,logo 永远是最核心的视觉锚点—— 它是品牌精神的凝练符号,更是用户进入页面时的第一视觉触点。想要让企业主页从静态展示跃变为沉浸式品牌叙事,不妨从 logo 的动态化演绎切入。
本次我们以”赛丽科技“的品牌升级项目为完整案例,拆解从科技符号到动态能量场的创作全流程,把静态标识转化为能传递技术力的动态视觉资产。
一、 logo新视觉生成
我们刚开始拿到企业的 logo 时,十有八九视觉效果会差点意思。就像这次我们收到的,就是个纯灰色的简单图形,基本跟打印店做的一样,这要是直接拿它做动画,寡淡的颜色放主页上肯定撑不起场面。
这时候我们肯定不能急着动工,得先琢磨怎么把 logo “翻新” 一下。先跟企业聊透他们的偏好:比如有没有喜欢的参考案例?是想走科技感的渐变风,还是想加点亮光元素?
我们这里跟客户沟通,想让 logo 带点偏蓝色的光带效果,说这样更符合他们 “光芯片” 的定位,我们就照着这方向改。
第一步先找参考,我翻了些科幻感的设计图,挑了几张带蓝紫光带的无限符号案例,这些光带像是流动的能量,边缘带点渐变光晕,看着就很灵动,也方便我们后期的动态制作
选好这几张参考图,我们打开即梦,把原 logo 当做主题框参考,参考图当风格模板,让它帮忙重新设计几版 logo 出来。
输入关键词:
-这个 LOGO 呈现出类似 “无限符号(∞)” 的核心形态,由一组流动的光带交织缠绕构成,整体风格极具科技感与未来感 。
以 “∞” 符号为基础变形,光带线条流畅且富有动态张力,仿佛在空间中持续循环、缠绕延伸,营造出 “无限循环、无边界拓展” 的视觉联想。
主色调以蓝紫色渐变为主,从浅蓝过渡到深紫,模拟 “能量涌动、光线折射” 的效果。
光带如同发光的流体或能量束,自带光泽与半透明感,背景为深邃的暗紫色 / 黑色
整体视觉传递出未来科技、创新连接、无限可能的概念:光带的流动感象征 “动态发展、持续进化”,无限符号的形态关联 “永恒、无边界”,深色星空背景则拓展了 “宇宙级视野、探索未知” 的想象空间。
二、 动效制作
有了这版新的 logo 基础样式,接下来就可以制作视频了。我们先从简单的来,直接把刚生成的图片扔进图生视频工具里,先做个 logo 的循环动画。
循环动画就是网站主页一直循环的主页视觉,比如我这边想的是光带慢慢流动。先弄这个,看看光带的动态效果合不合客户说的 “光芯片” 那感觉,要是不对改起来也方便。
-原本的LOGO突然被搅动,光带表面的层叠纹理开始反向流动
确定好循环动画的视觉后,我们开始制作入场动画。客户选的那套视觉方案里,有张光带效果的图跟我们要的感觉特别搭 —— 光带流动的节奏、蓝光的浓度都挺合适。
我们先用 PS 修一修,把画面视觉元素调整干净,让色彩过渡更自然,确保和我们 logo 的蓝光带风格能对上。
修完图直接拿它当基础素材,我们在图生视频里选择首位帧。
-光带从画面两侧延伸,蓝紫色渐变,表面流动细碎光粒,边缘晕染光晕,以流畅姿态向中央汇聚,交织缠绕后凝聚成明亮光束,最终凝结为正方形与圆形logo,表面光影流转,边缘萦绕余辉,黑色背景,充满动态张力和未来科技感。
三、 结尾
最后一步就轮到 AE 出场了,把做好的循环动画和入场动画都拖进去,这里要做的就是让这两段视频能够衔接起来
我先把入场动画的结尾和循环动画的开头交叉,然后给两端视频拉一个透明度渐变:入场动画最后两秒逐渐消失,循环动画开头两秒逐渐出现,确保光带流动到衔接处时,颜色、速度都能对上。
这么一弄基本就完成了,入场时光带慢慢聚成 logo,接着就顺滑地进入循环状态,光带一直流动不停,客户要的那种 “光芯片持续发光” 的感觉就出来了。
整个动画做下来流程还算顺,但有几个小细节得留心。
首先在首尾帧的图片尺寸大小必须得统一,不然视频无法生成。第二是找参考图的时候,要看样式,色调、光感是否跟咱最终定的 logo 风格搭调 ,否则后期调起来反而麻烦。
还有非常重要的一点是生成视频时,提示词千万别写太长。目前的即梦和可灵现在最多只能出 5-10 秒的视频,哪怕你描述的是一两秒的动态,提示词写得太啰嗦,AI也会抓不住重点,容易生成些不搭边的画面。
比如我们这次的提示词:原本的LOGO突然被搅动,光带表面的层叠纹理开始反向流动。就两句话,尽量让ai能够理解
注意到这些,大家做起来肯定顺多了,快去尝试一下自己的想法吧!