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

Поділитися
Вставка
  • Опубліковано 16 жов 2024

КОМЕНТАРІ • 83

  • @megacaviagek
    @megacaviagek 2 роки тому +17

    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 Рік тому

      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 :)

  • @xxxxxx-bc4xc
    @xxxxxx-bc4xc 4 роки тому +10

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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  4 роки тому

      Thanks!

    • @shubhamjain878
      @shubhamjain878 3 роки тому +2

      This is so complicated

    • @shubhamjain878
      @shubhamjain878 3 роки тому +1

      For 1 image u r taking 20 mins when u will create a whole story

    • @exogendesign4582
      @exogendesign4582 Рік тому

      @@shubhamjain878 It's complicated if you're starting out, but keep rewatching the clip until it sink in.

  • @chadauthier267
    @chadauthier267 3 роки тому +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  3 роки тому +1

      Good catch!

    • @Arin-droid
      @Arin-droid 3 роки тому +1

      How to solve this issue?

    • @zipdemons4975
      @zipdemons4975 3 роки тому

      tell us more how you handled it ?

    • @chadauthier267
      @chadauthier267 3 роки тому +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 3 роки тому

      @@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

  • @tomscaria1594
    @tomscaria1594 3 роки тому +1

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

  • @OneLuckyWorldCitizen
    @OneLuckyWorldCitizen 3 роки тому +5

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

  • @turkishzandana5650
    @turkishzandana5650 2 роки тому

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

  • @disidentnongrata309
    @disidentnongrata309 2 роки тому +1

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

  • @sunnie005
    @sunnie005 4 роки тому +4

    Smoothy explained, I love it!

  • @hrudaykulkarni2957
    @hrudaykulkarni2957 3 роки тому +2

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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  3 роки тому +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.

  • @Threeleaves_artwork
    @Threeleaves_artwork 4 роки тому +2

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

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

    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.

  • @asfandyar_ali
    @asfandyar_ali 2 роки тому +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 3 роки тому +1

    Great tutorial thanks

  • @chadauthier267
    @chadauthier267 3 роки тому +2

    Great tutorial! Thank you! :)

  • @SaifulIslamm
    @SaifulIslamm 3 роки тому +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  3 роки тому

      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  3 роки тому

      Let me know if that works for you

  • @evanadlington1708
    @evanadlington1708 3 роки тому +1

    Good stuff. Thanks for this!

  • @dominicrodriguez7618
    @dominicrodriguez7618 3 роки тому +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  3 роки тому

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

      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?

  • @EnglishLeaflet
    @EnglishLeaflet Рік тому

    Helpful Tutorial

  • @teabagNBG
    @teabagNBG 2 роки тому +1

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

  • @AngusYouTuber
    @AngusYouTuber 3 роки тому

    Thanks 🙏 Wonderful Sharing!

  • @ARStudios2000
    @ARStudios2000 11 місяців тому

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

  • @dmitrykirsanov9580
    @dmitrykirsanov9580 Рік тому

    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

  • @variety927
    @variety927 Рік тому

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

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

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

  • @ChristopherGiri
    @ChristopherGiri 3 роки тому

    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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  3 роки тому

      Sorry it didn’t work. But glad the technique was useful! Keep creating.

  • @Mona-Othman
    @Mona-Othman 5 місяців тому

    very good job 👍

  • @Metalud0
    @Metalud0 3 роки тому

    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  3 роки тому

      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.

  • @josephprior312
    @josephprior312 2 роки тому

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

  • @قناة.رسم
    @قناة.رسم 6 місяців тому

    Thank you ❤

  • @jorgenicolasgonzalez419
    @jorgenicolasgonzalez419 Рік тому

    Is there no plugin yet to make that faster?

  • @LanessaMillerStudio
    @LanessaMillerStudio 4 місяці тому

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

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

      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

  • @TylersWellness
    @TylersWellness 3 роки тому

    Very great explination

  • @cyklzycia8814
    @cyklzycia8814 Рік тому

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

  • @agusms4261
    @agusms4261 3 роки тому

    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  3 роки тому

      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.

  • @tiagobasso7740
    @tiagobasso7740 3 роки тому +2

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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  3 роки тому +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 3 роки тому

      @@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  3 роки тому +1

      Ctrl j to join all the paths

    • @tiagobasso7740
      @tiagobasso7740 3 роки тому

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

    • @tiagobasso7740
      @tiagobasso7740 3 роки тому

      @@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.

  • @maximmakarenko9967
    @maximmakarenko9967 2 роки тому

    Thank you

  • @PESDROID2022
    @PESDROID2022 5 місяців тому

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

    • @marckmonocross
      @marckmonocross 5 місяців тому

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

  • @gauravuniyal2218
    @gauravuniyal2218 3 роки тому +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  3 роки тому +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 3 роки тому

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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  3 роки тому +2

      Dag gum. Catch ya on the next project then.

  • @AtharPhysics
    @AtharPhysics 3 роки тому

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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  3 роки тому

      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.

  • @GabSalvatore
    @GabSalvatore 6 місяців тому

    Woooooooow

  • @ANIIMATIONWORLD
    @ANIIMATIONWORLD Рік тому

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

  • @mohammadmoontasir7246
    @mohammadmoontasir7246 8 місяців тому

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

    • @TheBackyardFilmmakers
      @TheBackyardFilmmakers  8 місяців тому

      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 4 роки тому +1

    First!