TOOLS / INTERACTIVE LAB

设计工具实验室

← 返回作品

标志动效 / 个人项目 / 2026

SHIDAFA. Logo Motion|标志生成实验

围绕个人标志的轴线、曲线和方向转换,完成一段短时 Logo Motion,让静态结构在运动中被看见。

ROLE视觉与动效设计 TYPE原创作品 / 动效设计 YEAR2026 TOOLSAdobe Illustrator / Adobe After Effects
FINAL PREVIEW SHIDAFA Logo 动画最终定格,画面展示完整图形标记与下方 SHIDAFA. 字标。
运动元素逐渐收束,图形与字标完成最终锁定。
01

项目简报

项目概览

这是一次个人 Logo Motion 实验:将静态标志中的直线轴、连续曲线和方向转换整理为可阅读的动态过程。

项目属性

项目属性
个人设计探索
设计内容
结构分析、分镜设计、路径动画、剪辑输出
02

关键设计判断

关键设计判断

  1. 先出现中心轴线,是为了让后续曲线和旋转都有稳定锚点。
  2. 曲线进入时保留清晰的方向变化,而不是直接变成完整 Logo。
  3. 最终定格前加入短暂停顿,让观众完成识别,也方便作为网站片头或作品视频开场衔接。
03

创作过程

结构起点

动画从画面中心的一条垂直轴线开始。中心点、水平参考线和外部比例框共同建立最初的坐标系统,此时 Logo 尚未完整出现,只保留能够决定后续形态的基础骨架。

在 After Effects 中,轴线被整理为独立的 Shape Layer,并通过 Trim Paths 控制出现。中心交点同时作为后续路径组合与整体旋转的共同锚点,避免图形运动时产生位置偏移。

中心坐标与第一条轴线建立图形的初始方向。

结构组合

被拆分的直线与曲线开始按照预设路径返回中心。直线先确定基本方向,曲线随后移动、旋转并进入对应位置,最终在中心区域形成完整的交叉关系。

局部元素在独立图层中完成位置、旋转和路径变化,再被整理进统一预合成。这样既能保留各部分的独立控制,也能在下一阶段对完整 Logo 进行整体旋转。

分散元素沿各自路径返回中心,并逐步组成完整结构。

项目问题

静态 Logo 能呈现最终轮廓,但轴线如何建立、曲线如何进入、方向如何形成并不会被直接看见。动画需要解决的是:让结构生成过程清楚,同时不削弱最终标志识别。

我的工作

我完成了标志结构拆分、路径运动设计、关键帧节奏、AE 合成和作品页过程整理,让每个运动阶段都对应一个明确的图形关系。

Final Logo Motion

动画从中心轴线开始,曲线路径沿上下两个方向逐步生成。图形在竖向状态下完成结构组合后,以中心交点为基准旋转至横向,最终与 SHIDAFA. 字标形成稳定的标准组合。

完整图形围绕中心交点快速旋转,轨迹、残影和辅助线记录方向变化与速度关系。
04

最终成果

最终定格

旋转完成后,所有过程辅助元素逐渐退出,只留下完整图形和 SHIDAFA. 字标。Logo 回到标准横向状态,左右端点、中心交点以及上下曲线形成稳定的最终关系。

结束阶段没有继续加入弹跳、缩放或额外装饰,而是保留一段安静停顿,让观众完成识别。这段稳定时间也方便动画作为网站片头或作品视频开场衔接后续内容。

运动元素逐渐收束,图形与字标完成最终锁定。
05

项目复盘

最终成果是一支以结构生成为核心的 Logo Motion:从轴线、曲线、旋转到标准字标,完整呈现个人标志的动态识别逻辑。

项目总结
06

创作人员

Creative Direction
SHIDAFA
Logo Design
SHIDAFA
Motion Design
SHIDAFA

完成一支 Logo Motion 视频,并整理轴线生成、结构组合、整体旋转和最终定格等关键过程画面。

WORK WITH SHIDAFA

有合适的项目,欢迎来信。

说明项目背景、目标与时间安排,我们可以从清晰的需求开始。