#after effects motion graphics tutorial

[xponentialdesign]

Working on new iterations from a 2016 trapcodeTAO project file. The same project file that lead to the recording of this youtube tutorial titled: " Let's Create a Scaled Dragon tail loop with Trapcode TAO in After Effects " *archived on @OBJKTcom: " Serpens collum "

[confusedananass]

Just take a moment to chill.

instagram

Everything I did in After Effects and all effects I used can be seen under the cut.

Used simple rotation animation on plants and fingers with loopOut("pingpong") expression so they would keep rotating back and forth for eternity. Added CC Bend It effect to each of them and keyframed them to bend a little. Pre-composed.

To make the smoke, I made a new composition and created a simple triangle. And applied these effects to it:

Grow bounds - Pixels 150;

Wave warp - Wave type Sine; Wave Height 100; Wave Width 200, Direction ~+69; Wave speed 0.5; Pinning - Left edge (make sure you pin it on the side where you want the smoke to come from);

Wave Warp 2 - Wave Type Circle; Wave Height 100; Wave Width 300; Direction ~+106; Wave speed 0.2; Pinning Left Edge;

Bezier Warp to distort the shape even more, adjust as needed;

And I slapped this smoke pre-comp on my main comp like it was nothing.

Overall effects I used on Adjustment layer over the whole project:

Noise - Amount 5%;

Posterize time - 12;

Roughen Edges - Border - 2; Edge Sharpness 5; Fractal Influence 1; Scale - 1000; Complexity 2;

Turbulent Displace - Amount 2; Size 100; Complexity 1;

Turbulent Displace 2 - Amount 30; Size 2; Complexity 2;

Not a whole lot, but it's something. Honestly documenting this will help me remember better on what I did because I forget how to do basic shit. Ha.

[motionpandey]

🎉 Launching April 1st 2024 ! 🎉

Get ready to upgrade yourself with design to animation ?

Start learning with Motion Pandey - animation, Motion Graphics.

Tutorials, tips & tricks and creative inspiration.

💡 Here's what you can expect:

In-depth tutorials covering everything from basic animation principles to advanced After Effects techniques.

Creative challenges and exercises to ignite your imagination and hone your skills.

Insider insights and behind-the-scenes peeks into the world of professional animation and motion graphics.

Engaging discussions on industry trends, software updates, and the future of animation.

YouTube :- https://youtube.com/@Motionpandey

[filtergrade]

CLEAN & MINIMAL Logo Animation Tutorial for After Effects

[tutos]

How to Create 3D Text in After Effects

[rhandzgraphix]

Vertical Glass Shatter Logo Animation #Shorts

[elderwisp]

Text Effects Masterpost:

I've been meaning to do this for a minute now, but I wanted to share some resources of different font tutorials I've used throughout! This won't be a tutorial as to how I apply things but I could definitely stitch a video into this post if that would help!

☆ I do use DaFont to find all of my fonts! Sometimes the videos I do watch will suggest new fonts as well! I also do all of my text effects in photoshop!

☆ Spoon Graphics, ThaZero and PANTER are usually my go-to's! They offer easy, quick and most of all, free tutorials!

☆ Some fave videos:

Gradient Blur and Glowing Effect

3D Chrome for Beginners

Glowing Text - Strange Lights

Smoke Melted Effect

Motion Blurred Effect

☆ (This is gonna be a run on lmao) If you select the fx button after typing in your text, select stroke, change the color to gradient and pick a color you like, change the blending mode to any of these four options, you get a really cool outline effect! Crusty photos below:

[conarcoin]

if anyone wants them here is my collection of various after effects tutorials and resources

general tutorials

motion graphics

transitions

effects

typography

downloads - plugins, presets, overlays etc

[spinoff-antithesis]

[@distinguished-turtle-enjoyer ]

i actually have not stopped thinkin bout your bb!edit like,,,, its so good and scratches my brain right

how long have you been doin edits for? do have any tips for someone, who hypothetically, wants to start doin edits too? what programs do you use? how did you do the cool animated bits?

im so sorry for all the qustions 😭😭 i just think youre very talented and inspirational and i hope you have a good day ^_^

hi firstly oh my gosh you're literally so sweet i am gently shaking you i love you so much /p. secondly, i apologize for the long answer! (it's all under the cut. this got away from me. i'm so sorry apparently i have a lot to say.) (also you're so good about the questions i would constantly be asking one of my professors questions during class to the point where she said i didn't have to go "i have a question" every time i approached her)

i've been editing since 2016! around march/april, i think? loved it so much i went into film & video production in college as a major so i could do editing for a living. (i have done more motion graphics for my classmates than i have done edits outside of class assignments, BUT!)

the program i use is after effects - i started learning it when covid first hit the united states because i had nothing better to do with my time (other than music theory but i failed that bc my professor focused more on the history aspects than the actual theory soooo) and my ipad kept giving me the "no more storage" whenever i tried to use videostar lmao. (vs has, apparently, gotten a LOT of good updates, so if you're looking to start editing and have an ios system, i'd look into it! only downside is you have to pay for some of the cool stuff).

also the program i use for masking (i think i explain this later dwdw) is superimpose. i've been using it since 2014 and it's SO nice bc i can use my fingers to erase backgrounds & stuff instead of hoping i can get it to work correctly in ae or photoshop (photoshop my DETESTED i'll use it but i'll complain the entire time).

for people who want to start editing: tutorials on how your program works and how to do specific transitions are gonna be your best friend when you're first figuring things out! i forced a friend to literally walk me through how after effects worked when i was first figuring it out, and when i had swapped to videostar back in 2017/2018(?) i had watched a Lot of tutorials. that and played around a lot and figured things out on my own - which is also always a good way to start!! it's also totally valid to look at other people's edits for inspiration - most editors don't really care, as long as you don't flat-out remake their edit (some people don't like that!). i have a style insp folder on instagram where i save edits that i like so if i need transition ideas or i'm doing a different style, i can look there for inspiration. at the end of the day, as long as you're having fun with it that's all that matters!

also, starting simple is always okay!! my edits for a year were just me slapping gifs & video segments together on a timeline in cute cut pro bc imovie didn't load them lol & it'd crash every time i breathed. ++ it never hurts to ask people for feedback/constructive(!!!) criticism/etc! (also not to sound like everyone else but practice? good. it's so good. if i showed my 14/15y/o self some of the edits i can make now they would've passed out on the spot bc i was still trying to figure out transitions back then. programs can also sometimes make a difference in edits, but usually it's not super noticeable until you start getting to the Complicated Shit.)

a lot of popular programs i've seen are ones like video star (ios only), alight motion (android only), after effects (i recommend 🏴‍☠️ing it tbh, i only use it legally bc i had to use adobe programs for school), capcut, and i think some people still use sony vegas pro & maybe cute cut pro (i've heard it may have actually gotten better since i last used it in 2018)? i have no idea. programs also depend on whatever device you're using to edit on! since i've been using my laptop, i'm able to use after effects (it's computer-only), but when i used my phone/ipad to edit i used ccp & vs.

for the animation - it's a lot of cutting up the image and masking! more complex animations, like the one i had of leo walking down that red 'hallway' have several different layers that have been masked. (i removed the background & filled in the spot where leo originally was in two different apps - superimpose (taking leo out) & photoshop (filling in the bg)) in after effects, the way i've done this was mask out the specific thing i wanted to move (like an eye) and then put that mask on what i've called a "base" (not animated), and then stick a solid behind the base to match the color of the object. (some of my layers are not named appropriately; base 2 is the left arm & the four "SIX_[...]" layers are the mask/bandana tails)

an example of this would be for any of the eye blink animations i did! this (above) is the same shot, with and without the eye - since it's masked out and i have the background solid behind it, it doesn't look too unnatural/have a black outline/mass where his eye should be.

what it looks like without the solid layer behind it ^ (the red lines are from the null layers - ignore that)

this is what my timeline looks like if it's a more simplistic animation - the only five things being animated here are leo & raph's eyes. (there's only this many layers bc it's two characters in one shot & i was also animating their pupils - typically, an eye-blink animation is about 4-6 layers for me (solid, base, mask, & null to animate with, 6 if i'm animating both eyes & 4 if just one))

in after effects, there's this really cool tool called the puppet pin that one of my friends (lovingly) yelled at me for not knowing about - which. yeah fair she wasn't wrong it's SUPER useful in animating, provided you chop up your image first. if you don't it's a mess.

(separated by layer vs i should've really put the mask tails & leo's head on separate layers and didn't bc that was the 2nd to last animation i had to do and i was losing my mind bc i wanted to be done with the edit lmao)

the way people animate depends all on their style (there's two common ways to do blinking animation - having the anchor point at the bottom of the eye, or the middle of it) and the program they use. it's been a while, but i could probably tell you how to do some basic animations on videostar still even though i've been doing them in after effects for about 2-3years now. ALSO the best way to have an animation be noticeable is to over-exaggerate it/make them Big - which, yes, can mean 'breaking bones' and having the limbs be a little wonky at the start. (if you want it to be realistic though go Just to the point where it looks uncomfortable lmao)

uhm. again i am so sorry that this is so long i THINK this is everything? if not: my inbox/dms are always open if you ever want to ask more questions, wanna follow up on something, etc etc!! (also if you ever start editing please send me your edits!!! i'd love to see them <3)

[amanat916]

How to Animate Your Wedding Invitation Box with After Effects: A Free Template Tutorial

A wedding invitation sets the tone for your special day, and a 3D wedding invitation box can make it even more memorable. Using After Effects, you can animate your invitation to give it a dynamic, modern feel. This step-by-step tutorial will show you how to animate a wedding invitation box using a free After Effects template.

By the end, you’ll be able to create a beautiful and personalized animated wedding invitation that stands out.

Why Choose a 3D Wedding Invitation Box?

Eye-Catching Design

A 3D wedding invitation box creates an interactive and engaging experience for your guests. The movement and depth of the 3D elements can leave a lasting impression.

Customization Options

After Effects allows you to fully customize templates, from text to colors and animations. This gives you the freedom to create a design that perfectly matches your wedding theme.

Time and Cost Efficient

Using a free After Effects template saves you time and money. You don't need to design the invitation from scratch, and templates make the process simple for even beginners.

How to Get Started with After Effects

Before you begin animating your 3D wedding invitation box, make sure you have the latest version of After Effects installed. After downloading and installing the software, you can proceed with customizing a free template.

Step 1: Download a Free 3D Wedding Invitation Box Template

The first step is to find a suitable free template for your wedding invitation. Websites like Motion Array, Videezy, and Envato Elements offer free templates that you can download and use in After Effects. Look for a template that fits your wedding theme, whether you prefer elegant, vintage, or modern styles.

Step 2: Import the Template into After Effects

Once you’ve downloaded your chosen 3D wedding invitation box template, open After Effects. Import the template by going to File > Import > File and selecting the template you downloaded. The template will appear in your project panel, ready for customization.

Step 3: Review the Template Structure

Before jumping into the animation, take some time to understand the structure of the template. Templates often come with pre-designed elements such as 3D boxes, background animations, and text layers. Familiarize yourself with these elements to ensure a smooth workflow.

Customizing Your 3D Wedding Invitation Box Template

After reviewing the template, it’s time to customize it for your wedding.

Step 4: Replace Placeholder Text

Templates typically come with placeholder text for wedding details. Click on the text layers in the timeline, and replace the placeholders with your own wedding information, such as:

Names of the couple

Wedding date

Venue location

Special messages or quotes

Ensure the text size and font align with your wedding style. After Effects allows you to change fonts, colors, and spacing to suit your theme.

Step 5: Customize the Colors

You can adjust the color scheme of the 3D wedding invitation box to match your wedding colors. To change colors, select the layers you want to modify, and then use the Color Picker tool to select your desired hues. Customizing the colors makes the invitation more personalized and cohesive with your wedding theme.

Step 6: Adjust Background Elements

Most templates come with background elements such as patterns, textures, or imagery. You can replace these with your own images or graphics. For a more personal touch, consider adding your wedding logo, photos, or even custom illustrations. Simply import your assets into After Effects and drag them into the appropriate layers.

Animating Your 3D Wedding Invitation Box

Now that you’ve customized the design, it’s time to animate the 3D wedding invitation box. This is where After Effects truly shines, offering dynamic animation tools that bring your invitation to life.

Step 7: Animate the 3D Box Opening

A key element of a 3D wedding invitation box is the animation of the box opening. Most templates include pre-animated transitions for this, but you can adjust the timing and speed of the animation.

To adjust the animation:

Select the 3D box layer in the timeline.

Use the Position and Rotation keyframes to fine-tune the movement.

Play with the Ease In/Ease Out settings to control the animation speed, ensuring smooth transitions.

Step 8: Add Motion to the Text

To make the text appear more dynamic, consider animating the text layers. You can use simple fade-ins or more complex text animations like sliding or zooming. After Effects provides several text animation presets that are easy to apply.

To apply an animation:

Select the text layer.

Right-click and choose Animate > Position (or another property).

Use the Timeline to adjust the keyframes and make the text appear at the right moment.

Step 9: Incorporate Additional Animations

Depending on your template, there may be additional elements that you can animate, such as flowers, ribbons, or other decorative pieces. These elements can be animated using the same process described above. You can create more intricate effects by adjusting their opacity, scale, or rotation.

Step 10: Preview the Animation

After setting up the animations, preview the entire invitation by pressing the Spacebar. Watch how the box opens, how the text appears, and how the background elements move. Make any necessary adjustments to timing and transitions to ensure everything flows smoothly.

Finalizing and Exporting Your 3D Wedding Invitation Box

Once you’re satisfied with the animation, it's time to render and export your 3D wedding invitation box.

Step 11: Render the Animation

To render your project, go to Composition > Add to Render Queue. In the Render Queue panel, adjust the settings to your preferred output format (e.g., MP4 or MOV). Make sure to choose high-quality settings for the best result.

Step 12: Export the Final Product

After rendering, your invitation will be ready to share. You can send it via email, upload it to a wedding website, or share it on social media. The rendered video is sure to impress your guests with its unique and personalized animation.

Conclusion

Animating a 3D wedding invitation box with After Effects is a creative and fun way to invite your loved ones to your wedding. By following this tutorial, you can easily create a beautiful, dynamic invitation that’s tailored to your wedding style. With the help of a free After Effects template, you can bring your vision to life and create an unforgettable experience for your guests. So, download a template, customize it, and start animating your perfect 3D wedding invitation box today!

[filtergrade]

Design an Abstract Black and White Motion Background in After Effects Tu...