{"id":948,"date":"2025-06-18T16:36:35","date_gmt":"2025-06-19T00:36:35","guid":{"rendered":"https:\/\/purplered.com\/Design\/?page_id=948"},"modified":"2025-07-11T13:44:17","modified_gmt":"2025-07-11T21:44:17","slug":"metaphor-animations","status":"publish","type":"page","link":"https:\/\/purplered.com\/Design\/metaphor-animations\/","title":{"rendered":"GenAI hybrid Animations"},"content":{"rendered":"\n<p class=\"has-small-font-size\">How a visual metaphor became a promotional film and a value-driven extended concept through GenAI hybrid animation.<br><strong>Concept, Storyboarding, Branding, Animation, Sound design, Copywriting, Voice Casting, Generative AI, Editing, Production.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"LAUNCH - PaperPlane (4) City\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/uInhU_RpFH8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The 30 seconds GenAI hybrid animation for Social Media<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">The Brief<\/h4>\n\n\n\n<p class=\"has-small-font-size\">Create a short and engaging 30-second film for social media to introduce Launch, a startup accelerator. Objectives: capture attention quickly, convey Launch\u2019s mission and energy, and leave a memorable impression.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Solution: A visual metaphor<\/h4>\n\n\n\n<p class=\"has-small-font-size\">I explored several creative directions, and the marketing team gravitated toward the concept of a <strong>paper plane on an epic journey<\/strong> through a modern cityscape. Lightweight yet full of potential, the plane became a metaphor for a startup navigating challenges and seeking momentum. Its flight captures the emotional uncertainty of early-stage entrepreneurship. The journey ends at <strong>Launch<\/strong>, the accelerator that helps startups rise, thrive, and scale.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"http:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/04_StoryBoard_Launch_PaperPlane_Final-1024x791.jpg\" alt=\"\" class=\"wp-image-607\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/04_StoryBoard_Launch_PaperPlane_Final-1024x791.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/04_StoryBoard_Launch_PaperPlane_Final-300x232.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/04_StoryBoard_Launch_PaperPlane_Final-768x593.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/04_StoryBoard_Launch_PaperPlane_Final-1536x1187.jpg 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/04_StoryBoard_Launch_PaperPlane_Final-2048x1583.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The final storyboard for the 30-second animation<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Process<\/h4>\n\n\n\n<p class=\"has-small-font-size\">From early ideation to final edit, the project involved a blend of storytelling, visual experimentation, and technical problem-solving using a hybrid creative workflow.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">1. Concept &amp; Storyboards<\/h5>\n\n\n\n<p class=\"has-small-font-size\">Presenting multiple ideas through storyboards helps open up creative dialogue and align the vision. I chose realistic rendering for the storyboard frames &#8211; rather than drawings &#8211; so that I could explore simultaneously storytelling and visual style.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">2. Generative AI<\/h5>\n\n\n\n<p class=\"has-small-font-size\">I used Generative AI to still visual elements such as the window, a bus, and the cityscapes shots. I focused on perspective while keeping lighting consistent across scenes. After I refined each image in Photoshop, I could focus on animating them using AI-based tools.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">3. Hybrid<\/h5>\n\n\n\n<p class=\"has-small-font-size\">Through early tests, I realized that animating both the paper plane and the city environment in one pass would be exponentially complicated.. Instead, I chose a hybrid workflow: animating the paper plane with hand-keyed motion on top of rendered GenAI backdrops. This allowed precise control over pacing and storytelling.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"LAUNCH PaperPlane City   Video tests\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/cwq4blpRUoQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>Tests: how the issues lead to opting for a hybrid model solution<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">4. Voice Over<\/h5>\n\n\n\n<p class=\"has-small-font-size\">I wrote the voiceover script and used an AI voice for narration. When the marketing team requested a revision, the line was quickly updated and re-rendered using the same AI voice.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">5. Editing<\/h5>\n\n\n\n<p class=\"has-small-font-size\">The animation was assembled in a video editing suite, where I shaped the pacing, created camera moves, and brought static images to life. Some shots were reversed or retimed, others layered or reframed.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained\">\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"560\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/LaunchpaperPlane_DaVinciResolve_Screenshot-1024x560.jpg\" alt=\"\" class=\"wp-image-958\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/LaunchpaperPlane_DaVinciResolve_Screenshot-1024x560.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/LaunchpaperPlane_DaVinciResolve_Screenshot-300x164.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/LaunchpaperPlane_DaVinciResolve_Screenshot-768x420.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/LaunchpaperPlane_DaVinciResolve_Screenshot-1536x841.jpg 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/LaunchpaperPlane_DaVinciResolve_Screenshot-2048x1121.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>Editing: putting the animation together<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">6. Revisions<\/h5>\n\n\n\n<p class=\"has-small-font-size\">It took a few iterations to reach the final version. Just before release, I discovered a new AI tool that generated more realistic cityscapes. I replaced all the original city shots and manually re-adjusted the paper plane animation to match the updated visuals, while enhancing the overall dramatic quality and cohesion of the visual story. <\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"PaperPlane 3\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/YWaCf8E-9E0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>Animation Video tests: how the issues lead to opting for a hybrid model solution<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Extended Concept<\/h4>\n\n\n\n<p class=\"has-small-font-size\">I pitched the idea of extending the original animation into a 90-second film that would focus on human values rather than direct promotion. In this version, the <em>Launch<\/em> logo appears more like subtle product placement allowing the message to center on company culture in a more authentic, emotionally engaging way. This narrative-led approach positions the accelerator as visionary and values-driven.<\/p>\n\n\n\n<p class=\"has-small-font-size\">The idea was well received, and I returned to the editing board. I created new visuals, added an AI-generated soundtrack, replaced the voiceover, designed title cards, and expanded the storyline. This pivot also opened the door to a potential mini-series, with future episodes exploring characters introduced in the film which would create meaning in building connection, inspiration, and thought leadership.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_1-1024x791.jpg\" alt=\"\" class=\"wp-image-966\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_1-1024x791.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_1-300x232.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_1-768x593.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_1-1536x1187.jpg 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_1-2048x1583.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_2-1024x791.jpg\" alt=\"\" class=\"wp-image-967\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_2-1024x791.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_2-300x232.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_2-768x593.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_2-1536x1187.jpg 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/PaperPlane_ShortFilm_StoryBoard_2-2048x1583.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The storyboard for the 90-second animation version<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Result<\/h4>\n\n\n\n<p class=\"has-small-font-size\">The project resulted in two distinct yet complementary films: a 30-second promotional piece designed for brand visibility, and a 90-second value-centered version that highlights human connection and company culture. Both films have been well received and shared in private circles throughout the San Francisco Bay Area, positioning <em>Launch<\/em> not just as a startup accelerator, but as a brand with vision, purpose, and emotional intelligence.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Stories - Honoring a World of Diversity, Equity, Inclusion, and Karma.\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/zKMAUD2GwLo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div><\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>How a visual metaphor became a promotional film and a value-driven extended concept through GenAI hybrid animation.Concept, Storyboarding, Branding, Animation, Sound design, Copywriting, Voice Casting, Generative AI, Editing, Production. The Brief Create a short and engaging 30-second film for social media to introduce Launch, a startup accelerator. Objectives: capture attention quickly, convey Launch\u2019s mission and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages\/948"}],"collection":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/comments?post=948"}],"version-history":[{"count":34,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages\/948\/revisions"}],"predecessor-version":[{"id":1271,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages\/948\/revisions\/1271"}],"wp:attachment":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/media?parent=948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}