How to Turn Illustrator Designs into Motion Masterpieces
ฝัง
- เผยแพร่เมื่อ 25 มิ.ย. 2024
- 🎁 DOWNLOAD THIS PROJECT FILE & ASSETS FOR FREE! 🎁 som.bz/3w6jiqC
Have you ever wanted to take your awesome Illustrator designs and add a little motion? While the app is amazing for vector-based artwork, and Adobe software works well together, there are a few key steps to bring your files into After Effects.
In this tutorial, freelance artist Emonee LaRussa is going to show you how to take gorgeous vector artwork and add a little motion!
Emonee's TH-cam Channel | / emoneelarussatutorials
~ - ~ - ~ - ~ - ~ - ~ -
🎓INTERACTIVE ONLINE CLASSES 🎓
Illustration for Motion | som.bz/ifm
All Courses | som.bz/2wKsBDu
🧭FREE 10-DAY INTRO COURSE 🧭
The Path to MoGraph | som.bz/2VNHb7D
🚴♀️FOLLOW US FOR MORE LEARNZ 🚴🏾♂️
Website | som.bz/2VMjr3N
Podcast | som.bz/3czNeCP
Facebook | som.bz/3cF3SBh
Twitter | som.bz/2PQfSWF
Instagram | som.bz/2POOJU7
---------------------------------------------------------------------
Partial, Auto-Generated Transcript Below 👇
Emonee LaRussa (00:00): Have you ever wanted to take your awesome illustrator designs and add a little bit emotion to it? Well, today we're going to pull some Disney princess magic and bring these inanimate objects to life.
Emonee LaRussa (00:18): My name is Emonee LaRussa. I make two time Emmy award winning motion, graphics, artists, and director. I predominantly make music visuals for artists like Kanye west big Sean, Lil NAS X, and more. So I'm always making illustrations or empowering illustrators to design the visuals for these scenes. So today I'm going to be showing you some tips and tricks on how I turn illustrator designs. It's a really cool animation in after effects. In this video, you will learn how to analyze and break down a scene to really bring your animation to the next level. Converting illustrator files into easy editable layers and some do's. And don'ts that I've learned before we begin, make sure you download the project files in the description below. So you can follow along. This tutorial is going to be extremely helpful if you're an illustrator that is looking at anime, your designs, or if you're collaborating with another illustrators designs. So let's hop right into step one.
Emonee LaRussa (01:14): For me, this is the most important step when creating an animation that many times is overlooked. I'm a very visual learner. So I always get a pen and paper to just jot down my ideas and how I plan to execute the animation from the design that was created. So the big thing here is learning how to analyze your scene to make it really pop and cohesive. This super awesome, amazing illustration was created by Kevin K H Kim. I've worked with him so many times and he's absolutely a phenomenal worker and he was gracious enough to provide us this illustration as an example. So if you guys end up using this illustration, definitely tag him. He's super awesome. And he deserves all the flowers. He could get my first initial idea when looking at this character is maybe giving him a thumbs up. So I'm going to write it down on my paper.
Emonee LaRussa (02:01): Robot gives thumbs up, but now that I have that down, what does that mean for the scene? If a robot gives the thumbs up, then that must mean that his arm moves. And if his arm moves, then a shoulder must move. And if his shoulder moves and this little character on the shoulder would move to the goal here is to really break down the movement, understanding the cause and effect before you even start animating. There's so many elements to this that could really take this design to the next level. But if we aren't connecting the motions together, it's really not going to look like a cohesive piece. Once I have my character animation written down, I also want to break down the environment. I think environment in animations are so underrated and I've seen so many pieces that could have been taken to the next level.
For the full transcript visit: som.bz/3w6jiqC
In 9:24 actually you CAN add a stroke on top of a stroke. You just need to duplicate the current stroke inside the object and make sure it has a different size and color from the other one to make it visible. That way you dont need to create a secondary path that needs to be linked.
Excellent, Emonee. Your focus on the stuff that matters is great. Thx
The best Tutorial in a while.
Thank you so much, what a joy to watch and learn!
the final result is insanely good!!!
9:20 You can actually do that by adding (Offset paths) - (round join) and put fill as skin color. No duplicating and all on one stroke.
Definitely learned some new tricks. Great energy and vibe. Thank you! :)
Awesome! Emonee 🔥🔥🔥
This is Great. Thank you for sharing.
Great workflow tips!
Amazing Video Content,Thank you, School of Motion!
Thank you Emonee! Great tutorial! 🙂
Thanks I love you guys
Great vid, excited to try this stuff out! Wish I watched this before I did my last project, although thankfully it was simple enough that I was still able to manage without.
excellent process description! ty for sharing.
Awesome tutorial and very helpful 👍
Wow. Thanks a lot :)
wow i am inspired
I appreciate your video Awesome!
0mg ITS EMONEE !!!
I love it! thanks, I cant wait for the next video please
thank you so much for this video
I'll be honest, loved your workflow tips and tricks, really helps. But the tutorial part was hard to follow, since the UI was pretty small, couldn't really track your mouse and follow through to see which tabs to go into, to acess this and that.
Hope this helps c:
nice easy to follow instrutions thnx a bunch! do have fun!
Thankyou very much
i love this video!
Thank you!
I saw the thumbnail and did a double take, congrats Emonee on your SoM collab!
thank you for this, I love you
BRUTALLLLL
This good ✨
good tips and tricks!
THANKYOU GOD BLESS YOU ♥️♥️♥️♥️
Now this is content
definitely looks like thumbs up
This is the perfect video for me right now, I'm getting more into motion graphics and animating illustrator files. Love the channel!
We're so excited to hear that, Justin! We can't wait to see what you create with this tutorial!
where do you get illustrations for animation?
It never occurred to me that you could parent paths! Complete game changer.
Thank you, Hope there will be more videos like this
We got you covered, Dercio!
Holy shit this motivated me for the first time in a year of burnout
Thanks for the tips and tricks, Emonee! How did you animate the person on the skateboard?
I love her! Does she teach any SOM courses?
Dope
❤️❤️❤️
This just might be the video that jump starts my future in motion graphics. I've studied traditional 2D animation but I understand it's becoming less and less relevant, especially in a business marketplace. Thank you for this!!
This is a perfect tutorial!! Awesome
Yes!! Let's do this!
Love the content! Can you do the same with Photoshop?
❤️
That doesn't look like a thumb to me. Great video!
The way you say "Sooperrr Important" is always Sooooper Important.
Huge fan of her NFTs 👏🏽👏🏽👏🏽
small freaking world
Thanks for this tutorial, Emonee! Quick question: When you set the matte on the red pattern (7:35) what did you use to shortcut adding that matte effect to the layer? You set a matte in four less steps than I would I have thought: I would have copied the black stroke layer, set it above the red and turned it into a matte. You were a matte ninja!!
Try Video Copilot FX console. Must have plugin that speeds up workflow.
^^ yes! It’s free on video copilot
Another tip for people struggling like i was - if your strokes keep converting to fill shapes when in AE, make sure they are just the basic brush stroke!
Nicely structured video and well-said do the underneath comments, these save my life!!
Thank you so much! This is information is so helpful
I would put the layer above it in the group👍🏽
Nice one. I m looking for a cartoon animation teacher
Out of curiosity, what file did you save it as?
These are technically the fundamentals, but I've met a lot, if not most motion graphic designers who doesn't even pre-comp, what more organizing layer.
This is super cool! Any chance you could estimate how many work hours all that took from AI file to finished animation?
i guess how long it takes you depends on how much knowledge/skill you have to both programs, and how many shortcuts you are able to take. For example with the robot, I imagine the creator made one shoulder, then pasted it to another side, to avoid creating it twice. Also with skill, some can do this in an estimated 6 hours but someone else it takes 10
If you create shape from the layer, can you still edit the original Illustrator file and have the shape layer update automatically?
No, have to redo all over again.
HOW long did all this take? (motion creation)
what about gradient? gradient doesn't work if I convert to shape layer
Hi Emonee
Great video!
Does Overloard updates the Ai layers in Ae if you save them after in Ai? For instance, you have a L_123 layer in Ai when you imported to Ae and changed it later to L_Arm. Does Ae updates to the new name with Overloard?
Thanks!
No they are not synced. But you have a button in Overlord to export your shapes back to Illustrator (that will keep the naming as well).
@@jeansienkin thanks!
As far as I've been able to tell with using Overlord is that it's a good supplemental script. It won't fix all your problems but it's nice to have around when you need it. Mostly when I need to quickly snag something from Illustrator.
I see your artwork is not cropped in AE, how can I import my AI file to AE without cropping?
its like that how to draw an owl tutorial
Stirring Wheel
I'm sorry, but that thumbs up looks like something completely different lmao
i subscribe for new experience
use moho DA
That's the direction I'm leaning too. People are trying to make AE do what it just isn't all that great at: Animation. The process is incredibly clunky and frustrating.
It's not a robot, it's a mobile suit!
that robot is jackin it. other than that, great job!
Does the thumb have another meaning to it? Lol
JK Great video!
aftereffects is so difficult :(
Hello ma'am, would you please make a more simple easy tutorial? Let's say from a simple illustration like a face. It's hard for me as a beginner to follow these steps. Thank youuu
You have an awesome voice
"Stirring wheel" ??😅🤭
You are so beautiful
I just can't support Adobe products
so verbose.
3:10 step 2
You should definitely spend the money on Overlord, even if you are broke, it saves you so much time instantly, and you can focus on animating rather than waste time stupidly to move and rename layers and sub-layers. It is a valuable advice. If you animate vectors regularly, you make your life miserable by not buying this plugin.
Next time you should work with your own design, the video becomes confusing because of how frequently you trail off to explain how you navigated animating someone else's design choices
Sadly this is a realistic portrayal of what a paid animator will face: working with other people's designs and having to manage the way they made it in Illustrator. I'm in a project right now where this is exactly what I'm dealing with.
Jesus! Why does anyone want to use After Effects? Just watching this video makes my brain hurt. Use ToonBoom or even Adobe Animate. I can’t believe AE won’t even import Illustrator files with layer names intact. You seriously have to go through and rename everything in Adobe’s own app?
Came here for a comment like this. Why are people animating in after effects when Adobe has animate where none of the limitations you mention even are an issue. Plus bones and better tweening for both paths and fills. This video was frustrating
After voice over first time I saw 😕I really 😱scared, shocked you really look like
Cartoon illustration, but knowledge you have is awesome👏👏👏 any how thank you for your 💖tutorial, and my personal request kindly feed yourself with good protein shakes, and food..
Everything was perfect til you plugged in Overlord.
Okay I'm going to be such a fucking hater for this. But I really REALLY dislike Emonee.
All her work is based around someone else's. She gets an idea from someone else's work, then she gets an artist to do the illustrations and then she SOMETIMES mographs it a little bit.
She doesn't illustrate at all and her skills for Mograph are incredibly basic to say the least. It seems like she lifts on top of other people.
The way she starts the video about boasting who she worked with doesnt tell me ANYTHING about her actual skills and frankly I don't give a shit she worked with Kanye.
Get me a tutorial with this dude that made the illustration, he seems incredible and super creative.
I'm sure she's a great art director, but I much rather look at the people she hires than look at her work to be honest.
Dave Arcade’s art is better
Thank you !