#learn motion design

[thatfaerieprincess]

The FCG doodles for a friend that jump started me somewhat out of art block the other day! Turns out I love drawing this goofy robot <333

I'm particularly fond of the one of him bending over to pet a cat 💛

[crystalmagpie447]

ok urge to animate done

HABHNSJ I tried to do shading on it

but i didnt know how to do it lmao

verysmall animation

oughrdehnjxs i wish i could more </3

ghjerhfrejwmkefrd

@coulsart

[confusedananass]

(instagram)

Tutorial in After Effects under the cut.

ALRIGHT let's get into it. Straight to the point, no nonsense tutorial.

• Create a new composition 1080px x 1080px, let’s call it Design.

• Write some text, turn it into shapes (right-click → Create → Create shapes from text).

• Animate the path so the text stretches like so in a few seconds time. When animated, right-click on a keyframe and select Keyframe velocity and change coming & going velocity influence to 85%:

• Create another new composition and call it FX. Add your Design pre-comp in this composition.

• Add a new Solid layer on top, call it Displacement map. Now we’re gonna add a bunch of effects on that solid layer.

• First add Gradient Ramp. Make it so the white color would be on the right side (End of Ramp) and black would be on the left side (Start of Ramp);

• Next add a Tritone effect and change the Highlights color to black and Midtones color to white.

• Add Fast Box Blur and change Blur Radius to 100.

• Then it’s time to add Fractal Noise effect, and change Fractal Type to Swirly, Noise Type to Spline. Then bring down the Transform panel and uncheck Uniform Scaling, make Scale Width 60, and change Scale Height to a very high number, such as 10000.0.

• Add a keyframe to Evolution at the beginning, and the second keyframe at 2 seconds rotating the slider for one rotation. Add an expression loopOut() on these keyframes so it loops.

• And lastly change the Blending mode to Overlay (at the bottom of the effect).

• The last effect we’re gonna add is Turbulent Displace. Change Displacement to Twist, Amount to 150, Size 130. Add the same keyframes to the Evolution as we did previously on Fractal Noise and loop them with the same expression.

So far your work should look something like this:

• Then it’s time to add colors! Create another new composition, add your FX pre-comp to it, add a background with a new solid layer (CTRL + Y).

• Then add Echo effect to your FX pre-comp, change Echo Time to -0.030, Starting Intensity to 0.03, Decay to 0.94.

• Next add Gaussian Blur effect, make the Blurriness 10.

• Add Colorama effect, change Get Phase From to Alpha. Then go to Output Cycle and change the color presets (Use Preset Palette) to let’s say Solarize Red (it doesn’t really matter, we’re gonna change the colors, we just need it to have two sliders instead of a lot). Then grab a bottom slider and put it on the left side and choose the lighter color you want. I chose pink.

• Now duplicate your FX pre-comp. We’re gonna change some parameters on the effects.

• So the first thing you want to do is change Echo Time to -0.005, Starting Intensity to 1.

• On Colorama go to Modify and uncheck Modify Alpha. Then go to Output Cycle, and add more colors like you see in the screenshot.

• Duplicate your FX pre-comp one more time and delete all the effects on it.

• Last thing to do is add an Adjustment Layer (Ctrl + Alt + Y), add the Noise effect, and make the Amount of Noise 15.0%.

• And you're done!

[galoosreblogger]

Driving permit tests be like

What is a place you can drive to? -restuarant -blowing alley -restaurant -Mika's Pierogi Kitchen

The first two are an automatic fail of course because they're slightly misspelled, therefore they are WRONG. You idiot. You utter fucking fool. No driving for you. And if you choose the last one, you'll get the explanation why and it'll be like NO YOU STUPID DUMB FUCKING SLUT THAT SHIT CLOSED DOWN A MONTH AGO, HOW DID YOU NOT KNOW YOU CAN'T DRIVE THERE, OH MY GOD YOU ARE A DANGER TO EVERYONE ON THE ROAD PUT OUT A WARRANT FOR HER

[bdoubleowo]

SaintStarling (@martynsimp69) of Darkwoods SMP fame for @mcytblrsexymen nominee. it's what they deserve.

[geosaurus]

Ready? OK!

[motionpandey]

Unlocking the Power of Animation: A Guide to the 12 Principles of Animation

The 12 Principles of Animation: Bringing Life to Art

Animation is a captivating and ever-evolving art form that has the power to transport audiences to fantastical worlds and stir deep emotions.

Behind the magic of animated films and videos lie the "12 Principles of Animation" a set of guidelines that have been the cornerstone of animation since their introduction by Disney animators Frank Thomas and Ollie Johnston in their 1981 book, "The Illusion of Life" These principles are the building blocks of animation, allowing artists to breathe life into characters and create fluid, engaging motion.

Here are the 12 principles, along with explanations for each:

1. Squash and Stretch (Flexibility and Elasticity)

This principle emphasizes the need to give volume and weight to objects and characters by distorting them when they move. It adds a sense of realism and exaggeration to the animation.

2. Anticipation (Preparing for Action)

Before a character makes a significant movement or action, there should be a brief moment where they prepare for it. This helps the audience understand what's about to happen and adds depth to the animation.

3. Staging (Presentation and Clarity)

Staging involves arranging elements in the scene to convey the story clearly. Proper framing, camera angles, and composition guide the viewer's focus to the most important elements.

4. Straight Ahead and Pose to Pose (Two Approaches to Animation)

These are two different methods of animating. Straight ahead involves creating each frame in sequence, while pose to pose focuses on defining key poses and then filling in the gaps. Both methods have their uses, depending on the desired effect.

5. Follow Through and Overlapping Action (Secondary Motion)

Objects and characters should continue moving slightly after their primary action has stopped (follow through) and some parts of the character may move at different rates or in different directions (overlapping action). This adds realism to motion.

6. slow in and out (Easing In and Out)

To make movements look more natural, objects should start and end their actions gradually, with acceleration and deceleration. This principle prevents abrupt and robotic motion.

7. Arcs (Natural Paths of Action)

Most natural movements follow an arcing path rather than straight lines. Animators should ensure that characters and objects move in arcs to mimic real-world physics.

8. Secondary Action (Supporting Actions)

Secondary actions complement the primary action and add depth to the character or scene. These actions can be facial expressions, gestures, or any other movement that enhances the animation.

9. Timing (Pacing and Rhythm)

Timing is crucial to establish the mood and rhythm of the animation. It determines how fast or slow actions occur and can evoke different emotions in the audience.

10. Exaggeration (Accentuating Reality)

Exaggeration is used to amplify the actions and emotions of characters, making them more expressive and engaging. However, it should be used judiciously to maintain believability.

11. Solid Drawing (Three-Dimensional Forms)

Animators must understand the principles of traditional drawing, including anatomy, perspective, and form, to create characters and objects that appear three-dimensional and solid in a 2D space.

12. Appeal (Attractiveness and Personality)

Appeal refers to the likability and charisma of characters. It involves designing characters with unique and interesting traits that draw the audience's attention and empathy.

Mastering Animation: 12 Essential Principles Explained These principles serve as a foundation for animators to craft compelling stories and characters.

While they were developed in the realm of traditional hand-drawn animation, they continue to be relevant in today's digital animation techniques.

Aspiring animators and seasoned professionals alike still rely on these principles to captivate audiences and breathe life into their creations, reminding us that the magic of animation lies in its ability to make the impossible seem real.

As i conclude this journey through the intricate world of animation, extend our heartfelt gratitude to each reader.

Thank You for Reading ♥

Follow Motion Pandey for more such as amazing animation tips and tricks content

[k00288191]

Preview Comparison - wip

25/04/2023

Group: @k00280496 @k00284145, @k00288409,@k00284075

Still a work in progress, I need to do the colour grading and light to dark adjustments (and to learn how to do those), but I'm happy with how it's looking so far.

[do-you-have-a-flag]

been getting real into powerpoint lately

[reallycreative]

Animating with Fun and Ease: How to Use Canva Animation Wiggle for Playf...

[cactoosee]

Hey Everyone

I stumbled upon something truly amazing recently, and I couldn't wait to share it with all of you. Are you ready for it? Brace yourselves because Fiverr Learn is an absolute game-changer when it comes to online learning! 🌟

Let me break it down for you. Fiverr Learn is not just your ordinary learning platform; it's a hidden gem that offers a whole new world of possibilities. Here's why I'm completely smitten with Fiverr Learn:

Expertise Galore: The courses on Fiverr Learn are taught by industry experts who have walked the walk and achieved remarkable success in their fields. Their knowledge is unparalleled, and you get the chance to tap into their wisdom firsthand. Talk about learning from the best!

Freelancing and Entrepreneurship Focus: Fiverr Learn is laser-focused on helping you excel in the world of freelancing and entrepreneurship. The courses are tailored to equip you with the skills and strategies needed to thrive in the online marketplace. It's like having a secret weapon in your arsenal.

Credibility Boost: One of the coolest things about Fiverr Learn is that they provide certifications upon course completion. These certifications are highly regarded within the Fiverr community, instantly boosting your credibility as a freelancer or service provider. It's like waving a magic wand that attracts clients and exciting projects your way.

Integration with Fiverr Marketplace: Here's where the magic truly happens. Fiverr Learn seamlessly integrates with the Fiverr Marketplace, making it super easy to put your newfound skills to work. You can showcase your expertise, connect with clients from around the world, and start earning money doing what you love. It's a win-win situation, my friends!

Supportive Community: Last but certainly not least, Fiverr Learn comes with a vibrant and supportive community of like-minded individuals. You'll be part of a fantastic network of freelancers and entrepreneurs, where you can share experiences, gain insights, and cheer each other on. It's a family that's got your back.

So, if you're ready to level up your learning game, I highly recommend diving into Fiverr Learn. It's an incredible platform that offers a unique blend of expertise, credibility, integration, and community. Trust me, once you experience it, there's no turning back.

Ready to embark on this exciting journey? Head over to Fiverr Learn and unlock a world of learning opportunities!

Keep shining bright, my friends! ✨

Cactoosee

[jitterbugbear]

Heyy

Is learning motion graphics hard?

Hmm I'd say it's as difficult to start learning as any other type of animation or video editing, but once you learn how to navigate in After Effects it gets easy! AE can look intimidating at first but I promise you, it'll be your best friend once you have the basics down. AND there are so many resources for learning on youtube & online forums etc 🌱

[confusedananass]

(instagram)

Tutorial in After Effects under the cut.

• Create a new composition and call it Split.

• Write your text, pre-comp it, call it Text or whatever you want.

• Create a mask from the center to one side (top/bottom), change anchor point to the top.

• Bring down Scale property and unlink it, keyframe the text to go from 100% to 0% in 1s towards the anchor point.

• Cut the layer at the end.

• Duplicate pre-comp.

• Select the bottom one, click M to bring down mask properties, invert the mask and move anchor point to the bottom (so the text scales to the bottom).

• Duplicate Text pre-comp one more time. Select it, press M and delete the mask, move anchor point to the center. Create new keyframes to scale it from 0 to 100 in 1s (properties unlinked). Select both keyframes and delay it by 1 frame. It makes the text look like it’s scaling from the center.

• Change bottom and top text color by adding Fill effect to the pre-comp.

• Easy ease all keyframes.

• Select all pre-comps and duplicate them, put them at the top and put them at the back to extend your animation (or arrange in your preferred order if you’re doing a phrase like me). So far it should look something like this:

• Create new comp Wave of 10s, add your Split comp.

• Create new Solid layer, call it Map, add Gradient Ramp effect, make white at the left, black at the right and hide the layer.

• Select Split pre-comp, Right-click → Time → Enable Time Remapping and extend the layer to the end.

• Add loopOut() expression to Time Remap.

• On Split pre-comp add the effect Time Displacement, on Time Displacement Layer select your Solid layer (Map), and on Source select Effects & Mask.

• Change Time Resolution (fps) to 250-300.

• Add Fast Box Blur effect, change Blur Radius to 0.5.

• To bring back the sharpness add Curves effect, change the Channel to Alpha and change values (see screenshot).

• Play around with Max Displacement Time [sec] on Time Displacement effect depending on the look you’re going for. I set it to 0.5.

• Now this whole animation is driven by our Solid layer (Map) we created. So if you make any changes to it, the animation changes too. For example, you can change Ramp Shape to Radial on Gradient Ramp effect, and see how it changes your animation.

• I additionally added some texture on the text, used Track Matte and added wiggle(5,500) expression to the Rotation property so texture would be constantly moving. Also added some additional effects to the new Adjustment Layer on top such as Roughen edges, Turbulent Displace, Posterize Time and Noise. Let your freak flag fly - it’s a matter of taste and creativity of what you do with it. Your animation should look something like this:

[vintacha]

for all the artists out there, here are my favorite resources i use to learn!

Files

The Complete Famous Artist Course

Art Books and Resources

Art, Anatomy, and Color Books

PDF Files of Art Books

Internet Archive

YouTube

My YouTube Playlist of Tutorials

How to Draw Facial Features

Drawing and Art Advice

Drawing Lessons

Art Fundamentals

Anatomy of the Human Body

2D Animation

Perspective Drawing

Websites

Pinterest Board for Poses

Another Pinterest Board for Poses

Pinterest Boards for References

Reference Angle

Figurosity

Sketch Daily

Line of Action

Human Anatomy

Animal Photo References

Humanae - Angélica Dass

Fine Art - Jimmy Nelson

Character Design References

CDR's Twitter Account

iamagco's Twitter Account

taco1704's Twitter Account

takuya_kakikata's Twitter Account

EtheringtonBro's Twitter Account

Drawabox

Color Wheel

Color Palette Cinema

Free Images and Pictures

Free Stock Photos

FILMGRAB

Screen Musings

William Nguyen Light Reference Tool

SketchFab - 3D Skeleton Model

Animation References - sakugabooru

Animation References - Bodies in Motion

[motionpandey]

Mastering Trim Paths in After Effects: A Guide to Dynamic Shape Animations

Learn to create dynamic animations with After Effects' Trim Paths feature, perfect for smooth shape reveals and versatile motion graphics.

Animating Trim Paths in After Effects is a powerful technique used to create dynamic and visually appealing animations, especially with vector-based shapes and paths. Trim Paths essentially allows you to animate the start and end points of a shape's path, giving you control over how it reveals or hides over time.

Here's why it's amazing to use:

Controlled Reveals and Hides: Trim Paths enables you to animate the drawing of shapes, making it perfect for creating effects like drawing outlines, revealing text or logos, or creating intricate animations where shapes appear or disappear dynamically.

Versatility: You can use Trim Paths with a wide range of shapes, including basic shapes like circles and rectangles, as well as custom vector shapes created with tools like the Pen Tool. This versatility allows for endless creative possibilities.

Smooth Animations: It provides smooth and precise control over the animation of paths, allowing you to create fluid and seamless transitions between different shapes or states.

Layered Animations: You can apply Trim Paths to individual shape layers or masks within a layer, allowing for complex animations with multiple layers interacting and revealing each other.

Combining Effects: Trim Paths can be combined with other After Effects effects and techniques, such as keyframe animation, expressions, masks, and effects like Stroke and Gradient Ramp, to create even more intricate and unique animations.

With Trim Paths, you can:

Animate Stroke End: This controls the endpoint of the path, allowing you to animate the drawing of a shape from beginning to end or vice versa.

Animate Stroke Start: Similar to End, this controls the starting point of the path, useful for animating shapes to disappear or shrink.

Offset Path Animation: You can animate the offset of the path, creating effects where shapes follow a path or move along a trajectory over time.

Complex Shape Reveals: By combining multiple Trim Paths animations, you can create complex reveals or animations where shapes morph or transform gradually.

Overall, Trim Paths in After Effects is a fundamental tool for animators and motion graphics artists, offering precise control and endless creative possibilities for animating shapes and paths.

Follow me for more exiting tips and animation insights @motionpandey

Thanks for reading ♥