top of page

Mouza Salem 

Research:

To carry out the animation I looked up motion graphic trends for 2024 and included a few of them into my animation poster:

1 - Animated collage

2 - Gradients

3 -Combination of 2D & 3D

4 - Kinetic Typography

5 - AI graphics

6 - Liquid animation

7 - Morphing

8 - Thin line animation

Reference

It combines text with animation, is a warm style in motion graphics in 2024. It artistically expresses emotions and tales by movement, color, and interactivity. Technological advances have enabled designers to experiment with 3D effects, changing fonts, and data-driven animations, therefore expanding the frontiers of animated text. Kinetic typography is rapidly being used in advertising, websites, music videos, and title sequences, providing new methods to transmit messages in the digital realm.

image.png

To produce fluid, organic animations, liquid animation is a compelling technique that imitates the flow and movement of liquids. Using this method, graphical components may be given a fluid, realistic appearance, giving the impression that they are moving water or other viscous materials. Its captivating, organic dynamics enhance user interfaces, and it works especially well for background effects, loading animations, and transitions. Digital experiences may be made more visually appealing and engaging by using liquid animation, which may create a feeling of elegance and fluidity. This approach is well-liked in online and app design since it provides a distinctive means of grabbing attention and enhancing user experience.

image.png

Photographs, text, video snippets, and graphics are all combined into one dynamic creation in an animated collage. This method gives life to still photos, resulting in an engaging patchwork of narrative that draws viewers in. Animated collages provide a unique and captivating experience since each element is uniquely animated while yet maintaining overall unity. This tendency works especially well in web design and digital marketing, where it's important to communicate complicated ideas engagingly. It invites viewers into a visually beautiful, multi-layered story that is captivating and unforgettable by combining nostalgia with modernity.

image.png

Digital creations get depth and life from the visually stunning impact of Gradients Animation, which skillfully transitions between hues. This trend is a smooth change of colors, which is frequently used to improve text, backgrounds, and user interface components, giving them a captivating, flowing motion. Gradients' dynamic quality may express changes or trigger feelings in the viewer while gently drawing their attention to certain areas. Gradients Animation is a new take on classic color applications that improves user experience by making graphics more visually appealing and engaging. It is perfect for web design, mobile apps, and digital art.

image.png

When 2D and 3D animation are combined, a visually striking image is produced that combines the simplicity and charm of 2D with the depth and realism of 3D. This combination produces captivating narratives and dynamic images that present a multi-layered, one-of-a-kind viewpoint to viewers. It creates a rich, realistic experience, especially when it comes to highlighting individuals and settings. This method improves visual appeal and narrative depth and is flexible enough to be used in interactive media, video games, and movies. Designers and animators may stretch the boundaries of traditional animation and produce unique and memorable content by combining these two approaches.

image.png

With the use of kinetic typography, words on a screen may move, change, and evolve, turning static text into an active show. Through motion, this dynamic type of animation highlights the emotional effect of words and deepens their meaning. It works especially well in digital media, advertising, and title sequences for attention-grabbing, message-conveying, and narrative purposes. Kinetic typography can cause particular emotions or behaviors by shifting font sizes, colors, and directions, which enhances the text's readability and memorability. This trend offers a potent instrument for creative expression by fusing textual communication with visual art and giving written words life.

image.png

The process of morphing animation involves transforming one picture or shape into another smoothly, producing an engaging transition for the audience. The lines between different parts are blurred in this type of animation, which enables imaginative narrative and visual effects. Morphing is a common technique used in a variety of media, such as web design, movies, and ads, to visually effectively depict change or advancement. It improves the story by providing a visual representation of evolution, metamorphosis, or viewpoint change. Morphing animation is a great technique in digital art and design since it not only gives pictures more energy but also attracts people with its seamless, mystical transitions.

image.png

The delicate, understated use of small lines to produce captivating images and stories is a hallmark of thin-line animation. This aesthetic stresses elegance and simplicity, bringing designs and stories to life with gentle animations. It works especially well for subtle yet eye-catching backdrops, infographics, and educational videos where style and elegance are important. Thin lines are popular in both web and app design because they may convey complicated ideas in an easy-to-understand way. Designers may represent modernism and refinement in animation by using delicate line movements to lead the viewer's attention, communicate messages, and increase the visual appeal of digital information.

image.png

Working process

image.png
image.png
image.png

2024 Motion Graphic Trends Used

Gradients: To give the backdrop life, I used animated gradients.

The "Kitty Calm" text uses kinetic typography to draw the reader in with motion.

For flowing, organic motion, use liquid animation on bubbles and a zigzag line.

Combination of 2D and 3D: 3D components (cat paws, "Meowind" title, sleepy cat) add depth without being overly dramatic, maintaining design consistency.

Animated Logo: To make it unforgettable, add glitter and dramatic effects.

Bold typography is used to draw the audience's attention to important texts by emphasizing them and making them stand out.

Final animation

Reflection

The way we design and engage with digital material is changing as a result of the animation and interactive developments I've lately learned about. Animated Collage introduces a dynamic, multi-layered storytelling technique by fusing disparate materials into a smooth visual story. Gradients provide transitions with a visually calming quality by adding depth and texture. Combining 2D with 3D offers simplicity and depth, combining the greatest aspects of both worlds. Text moves in ways that improve the delivery of messages when using kinetic typography. AI graphics produce original and dynamic images, opening previously unheard-of creative possibilities. Interfaces with Liquid Animation feel more organic and flowing, and those with Morphing exhibit a smooth transition between forms and pictures, making it harder to tell between different aspects. An improved, minimalist style is introduced by Thin Line Animation, which highlights motion detail. These trends stretch the limits of user involvement and interaction while also broadening our creative palette.

 

I combined a number of the 2024 motion graphic trends, like gradients, kinetic typography, liquid animation, combining 2D and 3D, animated logos, and bold typography, to create the animation poster. I looked at motion graphic trends for 2024 to incorporate into my animation poster first. After that, I watched a YouTube video that explained how to import Illustrator files into After Effects so that I could animate them. I started working on learning how to make and manipulate gradient effects because I did not know how to work with Adobe After Effects. To animate the zigzag line, I also watched a video that showed me how to design one and then did it myself. I watched a YouTube video to learn how to apply the grain effect that was on the zigzag line as an aftereffect. I made the bubbles follow the zigzag line and get to their destination because I wanted to be innovative with my work. I saw a YouTube video that showed me how to do so to reveal the text, revealing the first text revelation before moving on to the second. Lastly, I believed that by adding a cinematic effect to the logo, the animated poster would have beautiful movement, and my additional sound effect confirmed my theory. I struggled a little bit to decide what to add for the background music, but in the end, I settled on one.

 

To improve user experience and narrative, I've included several cutting-edge animation and interaction trends in my most recent designs. By gradually revealing material to keep viewers interested, reveal text animation is used to draw in and hold their interest. A lighthearted and lively touch is added by Squiggling Line Animation, giving normally still pictures of life and creativity. Animated Gradient is a visually engaging backdrop that uses smooth color changes to provide a lively, compelling atmosphere. I've been able to combine depth and simplicity by combining 2D and 3D, providing viewers with a rich, multi-layered visual experience that keeps graphic appeal while enhancing realism. With the use of kinetic typography, words may be meaningfully animated, giving messages greater emotional impact and emphasis, which helps them stick in the mind. Finally, bold typography makes sure that important messages are seen by using motion and size to draw the eye and make a statement. All of these trends work together to improve audience engagement, provide depth to the story, and strengthen interaction.

© 2024 by Meowind

bottom of page