How to make a whiteboard animation in After Effects | FULL TUTORIAL

Sdílet
Vložit
  • čas přidán 5. 09. 2024

Komentáře • 83

  • @megacaviagek
    @megacaviagek Před 2 lety +16

    In all my years as animator I've never thought copying a mask path to an other layer's position would be possible. Nice!

    • @peterfrisenius5562
      @peterfrisenius5562 Před rokem

      Mindblowing, how complex it is. No matter how long you work with CC, everytime there is something new to learn. I like how simple and effektive this Tutorial is. Helped me out :)

  • @chadauthier267
    @chadauthier267 Před 3 lety +10

    One issue I encountered that wasn't covered was closed paths. When creating the path (CTR+J), if you have closed paths in the mix, they won't be attached, so you need to break them apart. Otherwise, when you import the path, you'll have multiple masks vs just one. So I used the cut tool (C) and clicked on a point on the path to break it apart. I did that for each closed path until I was left with only one path. Then it worked great!

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety +1

      Good catch!

    • @Arin-droid
      @Arin-droid Před 3 lety +1

      How to solve this issue?

    • @zipdemons4975
      @zipdemons4975 Před 3 lety

      tell us more how you handled it ?

    • @chadauthier267
      @chadauthier267 Před 3 lety +2

      @@zipdemons4975 Basically, when you have, let's say 5 separate closed paths that you want to combine. You have to be sure that you use the cut tool on each path. Once you try to join them (CTR + J), they should all become one path, if not, just do the process again until they are. Hope that's clear. :)

    • @zipdemons4975
      @zipdemons4975 Před 3 lety

      @@chadauthier267 i have tried a lot with a TEXT to make the separated words to one path but every time i fail can you please make an example VIDEO for this please, thanks an advance

  • @xxxxxx-bc4xc
    @xxxxxx-bc4xc Před 3 lety +10

    This is one of the best tutorials I have seen! Great! Why can't all tutorials be as good as this one?

  • @tomscaria1594
    @tomscaria1594 Před 3 lety +1

    Really liked your voice, the 'you did it wrong list' segment was really unique and clever. Great Work you guys !!

  • @OneLuckyWorldCitizen
    @OneLuckyWorldCitizen Před 3 lety +5

    Thank you so much for sharing the possible problems in the end, these are greatly helpful!

  • @fattmoleyTv
    @fattmoleyTv Před 7 dny

    thanks. great video. How do you adjust the speed of the reveal and have the hand track to it. When I switch keyframes to easy ease and change the tangent the hand stay linear. When I copy the new keyframes over...it stays linear.

  • @sunnie005
    @sunnie005 Před 3 lety +4

    Smoothy explained, I love it!

  • @turkishzandana5650
    @turkishzandana5650 Před rokem

    omg thank you sooooooo much, that saves me a lot of time. This tutorial deserves more views and likes.

  • @hrudaykulkarni2957
    @hrudaykulkarni2957 Před 3 lety +2

    A lot of dedication into the details man! It's like an overall guide into the subject _||_

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety +2

      I hoped so. Thanks!
      I've literally made thousands doing this very type of video for clients so I hope it serves you well,
      too.

  • @disidentnongrata309
    @disidentnongrata309 Před 2 lety +1

    Amazing tutorial, can't wait to try it out. Cheers

  • @ARStudios2000
    @ARStudios2000 Před 10 měsíci

    When i tried pasting the masked paths onto the arm layer positions, it all just mashed together into a mess. Why did it happen?

  • @beuseful584
    @beuseful584 Před 5 dny

    Can you share the video footage of hand used in video?

  • @Threeleaves_artwork
    @Threeleaves_artwork Před 3 lety +2

    Wow I really needed that ! thank you so much this tutorial is really awesome

  • @asfandyar_ali
    @asfandyar_ali Před 2 lety +1

    Hey mate! Super video can't thank enough. Amazing.. but one question. Why didn't you use "write-on" AE effect instead of "stroke" effect? Cheers.

  • @FlatFact
    @FlatFact Před 3 lety +1

    Great tutorial thanks

  • @teabagNBG
    @teabagNBG Před 2 lety +1

    is there also a way to fill colored areas like this?

  • @chadauthier267
    @chadauthier267 Před 3 lety +2

    Great tutorial! Thank you! :)

  • @dmitrykirsanov9580
    @dmitrykirsanov9580 Před rokem

    Hey, thanks for tutorial I have noob question
    Some of my paths don't want to join each other (ctrl + j)
    the selected objects can't be joined as they are invalid objects (Compound paths, text objects, graphs, live paint group)
    But what I have, it just simple vector grapfic of eye: 3 closred ellipses (eyelid, cornea and pupil)
    thanks in advance

  • @AngusYouTuber
    @AngusYouTuber Před 2 lety

    Thanks 🙏 Wonderful Sharing!

  • @evanadlington1708
    @evanadlington1708 Před 3 lety +1

    Good stuff. Thanks for this!

  • @Metalud0
    @Metalud0 Před 3 lety

    Have you tried linking the hand video with the start value of the stroke effect with an expression? This way you could pile your stroke layers in illustrator in the same position and then never worry about syncing keyframes and realign the layers trough AE.

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety

      Interesting, I think I understand the concept you are proposing. I’ll need to try something out and see if a V2 of this tutorial is needed.

  • @EnglishLeaflet
    @EnglishLeaflet Před rokem

    Helpful Tutorial

  • @Mona-Othman
    @Mona-Othman Před 3 měsíci

    very good job 👍

  • @dominicrodriguez7618
    @dominicrodriguez7618 Před 3 lety +2

    Hey Im having a little problem, whenever im trying copy and paste the mask for a specific layer the original layer disappears leaving the transparent mask, can you tell me what the problem is

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety

      Did any of the solutions near the end of the video help?
      Those are the usual answers I have.
      On the other hand, my guess from your text is to make sure you are copying just the mask path and nothing else. Step by step is to expand the mask to reveal the “path” attribute in the mask. Hope that helps.

    • @LanessaMillerStudio
      @LanessaMillerStudio Před 2 měsíci

      mine is doing this too. I can position the strokeless path over the linework, but it does not reveal all of it and the lines are thinner than they should be when revealed. Did you ever figure anything out on this?

  • @قناة.رسم
    @قناة.رسم Před 5 měsíci

    Thank you ❤

  • @variety927
    @variety927 Před rokem

    Could you use Clip Studio Paint to make the illustrations? As long as they are a vector image with layers?

  • @TylersWellness
    @TylersWellness Před 3 lety

    Very great explination

  • @ChristopherGiri
    @ChristopherGiri Před 3 lety

    I'm trying to buy the footage but none of card is getting accepted...but thankyou for the wonderful tutorial...i use auto whiteboard plugin for many previous prj but that wasn't accurate in motion but now onwards i will this technique for the upcoming projects...thankyou soo much sir..love from INDIA

  • @PESDROID2022
    @PESDROID2022 Před 4 měsíci

    My Copying mask path on hand is not coming the same size it's small🙂

    • @marckmonocross
      @marckmonocross Před 4 měsíci

      probably you didn't import your illustrator file as document size.

  • @tiagobasso7740
    @tiagobasso7740 Před 3 lety +2

    Hi, I posted from Illustrator to After Effects using ctrl c + ctrl v but it become more than 1 mask.

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety +1

      I have a problem section in the video where I see and explain that exact thing. Check it out and see if that helps. Let me know if that answers your question.

    • @tiagobasso7740
      @tiagobasso7740 Před 3 lety

      @@TheBackyardFilmmakers A little. I think the brush strokes of my draw are not linked, so they´re separated, and I don´t know how to group them, I press "Ctrl G" but didn´t fix.

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety +1

      Ctrl j to join all the paths

    • @tiagobasso7740
      @tiagobasso7740 Před 3 lety

      @@TheBackyardFilmmakers thanks a lot! Now I fixed! I have to improve my english 😍👌

    • @tiagobasso7740
      @tiagobasso7740 Před 3 lety

      @@TheBackyardFilmmakers in fact, just one more problem: the path is animating from the right to the left, how can I make it start from the left? Thank u.

  • @LanessaMillerStudio
    @LanessaMillerStudio Před 3 měsíci

    Help? All going fine until I go to create my mask. I can't see my paths after I try to copy and paste them from Illustrator into AfterEffects! I change the background color in AE. I go back to Illustrator and select my joined paths with no stroke or fill color, Ctrl+C, go back to AE, click on the correct layer(I only have one), hit Ctrl+V, but no paths appear. The light grey highlighted layer name turns darker grey when I paste and when I ctrl+Z, the dark grey goes back to light grey. It takes another Ctrl+Z to undo the background color change, so I know something happened when I tried to paste. Why can't I see or select my path and nodes after pasting??

    • @LanessaMillerStudio
      @LanessaMillerStudio Před 3 měsíci

      ok, somehow I got my masks to appear after I messed around with the pen tool, moved the original line drawing around, and when the original selected layer has a centerpoint showing and edge of screen boundaries showing, the mask appears when I paste.

    • @LanessaMillerStudio
      @LanessaMillerStudio Před 3 měsíci

      ok, I had to double-click the layer to fully select it, you can tell I just started AE. I just wanted to make a whiteboard video & Doodly is too limited

  • @SaifulIslamm
    @SaifulIslamm Před 3 lety +1

    Friend. i am having a problem. When i tried to copy the mask and to paste on hand. the mask size became bigger than the actual mask of outline. How can i solve this??

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety

      Make sure the dimensions of the Illustrator artboard is the same size as the composition. Also make sure the scale of the layer is 100. If it’s too big for the comp you’ll need to revise that artwork. Do not change the scale of the artwork layer.

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety

      Let me know if that works for you

  • @cyklzycia8814
    @cyklzycia8814 Před rokem

    Hey ! i dont het it as much with this shadow on hand..... ?

  • @josephprior312
    @josephprior312 Před 2 lety

    Do you know where I can find a hand video like the one you've used?

  • @maximmakarenko9967
    @maximmakarenko9967 Před 2 lety

    Thank you

  • @agusms4261
    @agusms4261 Před 3 lety

    I also made an animated whiteboard for my channel. It turns out that it's easy, it's difficult to place the transition and the position of the view

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety

      I like After Effects more than Videoscribe. And yes I’ve used videoscribe about 10 years ago. I created this solution because I was sick of the lines and artwork not matching the hand movement in videoscribe.
      When you can upgrade to After Effects you’ll have more control and the animation looks a lot better in after effects. Let us know once you have a video using this method.

  • @jorgenicolasgonzalez419

    Is there no plugin yet to make that faster?

  • @AtharPhysics
    @AtharPhysics Před 3 lety

    when I add the mask layer from illustrator to AE, the original layer disappears.

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety

      I solved some possible problems you may have at the end of the video. Make sure the path has no color, or fx associated with the path when you go to copy and paste.

  • @gauravuniyal2218
    @gauravuniyal2218 Před 3 lety +1

    Hey sir. Good morning.. May you plz make a whiteboard video for me...plz.. i need that for my college project..its just a 1 min wb video. May u plz ?

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety +1

      I would love to help! Your college project sounds timely. I couldn't send you anything within this month if that's when you need it.

    • @gauravuniyal2218
      @gauravuniyal2218 Před 3 lety

      @@TheBackyardFilmmakers thanks for the reply❤️❤️...😄...I need that project in 2 days 😨😨😰

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 3 lety +2

      Dag gum. Catch ya on the next project then.

  • @GabSalvatore
    @GabSalvatore Před 5 měsíci

    Woooooooow

  • @ANIIMATIONWORLD
    @ANIIMATIONWORLD Před rokem

    Please introduce a free site to download all kinds of manual videos that are being designed!؟؟؟؟

  • @mohammadmoontasir7246
    @mohammadmoontasir7246 Před 7 měsíci

    I THINK WE NEED A EASIER SOLUTION. FIND US ONE KING.

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  Před 6 měsíci

      I think AI is going to be doing it for you really soon, can't tell if I love that or hate that :).

  • @karlismymiddlename
    @karlismymiddlename Před 3 lety +1

    First!