Animation Explained
Animation Explained
  • 70
  • 603 976
Set up a Keyboard Shortcut to Switch Between Illustrator & After Effects
Learn how to set up a keyboard shortcut to quickly switch between Adobe Illustrator and After Effects and vice versa.
I set this up because recently one of my favorite tools for After Effects and Illustrator, Overlord, got updated. In Overlord 2, there’s no longer a button to switch from After Effects to Illustrator or vice versa, but I used that button all the time!
You don’t need to have Overlord for this keyboard shortcut to work, but here’s the link to check it out: battleaxe.co/?ref=animationexplained
Sorry to all Windows users, this tutorial is specific to Macs. Maybe ask ChatGPT how to do it on Windows (that's how I learned how to do this in the first place).
In this video:
0:46 - Set up switch from After Effects to Illustrator
2:42 - Set up switch from Illustrator to After Effects
➡️ Find written instructions here: www.meganfriesth.com/tutorials/switchaeai
➡️ Watch my Skillshare classes with a 1 month free trial here: www.skillshare.com/animationexplained
My website: www.animationexplained.com
Instagram: animationexplained
Pinterest: www.pinterest.com/explanimated/
The link to Overlord 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!
Переглядів: 192

Відео

Anchor Point Issues SOLVED! | After Effects Tutorial
Переглядів 1,7 тис.Місяць тому
Learn how to move the anchor point after you’ve already animated the position of the layer, without messing up the existing animation. Plus, learn how to make it as if a layer has multiple anchor points. This way you can rotate or scale the layer around a different point at different times in the animation. ⬇️ Download the project file of examples from this video: animationexplained.gumroad.com...
Adjust Anchor Points in After Effects - AE Fundamentals
Переглядів 1,8 тис.2 місяці тому
An anchor point is where on the layer all transformations happen from. Knowing how to manipulate anchor points in Adobe After Effects is key to achieving the animation you’re going for. In this video: 0:25 - Tip 0:43 - Move Anchor Point 1:33 - Center Anchor Point 2:06 - Center Anchor Point in New Shape Layers 2:36 - Layer Types and Anchor Points 3:38 - Shape Layers and Anchor Points ➡️ Check ou...
3D Text Split Layer Animation | After Effects Tutorial
Переглядів 1,2 тис.3 місяці тому
Learn how I created a 3D split layer effect on the text animation I created for my class, Animated Typography in Adobe After Effects. ➡️ Learn how I animated in the text in this class: www.meganfriesth.com/class/typography Or, access the class with a 1 month free trial of Skillshare here: skl.sh/2vWCeP2 My website: www.animationexplained.com Instagram: animationexplained Pinterest...
Repeat Keyframes with Loop Expressions in After Effects
Переглядів 1,3 тис.4 місяці тому
If you ever find yourself copying and pasting keyframes over and over to make an animation loop, there’s probably a better way, and that’s to use loop expressions. Learn everything you need to know to start applying loop expressions to your animations, even if you’ve never used expressions before. In this video: 0:43 - Loop Property 1:34 - Loop Type 7:10 - Loop Modifier ⬇️ Download my project f...
How to Loop a Composition in After Effects
Переглядів 3,4 тис.5 місяців тому
Learn how to seamlessly loop a composition (technically a precomp) so that it plays over and over for a longer amount of time. ➡️ Learn how to create looping animated scenes: www.meganfriesth.com/class/looping ➡️ Learn how to create the biking animation: www.meganfriesth.com/class/limber ➡️ Access all my classes with a 1 month free trial of Skillshare: www.skillshare.com/animationexplained
The #1 Thing Motion Designers Should Learn to Level Up
Переглядів 1,1 тис.6 місяців тому
If there’s one thing motion designers should learn to level up their animations, it would be the principles of animation. The principles of animation are key to taking a static illustration or graphic and bringing it to life. In this video: 1. Slow In & Out - 0:44 2. Staging - 1:05 3. Arcs - 1:39 4. Anticipation - 2:41 5. Follow Through - 3:31 6. Overlapping Action - 4:06 7. Secondary Action - ...
6 Common Logo Animation Mistakes
Переглядів 1,2 тис.7 місяців тому
This is a bonus video from my class, Bring a Logo to Life: Principles of Animation for Motion Designers. In the class, you’ll learn how to utilize the principles of animation to create the illusion of life while animating a logo. While the class (and this video) focus on Adobe After Effects, the concepts covered are applicable to all types of animation. ➡️ Check out the class: www.meganfriesth....
How to Animate a Logo - Common Techniques in After Effects
Переглядів 6 тис.7 місяців тому
Learn how to animate a logo with these four common techniques in Adobe After Effects! In this video: 0:35 Trim Paths 4:31 Mattes 5:50 Path Animation 7:40 Morphs 8:13 Logo Animation Advice 9:20 Bonus Tip Tool: Overlord: battleaxe.co/?ref=animationexplained - Transfer artwork between Illustrator and After Effects Class: Top 5 Plugins for Efficiency in Adobe After Effects: www.meganfriesth.com/cla...
Bring a Logo to Life: Principles of Animation for Motion Designers
Переглядів 1,5 тис.7 місяців тому
Craft a custom animated logo while learning how to utilize the principles of animation to create the illusion of life. Mastering the principles of animation is pivotal for elevating the quality of your work. No matter the type of animation - 2D, 3D, stop motion, or motion graphics - the goal is to take something static and add motion to make it come alive, and the principles of animation are ke...
Animate an Arrow Along a Path | After Effects Tutorial & Free Preset
Переглядів 2,9 тис.11 місяців тому
In a previous video, I showed you how to animate an arrow on a single layer in Adobe After Effects. Watch the original video first: ua-cam.com/video/P25PrXLUwk8/v-deo.html In this video, I’ll show you how to update the expressions from the original animated arrow so that you can also animate the arrow along a path (by animating the Offset value, under Trim Paths, for the line). ➡️ Download the ...
7 Common Text Animation Mistakes | Adobe After Effects Tutorial
Переглядів 1,7 тис.Рік тому
Whether you’re working on a music lyric video, title cards, lower thirds or anything that involves animating text in Adobe After Effects, you’ll want to avoid these 7 common text animation mistakes. In this video: 0:44 Not Using Text Animators 1:45 Bad Presets 2:21 Too Elaborate 3:16 Illegible for Too Long 3:46 Too Slow 5:28 Too Linear 6:37 Not Leading the Viewer’s Eye ➡️ Learn about different ...
How to Animate Text in Adobe After Effects
Переглядів 7 тис.Рік тому
How to Animate Text in Adobe After Effects
Text Animators: Custom Text Animation in Adobe After Effects
Переглядів 3,4 тис.Рік тому
Text Animators: Custom Text Animation in Adobe After Effects
6 Secret Stroke Tricks in After Effects
Переглядів 7 тис.Рік тому
6 Secret Stroke Tricks in After Effects
7 Tips for Working with Shape Layers in After Effects
Переглядів 1,7 тис.Рік тому
7 Tips for Working with Shape Layers in After Effects
You Need to Understand THIS about Shape Layers in After Effects
Переглядів 13 тис.Рік тому
You Need to Understand THIS about Shape Layers in After Effects
Animate an Arrow on ONE LAYER | After Effects Tutorial & Free Preset
Переглядів 13 тис.Рік тому
Animate an Arrow on ONE LAYER | After Effects Tutorial & Free Preset
Share or Reuse After Effects Project Files
Переглядів 7 тис.Рік тому
Share or Reuse After Effects Project Files
Set Up Color Controllers to Recolor Animations | After Effects Tutorial
Переглядів 4,1 тис.Рік тому
Set Up Color Controllers to Recolor Animations | After Effects Tutorial
9 Secrets to Better Looking Animated GIFs with Small File Sizes
Переглядів 3,8 тис.Рік тому
9 Secrets to Better Looking Animated GIFs with Small File Sizes
3 Ways to Export GIFs from After Effects - AE Fundamentals
Переглядів 75 тис.Рік тому
3 Ways to Export GIFs from After Effects - AE Fundamentals
How to Render Video Files in After Effects - AE Fundamentals
Переглядів 3,4 тис.Рік тому
How to Render Video Files in After Effects - AE Fundamentals
Create & Animate Mattes in After Effects - AE Fundamentals
Переглядів 11 тис.Рік тому
Create & Animate Mattes in After Effects - AE Fundamentals
Create & Animate Masks in After Effects - AE Fundamantals
Переглядів 45 тис.Рік тому
Create & Animate Masks in After Effects - AE Fundamantals
Effects in After Effects - AE Fundamentals
Переглядів 7 тис.Рік тому
Effects in After Effects - AE Fundamentals
Animating Artwork from Adobe Illustrator in After Effects - AE Fundamentals
Переглядів 38 тис.Рік тому
Animating Artwork from Adobe Illustrator in After Effects - AE Fundamentals
Parent Layers & Properties in After Effects - AE Fundamentals
Переглядів 14 тис.Рік тому
Parent Layers & Properties in After Effects - AE Fundamentals
Animate Shape Layers in After Effects - AE Fundamentals
Переглядів 70 тис.Рік тому
Animate Shape Layers in After Effects - AE Fundamentals
Animating Text in After Effects - AE Fundamentals
Переглядів 5 тис.Рік тому
Animating Text in After Effects - AE Fundamentals

КОМЕНТАРІ

  • @nicolaskaulbach7128
    @nicolaskaulbach7128 5 годин тому

    Im 15mins in. Actually I know all of the stuff you said till there but I have to say that your explanation style is very dope and beginner friendly. I am definitely going to watch more of your stuff. Especially because you also show common mistakes!! That's so helpful!

  • @fictitiouscharacter4288
    @fictitiouscharacter4288 2 дні тому

    Thank. You. I saw other people having a similar explanation, but I didn't see anyone addressing the last frame issue, so this is super helpful, thank you

  • @magnuskallas
    @magnuskallas 3 дні тому

    Why am I here? For we have entered the brainddead UI of Adobe.

  • @santiagogalvezfarfan7286
    @santiagogalvezfarfan7286 4 дні тому

    All good importing the ai file to after effects, but when i create shapes from vector layer, the bounding box is big and to fix that i have to delete a "group 1" in the content of the layer... why does that happen??

    • @animation-explained
      @animation-explained 3 дні тому

      That happens when you have a layer that's not 100% opacity or doesn't have the "Normal" blending mode. Annoying, I know!

  • @mmakanlazarus3467
    @mmakanlazarus3467 4 дні тому

    Hi can anyone help me. When i hold down the shift hoping to get a perfect square i get a perfect rectangle instead 😢 same for the ellipse tool i get a perfect oval. What could be the issue

    • @animation-explained
      @animation-explained 3 дні тому

      Here are a couple ideas of what could be going on: In Composition Settings, make sure that Pixel Aspect Ratio is set to Square Pixels. Are you adding a shape to an existing layer that is already scaled? Hope this helps!

    • @mmakanlazarus3467
      @mmakanlazarus3467 3 дні тому

      @@animation-explained I'd check this out, and no I'm creating a new shape as a new layer

  • @SeaSandwichCrafts
    @SeaSandwichCrafts 4 дні тому

    How do I scale the shape inside the mask without scaling the mask itself?

    • @animation-explained
      @animation-explained 3 дні тому

      If you have a mask on a native After Effects shape layer (NOT an image, video, or layer imported from Illustrator), you can scale the shape without scaling the mask. To do this, toggle open the shape layer, under Contents > Shape (like Rectangle, Ellipse, etc.) 1 then under Transform: Shape 1, adjust this scale value. If your mask isn't on a shape layer, there's not a simple way to scale the layer without scaling the mask. It might be better to use Track Mattes which I cover in this video: ua-cam.com/video/UCtM-0Q28cs/v-deo.htmlsi=aubSqO-yPNsRmH0E Hope that helps!

  • @zippagraphics
    @zippagraphics 5 днів тому

    When I import the .ai file, it align>centers each shape in the file to the center of the screen. It also l ayers them alphabetically which is so annoying. What is going on?

    • @animation-explained
      @animation-explained 5 днів тому

      Make sure you have the exact settings that I do at 12:50. So 'Import As: Composition - Retain Layer Sizes' and make sure that 'Force Alphabetical Order' is not checked. Then once the file is imported, from the Project panel, you want to open the composition that it creates for you. It will also create a folder of all the vector layers, but if you drag all of the vector layers from the folder into a composition, they'll all be in the center of the comp. Hope that helps!

  • @Freshms93
    @Freshms93 5 днів тому

    I love you and your tutorials! But I have an important question. I have the latest AE update (Version 24.6) and I can't see the "Overlord" panel! Where can I find it?

    • @animation-explained
      @animation-explained 5 днів тому

      Thanks! Overlord is a paid add-on tool, so if you downloaded and installed it, it would be under Window > Extensions. I'm sorry if that was confusing in the video. Overlord is definitely not necessary to import Illustrator files into After Effects, but I (and a lot of other professional motion designers) use it, so I thought it was worth mentioning in the video.

    • @Freshms93
      @Freshms93 4 дні тому

      @@animation-explained Oh okay :) Thank you for your quick reply! I will surely use it once I get the hang of AE.

  • @uimonk
    @uimonk 9 днів тому

    click and drag is what i was looking for. you made it so easy!

  • @chung99911
    @chung99911 11 днів тому

    I just spent half of the day binging your videos, it's outrageous your vids are not getting thousands of likes. This is the best resources I'd come across for after effects ever, explanations are crystal clear, straightforward and logical. Just wanna say a big THANK YOU!!

  • @brutallyremastered4255
    @brutallyremastered4255 13 днів тому

    That 90's corporate video music...ugh.

    • @animation-explained
      @animation-explained 9 днів тому

      I’m not a music person; I’m a motion designer 🤪 I’m open for suggestions on where to find affordable non-90s corporate music though!

  • @maelysjuttier4576
    @maelysjuttier4576 14 днів тому

    i love you

  • @BrandonBrooksMedia
    @BrandonBrooksMedia 17 днів тому

    Thank you.

  • @gamingdesk9440
    @gamingdesk9440 18 днів тому

    Thanks for the quick and easy video

  • @Aksharavigeesh
    @Aksharavigeesh 21 день тому

    Your videos are actually a loop 😵‍💫

  • @LukaWrenshall
    @LukaWrenshall 21 день тому

    These are incredible tutorials, thank you!

  • @minduka97
    @minduka97 21 день тому

    Thank you so much!

  • @Rosa-ng8uu
    @Rosa-ng8uu 23 дні тому

    Great tutorial!

  • @blizaardy
    @blizaardy 23 дні тому

    Links are missing in options. I have only layer parents. Please help how to get this links inside options.

    • @animation-explained
      @animation-explained 22 дні тому

      In the bottom left corner of the timeline, there are a couple toggle icons. Click through those until you see the Parent & Link options.

    • @blizaardy
      @blizaardy 22 дні тому

      @@animation-explained yep, its just parent. Links are missing. I guess its because 2018 version of ae? 🤔

    • @animation-explained
      @animation-explained 21 день тому

      @@blizaardy That could be it. I know the way that track mattes work has been updated since 2018, but that shouldn't change how parenting works.

  • @themobilegamer7333
    @themobilegamer7333 25 днів тому

    Can i get the complete playlist of this video

    • @animation-explained
      @animation-explained 22 дні тому

      Here's the complete playlist: ua-cam.com/play/PLGfHurvYEHhWWFIii-Mx0sJbylKAM0Dlh.html

  • @shimaaessam70
    @shimaaessam70 27 днів тому

    many thanks💗💗

  • @isa-mr4ub
    @isa-mr4ub 29 днів тому

    5:59 ignore thiiis

  • @vympelr3720
    @vympelr3720 Місяць тому

    Good tutorial step by step👍

  • @dibiguous
    @dibiguous Місяць тому

    Excellent Video!!!

  • @Raevolpe
    @Raevolpe Місяць тому

    Trying os hard to vocal fry that your voice cracks, it's 2x more annoying...

  • @AshleyTosh
    @AshleyTosh Місяць тому

    at 3:00 you say to select the "add" button and select Trim Paths. However, after importing my layers from Illustrator, the only option I see is "Transform". It looks like in your example, there's a star icon next to this layer, whereas mine has the Illustrator icon instead. What am I doing wrong? Thanks in advance!

    • @animation-explained
      @animation-explained Місяць тому

      You need to convert your Illustrator layer into a shape layer. To do that, right click the layer and choose Create > Create Shapes from Vector Layer.

  • @werckie
    @werckie Місяць тому

    Thank you so much! I have trouble exporting through Media Encoder (Dynamic Link error that I am unable to fix), and your method of using Photoshop instead worked very well, plus you have a llot of control over the output size and quality.

  • @AmritSingh-sc7fr
    @AmritSingh-sc7fr Місяць тому

    Thank you for the wonderful tutorial. Teacher, I have a question apart from this tutorial (After Effects). If two circles (fill) with different colours meet together by positioning keyframes and making the third colour it works correctly. If I try with two strokes rather than fill they don't work as with fill? Could you please help me with this?

    • @animation-explained
      @animation-explained Місяць тому

      I’m not sure (I’m not in front of my computer right now). Can you explain a little more about what you’re doing? Are the circles separate shape layers, using track mattes or blending modes? Or are both circles in the same layer, using matte paths?

  • @SyedFurqanAliQadri
    @SyedFurqanAliQadri Місяць тому

    Nice

  • @murkygrail4914
    @murkygrail4914 Місяць тому

    Wow this is the best class ❤️🔥new subscriber here !!!!

  • @ivywalsh66
    @ivywalsh66 Місяць тому

    Thank you for this! Super helpful :)

  • @Anonymous-cn6zl
    @Anonymous-cn6zl Місяць тому

    short and sweet <3 <3 <3

  • @007moleculo
    @007moleculo Місяць тому

    please make a tutorial of how to change dynamically the width of rounded rectangle and keep its left side at the same position because I forget the expressions I used and write it from scratch. in this case I will always refer to your video :)

    • @animation-explained
      @animation-explained Місяць тому

      Great suggestion! I’ll try to make a tutorial about that soon.

  • @TRK-up2zw
    @TRK-up2zw Місяць тому

    Thanks, this is very useful. I use shape layers as track mattes, so all the animations in this video apply to my track mattes (paths).

  • @yumandi2
    @yumandi2 Місяць тому

    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 Місяць тому

      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: ua-cam.com/video/Ns41v75th_I/v-deo.htmlsi=DSKM0uDENkhJ9Wjt Hope that helps and glad to have you as a subscriber! 😀

  • @ahmedfaizan7027
    @ahmedfaizan7027 Місяць тому

    This is the best keyframes video I've seen so far. I've subscribed

  • @ImShadowcap
    @ImShadowcap Місяць тому

    I wasn’t able to find a good tutorial uploaded recently but thankfully I got this as it explained everything perfectly..school of motion had one but was pretty fast paced.. Just one doubt or perhaps suggestion, the preserve transparency option where u made a purple box, maybe if the box was of a different colour it would have made it easier to understand because it got a lot confusing for me what’s the box doing actually… but yeah overall it was a great and a very helpful tutorial. Thanks.

  • @M.Mokhtar.Mansour
    @M.Mokhtar.Mansour Місяць тому

  • @rohitsingh7623
    @rohitsingh7623 Місяць тому

    Cool 🆒

  • @simoharjane7823
    @simoharjane7823 Місяць тому

    Thank you

  • @miauproduction9097
    @miauproduction9097 Місяць тому

    what if i have multiple shapes in one layer but i just need one solid stroke from that shape? is it possible?

    • @animation-explained
      @animation-explained Місяць тому

      There are two ways to add a stroke to all the shapes in one shape layer. On the shape layer in the timeline, toggle it open to find the Add button. Click that and choose Stroke. Then make sure this stroke is below all the shapes within the layer that you want to apply the stroke to. The other way to do this is to right click on the layer, go to Layer Styles, then choose Stroke.

  • @carlos_novais
    @carlos_novais 2 місяці тому

    Excellent tutorials. You make it easy to follow. Great pacing. Thank you!

  • @sowelie1
    @sowelie1 2 місяці тому

    excellent pace, not to fast, not too slow

  • @sulynncho9299
    @sulynncho9299 2 місяці тому

    If you move a layer that has a mask applied to it, it will move the entire layer including the mask. But if you wanted to move the image or whatever's being masked but keep the mask in place use the pan behind tool which is up here or it's also y on the keyboard so you can just slide the image like this.

  • @AjayRavi-dd4zl
    @AjayRavi-dd4zl 2 місяці тому

    Hey, Is there a way to parent same child to multiple parent layers. Please help

    • @animation-explained
      @animation-explained 2 місяці тому

      Unfortunately there’s not an easy way to parent the same child to multiple parent layers. What you can do is cut and duplicate the child layer where you want the parent to change (keyboard shortcut is command/ctrl shift D). Sorry I don’t have a better solution!

  • @curtisrosler7395
    @curtisrosler7395 2 місяці тому

    To be clear on Frames Per Second. 24 is mimicking the mechanical frame rate of a film camera. The whole numbers like 25, 30, 50 and 60 are for streaming. For television 25 FPS and 50 FPS are used in many European countries, we call it PAL. NTSC 29.97 is SD in the US, Canada and Japan, 59.94 is HD. I am a video engineer for SES Satellites and thought I would share some of my knowledge on this. I can't wait to learn more about After Effects! FYI: France and Russia have their own frame rates as well. It is all based on the that countries voltage in their power systems. Ok, I am all done now. haha

  • @lifewalklens8447
    @lifewalklens8447 2 місяці тому

    Thanks a lot

  • @ems951
    @ems951 2 місяці тому

    great video.. learned a lot

  • @CAP2009films
    @CAP2009films 2 місяці тому

    very useful - helped me share some comps with a colleague in another country. thanks

  • @eyadgr
    @eyadgr 2 місяці тому

    EVERYTHING I HAVE BEEN LOOKING FOR IN ONE VIDEO THANK YOU SO MUCH <3