Reflections: 6.4.1 Organizational Structures
This month has been a learning experience in motion graphics, understanding the basics, how to best implement those graphics for branding, and how to use After Effects for the first time. The month started with learning about the basics of motion graphics and how to animate a logo. The ability to animate a logo not only increases the excitability of the logo but also further pushes the branding statement. The first two weeks were spent understanding how to create storyboards for upcoming motion graphics. Time was spent understanding how to share the brand story and message by animating the logo and keeping the story hierarchy succinct. Time was spent fostering creativity by spending time daily writing in story journals and then weekly evaluating those journal entries for story kernels. Week two found designers offering critiques to other designers regarding their storyboards and messages, while also pushing the design process forward by choosing whether or not to implement the information garnered from the critiques in the designs.
By week three the design process had migrated from the storyboard to the computer utilizing Adobe After Effects. Having never utilized this software before this course or created a motion graphic, the task at hand immediately felt daunting. The research was conducted regarding the various motion graphic animations and how to best implement those animations within a motion graphic for the desired effect for the brand. Various motion graphic techniques were analyzed for their ability to evoke emotion and tone along with their ability to best share the brand's story. The motion graphic animation Kinetic Typography was chosen for the Kyoto design. It was decided that the animation would be combined with the traditional Motion Poster animation, thus creating a new and exciting dynamic. The challenge was to keep Kinetic Typography as the primary voice and tone of the motion graphic and not allowing its influential voice to become drowned out by the Motion Poster animations.
Further reasoning for choosing the animation style of Kinetic Typography is based in the animation’s keen ability to evoke emotion and tone. While Kyoto has seen motion graphics with various animation stylings including basic Kinetic Typography, as of the time research was conducted none existed with the combination of Motion Poster with the emphasis on Kinetic Typography. Creating this visual element where Kinetic Typography was laced over, and in-between Motion Poster elements became a challenging quest to create elements that looked appropriate to the brand’s story without becoming cartoony. Week three’s design struggled in the implementation of the desired design elements, as most iterations saw the desired effects looking cartoony and thus minimizing the Kinetic Typography's voice.
After extensive research on how to use Adobe After Effects, along with how to create various realistic effects, and how to ensure Kinetic Typography’s voice remained strong when blended with other design elements the final iteration and storyboard were completed. The final iteration gave the designer a sense of accomplishment with a motion design project that would have never been dared before the course began. While skill level can still vastly improve, the designer is impressed with the level of understanding and knowledge regarding motion graphics that was garnered from this course. While this may without a doubt be the most challenging course the designer has had to date; it so far has been the most rewarding.
Iteration #1 - Planning for Motion
The storyboard and designs are based in traditional Kyoto, Japan. Everything about these boards will evoke the emotions and traditions of Kyoto. The viewer is first introduced to a scene of blue skies and clouds. As the clouds move out the viewer is then introduced to the scenic beauty of Kyoto, Japan. The picturesque scene will evoke the emotions and scenery of traditional Kyoto. The research was conducted to find the exact image that could convey traditional Kyoto, while not either being too busy or singling out only one aspect of the traditional city. The picturesque scene will begin to fade to the background as the letter K - Y - and T individually spin into the foreground. Once the T has spun into view, the dragon will begin to fade in to view. The dragon is not only a symbolic creature of traditional Kyoto but will also create the missing O’s in the spelling of Kyoto. Once the dragon had fully manifested, flames will shoot from the dragon's mouth “burning” the other letters and changing their color from black to red. The scene will end with the picturesque city of Kyoto in the background and the logo in the foreground.
Iteration # 2 - Planning for Motion
The story begins by intriguing the viewer with a smoke-filled sky and Japanese style music playing in the distance. As the smoky clouds begin to fade away, the city of Kyoto begins to come into focus, but now sounds of a crackling fire can be heard over the music. After the clouds have entirely moved from view, a raging fire can be seen with the city of Kyoto in the background. From the fire emerges a fire-breathing dragon, bellowing a fiery furnace from his mouth. The flames begin to fade along with the crackling sounds of the fire, to reveal the Kyoto logo. The final scene depicts the Kyoto logo with the city of Kyoto in the background with only a soft playing Japanese style music. The scene ends with a pure sound of a gong.
After reviewing two critiques regarding the original storyboard changes were implemented to give a stronger focus to the message and eliminate confusion. Professor Baldowski asked two critical questions regarding the strength of the message, “Could the dragon breath fire first to reveal the name? Does having the dragon come in in the middle deliver your message strongly enough?” (Baldowski, 2018) After reviewing these questions, the design began to evolve into a more cohesive message allowing the viewer to be pulled into the traditional feel of Kyoto and emphasize the strength of the message of a traditional Kyoto. The design was shifted to bring the dragon more to the forefront of the message, thus cohesively keeping its key to the message as it is a key graphic in the logo. The idea brought forward by Professor Baldowski of “having the dragon breath fire first to reveal the name” (Baldowski, 2018) was implemented in scene four of the storyboard. Scene one through three builds the anticipation for the dragon, with scene four allowing the dragon to make his grand appearance. The research was conducted to understand how to best implement dragon breath and the resulting fire (Surfaced Studio, 2017). Further research was also conducted to understand how to implement the engulfing fire in scene three, four, and five. In order to represent realism as best possible, research revealed that “a good fire has heat waves and less smoke is better than more.” (Realistic Fire - Free AE Template, 2018).
As the reviewer, Lynn Larsen observed consideration also needed to be given to changing the opening scene to “have the smoky look be smoke and not clouds in the beginning as there is a dragon in the area. That way the city could be seen or obscured by smoke based on the dragon’s flames. The smoke then becomes part of the story.” (Larsen, 2018) The research was again conducted to understand the best ways to create a smoke-filled opening scene. (Vox Lab, 2013)
Furthermore, while the audio identity for the brand did not change a few sounds were added to enhance the storyline. The crackling fire was added to enhance the intensity of the dragon. The final sound of the gong was added to solidify the ending of the graphics and to further enhance the feel of traditional Kyoto.
After reviewing all of the information provided in both critiques and in the research on how to effect change with various animations, the research and discoveries allow for the transformation of the once simple traditional Kyoto logo into a dynamic and transformative engaging motion graphic that will transport the viewer to traditional Kyoto. The motion graphic will create such a unique visual experience that the viewer will feel that have transported to a simpler enchanted Kyoto, one of the legends and idyllic imagery.
Baldowski, A. (2018, October 3). 1.4-Critique. [Online course comment].
Retrieved from https://online.fullsail.edu/class_sections/33261/modules/
How to enhance your marketing with motion graphics. (2017, March 13).
Retrieved from https://rottmancreative.com/blog/how-to-enhance-your-
marketing-with-motion-graphics-20170313
Larsen, L. (2018, October 4). 1.4-Critique. [Online course comment]. Retrieved
from https://online.fullsail.edu/class_sections/33261/modules/106541/
activities/696178/discussion
Surfaced Studio (2017, February 20). Retrieved October 6, 2018, from https://
www.youtube.com/watch?v=k0xbBI6fUfE
Realistic Fire - Free AE Template. (2018). Retrieved from
https://www.rocketstock.com/free-after-effects-templates/fire-in-after-
Vox Lab, (2013, May 22). Retrieved October 6, 2018, from
https://www.youtube.com/watch?v=zf3z60OSc7I
Iteration # 3 - Ideas in Motion
Animation Style and Rationale
The chosen animation style is Kinetic Typography, due to the need for the animation to evoke strong emotion and connection with the viewer. Kinetic Typography is “the act of telling a content-based story through animated words, enhanced by illustrations, outlines, photographs, and additionally video.” (Henry, 2018) This type of animation allows the designer to “create emotion and convey tone where previously existed.” (Cousins, 2015) In order to bring to life a once static logo and marry it properly to the emotions and tone that are traditional Kyoto, the chosen animation style needed to have the ability to evoke emotion and tone with full force. For the viewer to feel transported to a mystical time and place that was old Kyoto, more than mere graphics were required. The graphics merely begin to set the tone while the Kinetic Typography married together with the graphics, audio, and the story will allow the viewer to transfer themselves to a land of yore mentally.
Kyoto a city of mystical allure, a city of legends, building on years of traditions and culture that are unlike anywhere else in the world. Stepping onto the streets of Kyoto is to step into the culture and traditions of long ago. While Kyoto has modernized, it has managed to keep its culture in traditions steeped in its rich heritage. This is a city that allows the traveler to fully immerse themselves in the culture and traditions of the past because those things are not just stories of what once was but are a living and breathing part of this modern city. Traveling to this city is like stepping back into time, feeling the mysticism and lore meet head-on with the traditions and culture of the past and present.
The motion graphic will not only convey the rich traditions and culture that is Kyoto but will allow the viewer to be mentally transported back to a time where dragons roamed, and legends were made. The pounding of the drums in traditional Kyoto music married with smoke clouds will begin to stir the viewer’s curiosity. As traditional Kyoto emerges, so does its fire-breathing dragon bringing together mysticism, and intensity and the dragon breathes its firey breath burins everything in sight. The intensity and mysticism are enhanced with the typography that appears in flames. The same flames that dance to the beat of the drums we met in scene one. As the flames began to fade away, the viewer is fully transported to the mysterious land with the appearance of the Kyoto logo. The motion graphic will end in the most traditional of ways with the banging of a gong, thus fully awakening the viewer from their trance and creating the desire for them to travel to the land they were just transported.
Connecting, Synthesizing, Transforming
Extensive research was conducted to develop this motion graphic. The research was explored in the areas of the execution of graphic design elements and in the understand and usage of the animation style. While more research is needed on creating a more realistic styling to the smoke and flames, along with the adding of Kinetic Typography to those elements, the research that was conducted allowed for a somewhat successful first draft of the motion graphic.
While extensive research has been conducted, further research is required to elevate this graphic to the vision desired. Further research beyond the initial videos such as fire-breathing (Tuts,
2013) to give a more realistic appearance is needed to allow the motion graphic to evoke the desired emotion.
The main problem to solve was how to fully engage the viewers and evoke their emotions and desire to travel to this mystical land. It is essential for a designer to understand the how and why of selecting a motion graphic animation style and how it will impact their final project. (Blazer, 2016) Also, as stated by Professor Baldowski, “more emphasis needed to be placed on the why and how” (Baldowski, 2018) to allow the reader to understand the transportation of the viewer. The designer took note of these issues and elevated the thought process to show the connections and dynamics between the elements and the viewer’s imagination. The elevated thought process as described above allows the reader to understand the process and allow themselves to transport to the mystical city of Kyoto. With the elevated thought process and descriptions, further research was conducted to bring these elements to life. While most of the elements will need further research on how to best execute them in order to convey the desired message and story, the ones that have been implemented at this point were somewhat successful.
Kinetic Typography is nothing new under the sun; as it has been around for over 50 years, it still has something unique to offer in the way of emotion and tone. Due to this innate ability, Kinetic Typography has been used “for everything from advertising and promotion to art to music videos to a storytelling tool for journalists” (Cousins, 2015) and has even recently seen a resurgence to
one of the top motion graphic trends. (The Top 20 Motion Graphic Trends of 2018, 2018) What makes this motion graphics innovative is its unique ability to marry the graphic elements with the Kinetic Typography. While Kinetic Typography videos have been made for the city of Kyoto, none have managed to merge fantasy with typography in a way that this motion graphic does allow for the viewer to not only be full transfixed on the movements to become lost and transported to that mystical city.
The audio identity of the graphic is steeped in the rich traditions of Kyoto. The music that will be played will not be a relaxing tune; rather it will engage the viewer as they are transported to this magical city. The pounding of the drums will add to the intensity and curiosity of the viewer as they are transported to a land far away. While the final sound of the banging gong will awaken, the viewers from their trance to evoke their need to travel to this mystical land.
Baldowski, A. (2018, October 10). 1.2b Planning for Motion [Online Course
Comment]. Retrieved from https://online.fullsail.edu/class_sections/33261/
modules/106541/ activities/696179
Blazer, L. (2016). Animated Storytelling: Simple Steps for Creating Animation
and Motion Graphics. San Francisco, CA: Peachpit Press. Retrieved from
http:://ce.safaribooksonline.com/book/animation-and-3d/9780134133812
Cousins, C. (2015, August 05). Kinetic Typography: An Introductory Guide.
Retrieved from https://designshack.net/articles/typography/
kinetic-typography-an-introductory-guide/
Henry, P. (2018). What Is Kinetic Typography And How You Can Use It For
Marketing. Retrieved from https://videoanimationinc.com/blog/
kinetic-typography-for-marketing/
Trentemollermix. (2018). KYOTO city panoramic vector water color illustration
[AI/EPS]. Adobe Stock. Retrieved from https://stock.adobe.com/images/
kyoto-city-panoramic-vector-water-color- illustration/112706602
The Top 20 Motion Graphic Trends of 2018. (2018, May 10). Retrieved from
https://pixflow.net/ blog/top-motion-graphic-trends/
Tuts, J. (2013, October 23). Fire Breathing - No Stock Footage - After Effects
CS6 Tutorial. Retrieved from https://www.youtube.com/watch?
Iteration # 4 - Ideas in Motion
Animation Style and Rationale with Changes
Kinetic Typography remains the chosen motion style based on the ability of this style of motion graphics to evoke strong emotion and connection with the viewer, allowing the designer to “create emotion and convey tone where none previously existed.” (Cousins, 2015) To best marry together motion graphics and the traditional Kyoto logo, the animation style represented needed to have the ability to evoke such strong emotions that the viewer becomes lost in the motion graphic. This logo style needs not only to have the ability to evoke such strong emotion but the capability to also blend with other graphic styles to create something new and innovative. This unique feature of Kinetic Typography will allow the viewer to feel transported to a mystical time and place that was old Kyoto, more than poor graphics were required. The use of motion graphics such as Motion Poster merely set the stage for the ever powerful Kinetic Typography that drives home the emotion of the motion graphic.
As previously stated, Kyoto is a city of mystical allure, a city of legends, building on years of traditions and culture that are unlike anywhere else in the world. The viewer is transported to a magical and mystical time with the smoky skies and a fire-breathing dragon, all while the beating of Japanese drums plays in the background adding to the allure of the magical land. The dragon’s breath speaks loudly to the mystical land, through Kinetic Typography each letter of “mystical” is animated as on a typewriter, all while swooshing amongst the firey flames. The ground beneath the dragon illuminates in the fire as the Kinetic Typography of “spiritual” and “mysterious” rage and radiate within the flames while eliciting animation style that reinforces the mystical elements of the scene. This sets the stage for the transportation to a mystical land, one where tradition and mysticism still reside not in spite of each other but because of the other. As the smoky skies fade and the flames subside, the viewer is transported to a tranquil, spiritual land of long ago. The viewer now fully immersed in the land where tradition, majesty, mysticism, and spirituality all blend into one voice is woken by the sound of a Japanese temple gong while viewing the transformation of the dragon into the Kyoto logo. The viewer, now awake feels the need to act on their now burning desire to travel to this mystical land.
While the message remains the same, the story has changed only slightly by placing more focus on the mysticism and mystery of this land. The viewer is no longer confused by the imagery of a dragon possibly burning down the city (Baldowski, 2018), rather they are transported to this mystical land via the dragon and his breath of fire to the tranquil and spiritual land of yore. The Kinetic Typography remains in place as initially visioned, however, with this new adaptation of focusing on the dragon; this allows the Kinetic Typography to have an even stronger presence than the previous iteration.
The playing of Japanese drums not only increases the intensity of the fire-breathing dragon and all of the mysticism he entails but also through the simple background change harkens the thoughts and imagery of a traditional long ago Kyoto. This allows the viewer to become fully immersed in the motion graphic and engaging them as they are transported to this magical city. The final sound of a Japanese temple gong will awaken, the viewers from their trance to evoke their need to travel to this mystical land.
Connecting, Synthesizing, Transforming
Extensive research has been conducted to develop this motion graphic. The research was explored in the areas of the execution of graphic design elements and in the understand and usage of the animation style. Further research was conducted to understand how to best blend the motion graphics stylings of a Motion Poster with Kinetic Typography to allow Kinetic Typography to shine and not become lost in the blending of the two worlds. This was seen with the blending of the Motion Poster variations of the dragon’s breath and flames while seamlessly integrating the Kinetic Typography of the text that bounced through the flames. This allowed for the creation of something new and innovative as a blending of this style of Motion Poster with Kinetic Typography has not been produced for this mystical city. Care was taken to ensure that the Kinetic Typography stood out amongst the other animations and was the strongest elements in the scenes.
The original iteration lacked the ability for the viewer to understand that Kinetic Typography was the lead graphic animation (Baldowski, 2018) while also failing to offer a clear story to the viewer as to the transportation to the magical land via the fire-breathing dragon (Baldowski, 2018) It is essential for a designer to understand the how and why of selecting a motion graphic animation style and how it will impact their final project. (Blazer, 2016) Design elements were further researched to understand how to combine various animation styles with Kinetic Typography best while not losing the uniqueness of Kinetic Typography’s voice in the process of blending the styles. Further research was conducted to understand how to best emphasis and gain the full power of Kinetic Typography within the motion graphic.
Further analysis was given on how to best tell the story of Kyoto and how to animation should proceed without creating confusion or giving any “jarring” elements. (Baldowski, 2018) To ensure the story was told in the best way to highlight the uniqueness of Kyoto, consideration was given to separating scenes where the fire-breathing dragon and the tranquil city of Kyoto intermingled. The separation of these two elements allowed for a stronger presentation and motion graphic, thus allowing the viewer to become transported to this mystical land of yore.
Kinetic Typography is nothing new under the sun; as it has been around for over 50 years, it still has something unique to offer in the way of emotion and tone. Due to this innate ability, Kinetic Typography has been used “for everything from advertising and promotion to art to music videos to a storytelling tool for journalists” (Cousins, 2015) and has even recently seen a resurgence to
one of the top motion graphic trends. (The Top 20 Motion Graphic Trends of 2018, 2018) What makes this motion graphics innovative is its unique ability to marry the graphic elements with the Kinetic Typography. Basic Kinetic Typography and various other animation styled motion graphics have been created to depict the city of Kyoto. However, none have been crafted to offer the unique compilation of Motion Poster animation with the strength of Kinetic Typography. This blending of the two motion graphics styles while keeping the emphasis on Kinetic Typography and allowing the strength and emotion of its voice to continue through the graphic, allowed this motion graphic to go beyond creations that have been created in the past. Thus successfully merging fantasy with typography in a way that allows the viewer to become lost in the motion graphic and become transported to the mystical land of Kyoto.
Baldowski, A. (2018, October 18). 2.2a Planning for Motion [Online Course
Comment]. Retrieved from https://online.fullsail.edu/class_sections/
33261/modules/106542/activities/696186
Blazer, L. (2016). Animated Storytelling: Simple Steps for Creating Animation
and Motion Graphics. San Francisco, CA: Peachpit Press.
Retrieved from http:://ce.safaribooksonline.com/book/
animation-and-3d/9780134133812
Cousins, C. (2015, August 05). Kinetic Typography: An Introductory Guide.
Retrieved from https://designshack.net/articles/typography/kinetic-
typography-an-introductory-guide/
Henry, P. (2018). What Is Kinetic Typography And How You Can Use It For
Marketing. Retrieved from https://videoanimationinc.com/blog/kinetic-
typography-for-marketing/
The Top 20 Motion Graphic Trends of 2018. (2018, May 10). Retrieved from
https://pixflow.net/blog/top-motion-graphic-trends/