Motion Graphics

Pinocchio:
Vampire Slayer

Bringing a graphic novel to life through cinematic motion design

Motion Graphics Trailer Production Motion Comic Video Editing Storytelling Sound Design
Client
Van Jensen
Year
2014
Discipline
Motion Graphics
Role
Motion Designer
Promotional Campaign
2 Promotional
Assets
1 Opening Chapter
Adapted
2014 Release
Year
Overview

Pinocchio: Vampire Slayer is a dark reimagining of the classic fairy tale, following Pinocchio as he battles vampire hordes after the death of Geppetto. Instead of becoming a real boy, Pinocchio discovers that every lie causes his magical nose to grow into an endless supply of wooden stakes, turning his greatest flaw into his greatest weapon.

To help promote the graphic novel, I created both a cinematic promotional trailer and a motion comic adaptation of the opening chapter. The goal was to capture the tone of the series while transforming static comic panels into an engaging visual experience that introduced audiences to the world, characters, and central conflict.

The Challenge

Comic books tell stories through carefully illustrated panels, but digital audiences often expect movement, pacing, and cinematic presentation.

The challenge was creating promotional content that remained faithful to the original artwork while making it feel alive through animation, editing, and audio.

Rather than replacing the comic, the videos needed to encourage viewers to experience the full story for themselves.

My Role
Motion Designer

I handled the creative production from concept through final delivery.

Motion graphics design Trailer editing Motion comic production Scene composition Timing and pacing Camera animation Visual effects Sound design Music synchronization Final rendering
Creative Strategy

Rather than simply animating comic pages, I approached the project as if I were editing a movie trailer. Each sequence was designed to build anticipation through:

The objective was to preserve the comic's artwork while enhancing emotional impact through motion.

Motion Comic Design

One of the primary creative decisions was determining how much movement was enough.

Too Little
Too little movement would feel like a slideshow.
Too Much
Too much movement would distract from the original illustrations.

I used subtle animation techniques to create the illusion of life while respecting the integrity of the artwork. These techniques included:

This approach maintained the feel of reading a graphic novel while adding the energy of an animated film.

Trailer Production

The promotional trailer was designed to introduce audiences to the story without revealing major plot points. Rather than explaining every detail, the trailer focused on creating curiosity by highlighting:

By emphasizing mood and pacing over exposition, the trailer invited viewers to discover the story themselves.

Visual Storytelling

Every editing decision was made to reinforce the tone of the source material. The project relied heavily on visual storytelling principles such as:

Instead of simply showing artwork, the videos guided viewers through the narrative in a cinematic way.

Tools Used
Adobe After Effects Adobe Premiere Pro Adobe Photoshop Adobe Audition
Final Result

The completed project included two promotional assets:

Trailer — A cinematic marketing piece designed to introduce audiences to the Pinocchio: Vampire Slayer universe and generate excitement for the graphic novel.

Motion Comic — A short adaptation of the opening chapter that combined animation, camera movement, sound effects, and music to transform static comic artwork into an engaging digital storytelling experience.

Together, these assets extended the reach of the graphic novel beyond traditional print by creating content that could be shared across websites, conventions, and social media.

Reflection

This project challenged me to think like both a filmmaker and a motion designer.

Unlike traditional animation, motion comics rely on restraint. Every movement must serve the story rather than compete with the artwork. I learned how subtle camera motion, thoughtful editing, and carefully timed audio can dramatically increase emotional impact without altering the original illustrations.

It also reinforced an important lesson that continues to influence my work today: motion should support storytelling, not overshadow it. That philosophy has carried forward into my work creating learning experiences, promotional videos, and interactive media.

🔒

Protecting Client Confidentiality

Throughout my career, I’ve partnered with organizations across healthcare, financial services, technology, and telecommunications to design learning experiences, digital products, and communication campaigns.

Because much of this work contains proprietary information, internal processes, or confidential business content, the portfolio examples presented here have been selectively edited. Rather than displaying complete courses or full project deliverables, I’ve included representative sections that demonstrate my design thinking, creative approach, and technical execution while honoring the confidentiality and trust of the organizations I’ve worked with.

Protecting client information is just as important as showcasing my work.

Back to Work
me + you — peace Now Playing
0:00