Тёмный

Animating Artwork from Adobe Illustrator in After Effects - AE Fundamentals 

Animation Explained
Подписаться 10 тыс.
Просмотров 36 тыс.
50% 1

The ability to animate artwork from Adobe Illustrator is key to creating beautifully designed animations. This lesson of the After Effects Fundamentals series, covers the ins and outs of preparing your Illustrator artwork, and then importing, making changes, and animating it in After Effects.
In this video:
0:36 Prepare Illustrator Artwork
9:57 Save Illustrator File
10:29 Import Illustrator File into After Effects
13:49 Animate Illustrator Layers
16:23 Making Changes to AI Artwork
21:24 Convert to Shape Layer
23:07 Overlord
➡️ Check out the visual notes that accompany this video to help you quickly remember how to do something in After Effects: www.meganfriesth.com/AEfundam...
➡️ Learn more about illustrating artwork in Adobe Illustrator and animating it in After Effects in my class, Create then Animate: www.meganfriesth.com/class/cr...
➡️ The Overlord After Effects extension I talk about at 23:07: battleaxe.co/?ref=animationex...
My website: www.animationexplained.com
Instagram: / animationexplained
Pinterest: / explanimated
Get a 1 month free trial of Skillshare: www.skillshare.com/animatione...
The Overlord link is an affiliate link. I get a small cut of the sale at no additional cost to you. This helps me create more content for you. I promise that I would still recommend Overlord even if I didn’t make a penny; it’s a tool I use myself!

Опубликовано:

 

27 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@emilywiputri
@emilywiputri 4 месяца назад
Thank you for pointing out common mistakes before doing it the right way. I was really confused that I didn't even know where to begin my questions, but now it's all clear. I think you're a really great tutor who's not only skilled, but also empathetic & understanding of their students.
@animation-explained
@animation-explained 4 месяца назад
Thank you! I appreciate that ☺
@felisabenito1858
@felisabenito1858 10 месяцев назад
I am only 10 minutes into the video and it has been the MOST helpful explanation to a whole set of other videos to include the Adobe ones. Thank youuuuuu and now, I will continue watching. ...SO helpful!!!
@animation-explained
@animation-explained 10 месяцев назад
Thank you! That’s great to hear 😊
@dis_appointed8626
@dis_appointed8626 Год назад
you have an amazing way of explaining things. the wrong examples helps understand exactly where we are going wrong. one of the best tutorials i have ever seen ❤
@animation-explained
@animation-explained Год назад
Thank you! 😀
@brianmanfra8864
@brianmanfra8864 7 месяцев назад
I will definitely check out your other videos!! The instructions you give are perfect, not too much detail, but not too little so your not lost. I find most video are too fast and don't explain enough or go into so much detail I loose interest and move on. Thanks!
@animation-explained
@animation-explained 7 месяцев назад
Thanks! I'm happy to hear that!
@cardplacedesigns
@cardplacedesigns Месяц назад
So systematic ✅5 minutes into the video and I wanna say thank you❤. Sincerely, a video editor from Kenya
@animation-explained
@animation-explained Месяц назад
Glad you found it helpful!
@rdesignstudio153
@rdesignstudio153 Год назад
You have explained each thing very properly.. Thanks
@lawrencelwy
@lawrencelwy 9 месяцев назад
i like the way you explain plus occasionally previewing the finished product, with the animation, of course:) reminding me what the actual finished product is really like. Thanks..and i like your smile too!
@animation-explained
@animation-explained 9 месяцев назад
Thanks!
@cristopheraraujo9138
@cristopheraraujo9138 2 месяца назад
Hi, I'm a Brazilian editor and this video helped me a lot, thank you 🧠🙏
@animation-explained
@animation-explained 2 месяца назад
Glad it helped!
@Leegitisduy
@Leegitisduy Год назад
Thank you for posting this! Even though I’ve been using AE for awhile, I even bought Overlord to work back and forth between Ai and AE. I’m so glad I stumbled upon your channel, you help me understand how AE better.
@animation-explained
@animation-explained Год назад
That’s great to hear! I’m glad you found this helpful 😀
@dancu9271
@dancu9271 2 месяца назад
a lot of thanks for making and sharin your video!!
@animation-explained
@animation-explained 2 месяца назад
You’re welcome!
@alializadeh8195
@alializadeh8195 2 месяца назад
Thanx
@sidduroy9150
@sidduroy9150 7 месяцев назад
such a cool tutorial, the voice is smoothing like a butter with extra cheese
@nbptaras9773
@nbptaras9773 11 месяцев назад
Thanks so much for revealing this workflow! Very informative and simple. And its just crazy how AI and AE are not working back and forth correctly and intuitive. Adobe has something to do with it.
@naveensharma5816
@naveensharma5816 5 месяцев назад
this video is what i was looking for, complete step by step approach. Great work :)
@animation-explained
@animation-explained 5 месяцев назад
Thank you 😀
@brucecolgate
@brucecolgate 8 месяцев назад
Fabulously done! This has saved me hours of work. Thank you so much!!
@animation-explained
@animation-explained 8 месяцев назад
Glad to hear it! 😀
@prod07forgot
@prod07forgot 3 месяца назад
Thank you !
@eyadgr
@eyadgr Месяц назад
EVERYTHING I HAVE BEEN LOOKING FOR IN ONE VIDEO THANK YOU SO MUCH
@animation-explained
@animation-explained Месяц назад
Yay! I’m glad you found it helpful!
@funkybec
@funkybec 11 месяцев назад
Great video, you explain things beautifully. thanks for creating this content for all us noobs out there :)
@RenatoStupar
@RenatoStupar Год назад
Great tutorial! Really nice explaining. Thanks a lot! :)
@animation-explained
@animation-explained Год назад
That’s so good to hear! Thanks!
@yankelovich
@yankelovich 11 месяцев назад
Thanks!!
@ems951
@ems951 Месяц назад
great video.. learned a lot
@charleyabrams8713
@charleyabrams8713 11 месяцев назад
Your tutorials are amazing!
@animation-explained
@animation-explained 11 месяцев назад
Thank you!
@DjFinestWorldWide
@DjFinestWorldWide 4 месяца назад
Thank you.
@TomGregoryTech
@TomGregoryTech 11 месяцев назад
Really good explanation. My goal is to create a diagram in Illustrator and animate paths etc. in After Effects. This video has given me confidence to have a go now.
@animation-explained
@animation-explained 11 месяцев назад
Thanks, that's great to hear! Good luck with your project!
@Hangout-HQ
@Hangout-HQ 9 месяцев назад
You are the best!
@_maverick_2000
@_maverick_2000 6 месяцев назад
the way of explanation is awsm🔥
@animation-explained
@animation-explained 5 месяцев назад
Thank you!
@zubairkhalid685
@zubairkhalid685 11 месяцев назад
Wonderfully explained. Surprised that these videos don't have enough views/likes.
@animation-explained
@animation-explained 11 месяцев назад
Thanks!
@I_am_ARTBOT
@I_am_ARTBOT 6 месяцев назад
This is incredibly helpful. Thanks for posting! Blows my mind that Illustrator and AE work so poorly with each other.
@animation-explained
@animation-explained 6 месяцев назад
Glad it was helpful! Yeah, you’d think something like Overlord would be built into Illustrator and After Effects by now!
@zoned3mon838
@zoned3mon838 6 месяцев назад
Thank you Megan ,This was Awesome ,The best After effects course on YT🙏🙏🙏
@timothyclementouma995
@timothyclementouma995 8 месяцев назад
LIFESAVER 😢😊
@ivianaaa7
@ivianaaa7 3 месяца назад
Hello! I’m really glad I found your videos!!! ❤️ I love it! Is it possible to do the same video but for preparing a character for animation on AI to AE..with the rounds on every single joints..Probably I am talking about the Rigging preparation. Thanks a lot in advance! 🙈🙈❤️
@animation-explained
@animation-explained 3 месяца назад
Yes, great suggestion! That's definitely on my list of tutorials to make.
@mbpbm
@mbpbm 11 месяцев назад
Thank you. I wish my trainer had taught this. I wouldn't have wasted time on my project. I eventually found out, my mistake, but wasted too much time.
@animation-explained
@animation-explained 11 месяцев назад
Glad this helped!
@junreyquita367
@junreyquita367 Год назад
this is very helpful. continue sharing your amazing and helpful videos. 💪
@animation-explained
@animation-explained Год назад
Thanks! 😀
@junreyquita367
@junreyquita367 Год назад
@@animation-explained you're welcome. 👌
@animation-explained
@animation-explained Год назад
@Key Designer sorry, I don't actually share this file anywhere because I think it would be better practice to create your own artwork in Illustrator, even if you just create something with basic shapes.
@AidanJoyce
@AidanJoyce 10 месяцев назад
Wow, what a really fantasticly clear tutorial of how to do this. Top class, LIKED AND SUBBED. Thank you so much, keep up the great work. Oh, Curiosity, what software tools are you using for you video creation - can you share. Thank you again.
@AidanJoyce
@AidanJoyce 10 месяцев назад
I mean for this youtube video recording.
@animation-explained
@animation-explained 10 месяцев назад
​@@AidanJoyce Thank you! :) I use Screenflow to record my computer screen for the tutorial and do some basic editing within Screenflow. Then, I edit everything together in Premiere Pro (talking head footage, title cards/graphics from After Effects, music, etc.)
@Ayyubzee
@Ayyubzee 3 месяца назад
Hi Megan, Thank you for these informative videos. My issue is, after importing a file from illustrator, the duration becomes very very short. Please what could be the issue?
@animation-explained
@animation-explained 3 месяца назад
You're welcome 😀 To fix that issue, go to Composition in the top menu bar, then Composition Settings. Change the duration to however long you want the comp to be. Then select all your layers and drag the ends to fill the timeline.
@Ayyubzee
@Ayyubzee 3 месяца назад
@@animation-explained Thanks a lot Megan. I just finished designing my first project using Ai and Ae
@yumandi2
@yumandi2 21 день назад
Hi! Thank you for such a valuable effort here. I've been lately incorporating animation and motion graphics into my offer. I'm having kind of an issue: When designing my compositions with the native shape builder in AE (which allow me to animate more specific properties of each element right from the start) instead of dynamic linking files from AI, I sometimes get pixelated artwork when nesting precomps into bigger compositions and doing camera panning. I've triple checked my camera focal length is matching the layer I want to focus on, as well as having the "continously rasterize" toggle on (which is defaulted to always on btw when I make shapes on AE don't know why). Still don't seem to be able to solve this pixelating issue. SO, (and sorry for the lengthy comment) I thought therin came the relevance of making the artwork first on AI and the importing over to AE, but what would be the point of that if later we're turning those layers into native shapes? I would've thought having those linked to a vector layer back in AI was the only way AE could refer to any vecto information when doing that continous rasterizing. So is that info lost when creating shapes from vector layer in AE? I'm sure I'm probably not approaching this matter the best way, any advice would be truly appreciated. Thank you for this excellent channel, subscriber for life.
@animation-explained
@animation-explained 20 дней назад
Good question and I know you're not the only one that's experienced that issue. Continuous rasterization means that AE will calculate the vectors on every frame so that they are always crisp (ie not blurry/pixelated). Shape layers will always be continuously rasterized since they are vectors. Vector shapes imported from AI can be continuously rasterized by turning on the switch. Shape layers created in AE, vector layers from AI converted to shape layers, and vector layers from AI with continuously rasterize turned on should all act the same way. When any of these 3 types of vector layers are put into a pre-comp, the continuously rasterize switch will need to be turned on for the pre-comp in order for the layers to remain crisp. However, this can complicate things (especially when using cameras) because the continuously rasterize toggle actually has two jobs. The other is "collapse transformations". I wish this weren't the case because it can cause many headaches, but there should be a way to fix the issue you're having. While this isn't my video, I think it explains what you need well: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ns41v75th_I.htmlsi=DSKM0uDENkhJ9Wjt Hope that helps and glad to have you as a subscriber! 😀
@dopbrass5914
@dopbrass5914 4 месяца назад
Hi Megan, your video is really helpful, I'd like to try the overlord plugin but the coupon link doesn't seem to apply any discount, even when I input the "explanimated" coupon code at checkout. Is it still valid by any chance ? many thanks
@animation-explained
@animation-explained 4 месяца назад
Unfortunately, my coupon code is no longer valid. Sorry about that!
@AbhishekSharma-hy5hk
@AbhishekSharma-hy5hk 11 месяцев назад
Is there any plugin to create separate layer in AI for AE (because this process take too much time)
@animation-explained
@animation-explained 11 месяцев назад
I don't know of one but maybe someone else does. There is a there's a plugin for AE called Motion 4 (by Mt. Mograph) that will allow you to name multiple layers at once. So if you have a bunch of layers that are all the same thing, and you want to name and number them, for example "line 1", "line 2", "line 3", etc. you can do that easily with Motion 4.
@lulubeloo
@lulubeloo 7 месяцев назад
I have this assignment where I can choose to do frame by frame or vector animation. I love the clean style of vector, but seems like it takes triple the amount of time to animate compared to frame by frame.
@animation-explained
@animation-explained 7 месяцев назад
I think it depends on what you're trying to animate (how complex it is, the frame rate, etc.) and your experience (including how good you are at drawing). For me, it would take much long to animate most things frame by frame!
@lulubeloo
@lulubeloo 7 месяцев назад
@@animation-explained true, it takes me triple the amount because I rarely work with AI and AE, and I'm more familiar with TvPaint and Spine.
@mdshibli1009
@mdshibli1009 Год назад
💗❤️💞💝💖💕💓❤💗💞❤️💝💖💕💓💛🧡
Далее
Effects in After Effects - AE Fundamentals
15:14
Просмотров 6 тыс.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
Animating Icons in Adobe After Effects
15:24
Просмотров 115 тыс.
Make ANYTHING Retro in After Effects
12:30
Просмотров 806 тыс.
5 Tips I Wish I Knew Before I Started Motion Design
4:18
10 Quick After Effects Techniques I LOVE
8:01
Просмотров 658 тыс.