Liquid Logo Animation in After Effects - After Effects Tutorial - No Third Party Plugins
TLDRIn this After Effects tutorial, the focus is on creating a dynamic and visually appealing 'liquid logo animation'. The process begins with setting up a new composition and creating a solid layer named 'liquid lines'. Using the pen tool, a path is drawn for the lines to follow, which is then animated using the 'CC Particle System' effect to simulate a flowing line. Adjustments are made to the particle settings to achieve a desired look, and the path is copied and pasted into the position parameter for animation. The animation is further refined with the addition of the 'Simple Choker' effect to create a solid line appearance and by tweaking various settings for a more attractive result. The tutorial also covers creating a 'Splash ring' effect and animating it to burst outward. The logo is then added and animated using the 'Zoom Wobbling' preset for a synchronized entrance with the bursts. Throughout the tutorial, the emphasis is on customizing the animation to match one's logo colors and design preferences, concluding with tips on adjusting the animation timing and adding a background to complete the project.
Takeaways
- π¬ Start by opening After Effects and creating a new composition named 'liquid logo animation' with a resolution of 1920x1080 at 30 frames per second.
- ποΈ Create a new solid layer, rename it to 'liquid lines', and use a black color with the same size as the composition for the background.
- π Use the pen tool to draw a path for the animation, ensuring the lines follow the desired animation path.
- π Apply the 'cc particle system' effect to create particles that will follow the mask path, adjusting settings to resemble a line.
- π Change the particle system's physics settings, such as velocity and animation type, to achieve a circular motion.
- π¨ Customize the particle appearance by adjusting the particle type, size variation, opacity, and colors to match the logo's theme.
- π Use the 'simple choker' effect to create a solid line appearance from the particle system.
- βοΈ Duplicate and modify layers to introduce additional details and variations to the animation.
- π Flip and transform duplicated layers for a more dynamic scene, adjusting settings like choke mat and velocity for differentiation.
- π§ Animate a 'splash ring' using the ellipse tool and shape animations to create a burst effect when the line glides.
- π Apply the 'roughen edges' effect to the burst animation for a more natural, smoke-like reaction.
- π Add and animate a logo layer using the 'Zoom wobbling' preset to synchronize with the burst animations.
- πΌοΈ Compose the final animation with the logo, bursts, and any chosen background to complete the liquid logo animation.
Q & A
What is the name of the new composition created in After Effects?
-The new composition is named 'liquid logo animation'.
What is the resolution and frame rate used for the composition?
-The resolution used is 1920x1080 and the frame rate is 30 frames per second.
How do you create the 'liquid lines' layer?
-Create a new solid, rename it to 'liquid lines', set it to the composition size, and use a black color for it.
What tool is used to draw the path for the lines?
-The pen tool is used to draw the path for the lines.
How is the mask path used to animate the line?
-The mask path is copied (Ctrl+C) and pasted (Ctrl+V) into the position property of the CC Particle System effect to animate the line.
What settings are adjusted in the CC Particle System to make it look like a line?
-The birth rate is changed to 50, longevity to 0.6, velocity to zero, animation type to vortex, and gravity to zero.
How do you change the particle type to create a tail effect?
-Change the particle type to 'The Faded Sphere', death size to zero, size variation to 100%, and opacity map to constant with max opacity at 100%.
What effect is used to make the line appear as a single entity without particles?
-The 'Simple Choker' effect is applied to achieve this.
How do you adjust the animation timing for the line to disappear?
-Add a keyframe to the birth rate, move forward about 10 frames, change the birth rate value to zero, and then align the keyframes with the animation.
What is the process to create a dynamic scene with multiple lines?
-Duplicate the layers, flip them horizontally and vertically, and adjust settings like choke mat and velocity to make each line look distinct.
How do you create a splash ring animation?
-Use the ellipse tool to create a stroke circle, animate the scale and stroke width, and apply the 'Roughen Edges' effect for a smoke-like reaction.
How do you synchronize the logo animation with the bursts?
-Place the logo on top of all layers, precompose it, and apply the 'Zoom Wobbling' preset to start the animation at the same time as the bursts.
Outlines
π¨ Creating a Liquid Logo Animation in After Effects
This paragraph introduces an After Effects tutorial focusing on creating a liquid logo animation. The process involves opening After Effects, setting up a new composition with a specified resolution and frame rate, and creating a solid layer named 'liquid lines'. The user is instructed to use the pen tool to draw a path for the lines to follow and adjust the curves for a smoother animation. The mask path is then utilized to animate the line using the built-in 'cc particle system' effect. Settings are adjusted to achieve the desired line appearance, including birth rate, longevity, physics properties like velocity and gravity, and animation type. The mask path is copied and pasted into the position property of the effect to animate the particles along the path. Keyframes are used to control the animation's timing and the graph editor is employed to fine-tune the speed of the animation. The particle type is changed to 'The Faded Sphere', and various settings are modified to create a tail effect and adjust the particle appearance. The colors are customized to match a logo's color scheme.
π Adding Details and Disappearing Effects to the Animation
The second paragraph describes the process of refining the animation by using the 'simple choke' effect to create a single, solid line appearance from the particle system. Keyframing techniques are used to make the line disappear at a specific point in the animation. The user is shown how to adjust the birth rate and align keyframes for synchronization. A duplicate of the line is made for additional details, with changes to the color and choke mat value to create variation. The layers are replicated and transformed using horizontal and vertical flips to add dynamism. Further customization is done by adjusting the velocity and inherit velocity for each line to achieve a unique look. The paragraph concludes with the creation of a 'Splash ring' effect, using the shape and stroke tools to draw a circle that will serve as the ring. The animation of the ring is initiated by keyframing the scale and stroke width properties.
π΅ Animate and Integrate the Logo with the Liquid Effect
The final paragraph details the steps to animate a ring named 'burst' and to add the user's logo into the composition. The 'burst' animation is refined by adjusting the scale and stroke width keyframes for a smoother transition. The 'roughen edges' effect is applied to the ring to give it a more natural, smoke-like appearance. A duplicate of the 'burst' is created, renamed 'burst blue', and adjusted to follow the first burst animation with a matching color scheme. The logo is then added on top of all layers, precomposed, and scaled to the desired size. An animation effect called 'Zoom wobbling' is applied to the logo to synchronize its movement with the bursts. The animation timing is fine-tuned using keyframes and the graph editor. The tutorial concludes with the suggestion to add a background of choice to complete the project.
Mindmap
Keywords
π‘After Effects
π‘Composition
π‘Solid
π‘Pen Tool
π‘CC Particle System
π‘Mask Path
π‘Ease
π‘Particle Type
π‘Choker
π‘Flip Horizontal/Vertical
π‘Ellipse Tool
π‘Zoom Wobbling
Highlights
The tutorial begins by opening After Effects and creating a new composition named 'liquid logo animation' with a resolution of 1920x1080 at 30 frames per second.
A new solid layer is created and renamed to 'liquid lines', using the same size as the composition and a black color.
The pen tool is used to draw a custom path for the lines to follow, with the option to adjust the curves of the paths for smoother animations.
The mask path is utilized to animate the lines using the 'cc particle system' effect, which is an inbuilt plugin in After Effects.
Settings are adjusted for the 'cc particle system' to create a line effect, including birth rate, longevity, velocity, and animation type.
The mask path is copied and pasted onto the position parameter of the 'cc particle system' to animate the particles along the path.
Keyframes are used to adjust the particle movement, and the graph editor is employed to fine-tune the animation's speed and stop.
Particle type is changed to 'The Faded Sphere', and various settings like death size, size variation, and opacity map are modified for visual effects.
The color of the particles is customized to match the logo color, with birth color and max opacity adjustments.
The 'simple choker' effect is applied to create a single line appearance with a flat look, and the choke mat value is increased for a more defined line.
Keyframes are manipulated to control the timing of the line's disappearance, ensuring it matches the overall animation sequence.
Duplicate layers are created for added detail, with adjustments to color and choke mat value for visual variety.
The layers are flipped horizontally and vertically to add dynamism to the scene and differentiate between them.
Settings such as choker, velocity, and inherit velocity are tweaked for each line to achieve a unique look and motion.
A 'Splash ring' is created using the ellipse tool with a solid color stroke and no fill, sized at 50 pixels for a prominent effect.
The 'burst' animation is achieved by animating the scale and stroke width of the ring, with keyframes set for a dynamic expansion and disappearance.
The 'roughen edges' effect is applied to the burst to give it a more organic and smoke-like reaction.
Duplicate bursts are created with different colors and timings to complement the logo animation.
The logo is added and precomposed with all attributes moved into a new composition for easier animation control.
The 'Zoom wobbling' preset is used to animate the logo, with keyframe adjustments for timing to synchronize with the bursts.
The final step involves adding a background of choice and completing the animation, with a reminder that users can customize paths and colors to suit their needs.
Transcripts
Browse More Related Video
ΨͺΨ΅Ω ΩΩ ΩΩΨ¬Ω Ψ§ΨΨͺΨ±Ψ§ΩΩ ΩΩ Ψ§ΩΩΩΨͺΩΨ΄ΩΨ¨ | WD Logo Design in photoshop
How To Create Animated Explainer Videos For Youtube - Step by Step Guide
Physical Animation: The Ultimate Starter Guide [UE4/UE5]
How to Start Animating Your Characters : 4 Principles
How I animate stuff on Desmos Graphing Calculator
Making a research poster in Microsoft PowerPoint
5.0 / 5 (0 votes)
Thanks for rating: