TOOLS / INTERACTIVE LAB

Design Tools Lab

← Back to works

Logo Motion / Personal Project / 2026

SHIDAFA. Logo Motion | Logo-Generation Study

A short Logo Motion study built around the axes, curves, and directional transitions of my personal mark, making its static structure visible through movement.

ROLEVisual & Motion Design TYPEOriginal Work / Motion Design YEAR2026 TOOLSAdobe Illustrator / Adobe After Effects
FINAL PREVIEW Final lockup of the SHIDAFA Logo animation, showing the complete graphic mark with the SHIDAFA. wordmark below.
The moving elements settle as the graphic and wordmark complete the final lockup.
01

Project Brief

Project Overview

This personal Logo Motion study turns the straight axes, continuous curves, and directional transitions within a static mark into a readable motion sequence.

Project Attributes

Project Nature
Personal Design Exploration
Scope of Work
Structure analysis, storyboard design, path animation, editing, and delivery
02

Key Design Decisions

Key Design Decisions

  1. The central axis appears first so the later curves and rotation share a stable anchor.
  2. As the curves enter, their changes in direction remain visible instead of resolving immediately into the complete logo.
  3. A short pause before the final lockup gives the viewer time to recognize the mark and also makes the animation easier to use as a website intro or the opening of a project film.
03

Process

Structural Starting Point

The animation starts with a single vertical axis at the center of the frame. A center point, horizontal guide, and outer proportion frame establish the initial coordinate system. At this stage the logo has not fully appeared; only the essential framework that determines its later form remains.

In After Effects, the axis was built as an independent Shape Layer and revealed with Trim Paths. The central intersection also serves as the shared anchor for the later path assembly and full-mark rotation, preventing positional drift during movement.

The central coordinates and first axis establish the graphic's initial direction.

Structural Assembly

The separated straight lines and curves begin returning to the center along their planned paths. The straight elements establish the main direction first; the curves then move, rotate, and settle into position until the complete crossing relationship forms at the center.

Each local element completes its position, rotation, and path changes on an independent layer before being organized into a single precomposition. This preserves control over the individual parts while allowing the complete logo to rotate as one unit in the next stage.

Separated elements return to the center along their own paths and gradually assemble into the complete structure.

Project Challenge

A static logo shows the final silhouette, but it does not directly reveal how the axes are established, how the curves enter, or how the direction takes shape. The animation therefore needed to make the construction process clear without weakening recognition of the final mark.

My Role

I handled the structural breakdown of the mark, path-motion design, keyframe timing, After Effects compositing, and the organization of process material for the case study, so that each stage of movement corresponded to a clear graphic relationship.

Final Logo Motion

The animation begins with the central axis, while curved paths gradually form in the upper and lower directions. Once the structure is assembled vertically, the graphic rotates around its central intersection into a horizontal orientation and settles into a stable standard lockup with the SHIDAFA. wordmark.

The complete graphic rotates quickly around its central intersection, while paths, trails, and guides record changes in direction and speed.
04

Final Outcome

Final Lockup

After the rotation is complete, the process guides gradually leave the frame, leaving only the finished graphic and the SHIDAFA. wordmark. The logo returns to its standard horizontal state, with the two endpoints, central intersection, and upper and lower curves settling into a stable final relationship.

The ending does not add bounce, scale, or further decoration. Instead, it holds a quiet pause so the viewer can complete the act of recognition. This stable duration also allows the animation to lead naturally into later content when used as a website intro or project-film opener.

The moving elements settle as the graphic and wordmark complete the final lockup.
05

Reflection

The final result is a Logo Motion piece centered on structural generation: from axes and curves through rotation to the standard wordmark, it presents the full motion logic behind the identity of my personal mark.

Project Summary
06

Credits

Creative Direction
SHIDAFA
Logo Design
SHIDAFA
Motion Design
SHIDAFA

Completed one Logo Motion film and organized key process frames covering axis generation, structural assembly, full-mark rotation, and the final lockup.

WORK WITH SHIDAFA

Have a suitable project? Feel free to get in touch.

Share the project context, goals, and timeline so we can begin with a clear brief.