4 steps to animate your photos in after effects - 2.5D parallax animations

Поділитися
Вставка
  • Опубліковано 31 лип 2024
  • ☕ if you're up to it, you can send me a tip to help support my coffee addiction on kofi
    ☕ ko-fi.com/academyofedits
    today we'll break down the process of animating photos in after effects into 4 main steps.
    Transforms, Distortions, Puppet Warping, and Enhancers.
    The first step to animate your photos or portraits is usually the most important. In order to really get a convincing effect, we need to separate the layers of your photo into a foreground, middleground, and background (the more layers the better though!) The reason this is so important is because by separating the layers of the photo, we can space them out in z space so that when we move a camera through the scene, we get parallax, which sells the illusion of real depth to our scene. Our new camera motion is going to reveal the original foreground and middleground layers that are in our background so we have to deal with that using the clone stamp tool in after effects and paint them out! (If you have photoshop you'll have a much easier time of it though)
    After that we tackle distortions. The point of this step is to introduce subtle changes or morphs to our photo to make it feel less static and more alive. There are a lot of distortion effects that we can use to pull this off. Liquify is a go-to for distorting facial features, but there are also loads of others like the mesh warp, turbulent displace and wave warp to name a few.
    Next we get started with the puppet warp tool so that we can animate/distort parts of our photo with more control. The puppet warp lets us keyframe each pin we place which gives us more control than most other distortion effects. This is usually used to move limbs or the body of people in our photo that we want to animate.
    The last step is for all the extra little touches we can add to make our photo feel more alive, like adding camera shake, particle effects to simulate snow or rain, lens flares, and other stuff like that.
    Following those 4 steps, you can get some really nice results and turn your photos into some nice crispy animated content! And that's how to make an animated photo in after effects! Making a cinemagraph in after effects is really easy to do, but the more time you put into it the cooler it'll look! I hope I was able to teach you how to animate a still photo in after effects (also known as the parallax effect). Also you're probably wondering why I'm writing so weird but it's to get some good ol search terms in the description haha
    my microphone
    amzn.to/3BllGfV (affiliate link)
    socials
    / academyofedits
    / theacademyofedits
    timestamps
    0:00 - Intro
    0:45 - Step 1: Transforms
    5:23 - Step 2: Distortions
    8:47 - Step 3: Puppet Warp
    11:53 - Step 4: Enhancers
    tags-
    after effects animate photo, adobe after effects, after effects tutorial, after effects, animate a photo, parallax effect, parallax, how to parallax effect, how to animate photos, cinemagraph, cinemagraph tutorial, how to make a cinemagraph, create a cinemagraph, cinemagraph photoshop, cinemagraphs, photo animation, puppet pin tool, motion graphics, animate still photos, 2d to 3d, animate photos

КОМЕНТАРІ • 97

  • @shakuusu
    @shakuusu 3 роки тому +13

    Its crime that someone would dislike this.

  • @RG-qw1og
    @RG-qw1og Рік тому +4

    Not only is the tutorial fantastic, the creator is witty and funny.
    Loved it!

  • @mohamadgamal
    @mohamadgamal Рік тому +3

    The most thing i respecting you for it, you choose complicated objects to get tutorials more depth and real Knowledge not just tutorials and steps, you're different thank you for that

  • @margobachi1317
    @margobachi1317 4 роки тому +20

    Very clear and detailed, finally a reason why i should be using AE again.

  • @MudbloodWizard
    @MudbloodWizard 3 роки тому +25

    This is so amazing, you are definitely a very talented tutor.

  • @lumetriflow1892
    @lumetriflow1892 3 роки тому +9

    I find this tutorial easy as compared to others that I've watched.

  • @aaronugede
    @aaronugede Місяць тому +1

    So much packed into this short video. Wow!

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

    Top work, subbed after the first video I watched on your channel (this is the 3rd or 4th I've watched). Thanks for your efforts, know that they're properly appreciated. Growth will come, I have no doubt -- considering the quality these are

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

    Thanks a lot man, this should be a benchmark for tutorials. Clear, concise, effective. I'll definitely be checking out your other videos.

  • @nadrenders4149
    @nadrenders4149 12 днів тому

    Man I appreciate this tutorial a LOT

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

    The most amazingly executed tutorial, thank you man!

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

    Super great tutorial. Love the breakdown of the 4 types of effects. Well done.Will def check out some more.

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

    Yeah, man. Good stuff! I like the 'hidden track' at the end. Subbed!

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

    That's insane man! So helpful tips. Thank you!🙌

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

    your vids are highly underrated! Subbed.

  • @itslukehill
    @itslukehill 4 роки тому +13

    This was great! Concise, clear, and easy to understand. Thanks!

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

    You sir, have got yourself a new subscriber. Love it!

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

    Great content, easy to follow and thorough explanations.

  • @AR-nr2ix
    @AR-nr2ix Рік тому +1

    Your channel is Gold

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

    This man vary well put together

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

    Deserves more Subs
    Really underated

  • @user-kl2ss1gh4o
    @user-kl2ss1gh4o 3 роки тому +1

    Thats really helps. Thank for this video

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

    Awesome tutorial!!! Thank you

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

    This was an amazing tutorial.

  • @dukatelo
    @dukatelo 4 роки тому +24

    This is very high-quality, I'm actually surprised!
    Keep the videos coming, I'm always keen to learn more!

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

      Thanks! I’m glad you liked it and I’ll be sure to keep em coming!

  • @irakliesakia3946
    @irakliesakia3946 10 місяців тому

    Very, very helpful! Thank you 👏

  • @DiceLegenz
    @DiceLegenz 7 місяців тому

    Thanks. Very helpful

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

    I know you know your really good, but i gotta tell you that i've never seen such great tutorial in my life

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

    Amazing man!

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

    amazing tutorial, thank you

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

    This is a very helpful tutorial, job wvery well done lad 👌👌👌

  • @Nick-yo1te
    @Nick-yo1te 3 роки тому

    Just found your channel. And I am super happy I did!

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

    Top tier Tutorials, Please make more!!

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

    I essentially use the same technique when creating wallpapers for Wallpaper Engine on Steam. I like that you kept it all contained within one software program for the sake of the tutorial though!

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

    Thanks bro. I'm beginners and your tutorial is so great, easy to understand. Different with other channel

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

    Just discovered your channel while researching EbSynth. Love it!
    You cover a lot of stuff I'd like to get into at some point, so will definitely come back here for inspiration and picking up some tricks and tips

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

      Thanks Jonas! And good luck on your After Effects journey!

  • @abdelazizmuhammed5340
    @abdelazizmuhammed5340 7 місяців тому

    on point brother thanks a bunch

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

    Very useful thanks

  • @ndizzot
    @ndizzot 4 роки тому +3

    This is good! Keep em comin

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

    Thanks greatly, boss.

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

    great tutorial man. I subscribed, way to make me feel guilty at the end! haha Keep up the great work!😁

  • @chj.schwarz
    @chj.schwarz 3 роки тому +1

    I like your stoile, keep it up!

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

    solid use of GOT :)

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

    you deserve 10M subscribers

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

    Amazing 🤩😁

  • @ErnestoCCB
    @ErnestoCCB 9 місяців тому

    Useful, handy, well explained... and it even draw a smile on my face at 14:29 (brilliant) 👏👏👏

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

    Amazing tutorial! I used the Content Aware Fill in Photoshop to not clean the background myself, but I did everything else and it looks very cool! They're also things I can apply in different projects.

    • @AcademyOfEdits
      @AcademyOfEdits  4 роки тому +1

      Awesome! I try to touch on things that I think can help people with future projects when I plan out the videos so I'm really glad to hear it!

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

    I've became very picky on tutorials I watch. Some make more problems than they are worth. Thank you for detailed and clean tut. Cheers.

  • @thewavyblue
    @thewavyblue 4 роки тому +3

    Thanks for the tut - found you on Reddit.
    Also, that sting at the end...lol. Nice touch. I subbed :D

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

    another nice hack is to scale up slightly foreground objects to hide the parallax. Also, roundtrip the background photo in photoshop and use the content aware feature and most of the work is done for you.

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

    Tq for the lesson

  • @geneanthony3421
    @geneanthony3421 3 місяці тому

    Quite nice. I love the 2.5D look. Kinda wish the tutorial was for Resolve though.

  • @jackar
    @jackar 10 місяців тому

    I forgot to subscribe, at the end a voice came over convinces me to click the button 😂😂😂❤

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

    GOAT

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

    Gold

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

    keep on being awesome

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

    Fine. I subscribed

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

    subbed!

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

    Woah this is really useful! Great tutorial, I will use what I've learned to make dumb internet edits now :,))

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

    Damn you just got yourself a sub

  • @Carlos-cm6ic
    @Carlos-cm6ic 2 роки тому

    great !😉

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

    damn bro! we need more tutorial like this

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

    this tutorial is great, but is there a more detailed version of this? I didn´t get a few steps.
    could I use a green screen for the fog at the end?

  • @DoctorMGL
    @DoctorMGL 4 роки тому +3

    was awesome , clear simple and direct to the point. you won my sub for this
    can i ask which microphone you use please ?

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

    subbbed ❤

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

    Subbed

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

    Great vid, u might save my ass in work :)

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

    im here before 5k subs.

  • @ArnoldVirtuoso
    @ArnoldVirtuoso 10 місяців тому

    how do i export this im new in after effects

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

    also we need a tutorial for the candle lights!

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

    I can't find the camera it's not an option for me on the top of the menu list. What do I do?

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

    I can't find the camera tool. Help me
    I'm using Ae 2021.

  • @megansamps
    @megansamps 3 місяці тому

    Ima need to take an adhd pill before I attempt these steps 😂😂😂 wish me luck 🤞🤞🤞🤞

  • @kmkm-dp9wc
    @kmkm-dp9wc 3 роки тому

    Is there an updated version of this with the new 3D camera tools? I tried to complete this tutorial but got stuck at the XY Camera Tool because i couldn't find it. it seemed to be replaced with the 3d orbit, and a different 3d camera tool that didn't have the same effect on the still pictures

    • @AcademyOfEdits
      @AcademyOfEdits  3 роки тому +4

      Hey! I believe both the Track XY and the Track Z tools are still in the new version. Instead of Orbit, Track XY, and Track Z all being under one icon menu, they should be all next to each other in the new version. The icons will looks the same but the Track XY tool is called "Pan" and the Track Z is called "Dolly". Also keep in mind each of these tools have more than one setting (if you click and hold on their icon) which just change how they either Pan or Dolly to help you navigate better (for example the Dolly tool has "Dolly Towards Cursor" and "Dolly To Cursor" versions)

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

    This video is helpful, thanks. But bro have you seen the animations of GWENT witcher cards? Can you please do a tutorial on how to do these kind of animations using Ae? Please?

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

    is there any free software that does this kind of thing?

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

    Why cant i find the camera tool (plz help) 2:11

  • @Alaniz_D
    @Alaniz_D 3 місяці тому

    2:12
    These options aren't present for me. What do I do? How do I find this? I've tried for so long and nothing is working. It's just not there.

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

    Try content aware in photoshop for quick BG Plate

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

    If you create a filter where you just drop a photo there and it dose that automatically. That would be amazing! I'm jot sure if it's been done by anyone.

  • @rum.runner5652
    @rum.runner5652 4 місяці тому

    so all you used for this tutorial was photoshop and after effects?

  • @f.f.aurnob5452
    @f.f.aurnob5452 3 роки тому

    how can i make the hair wave?

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

      Depending on the photo and the hair you can try using the puppet tool if you haven't already!

    • @f.f.aurnob5452
      @f.f.aurnob5452 3 роки тому

      @@AcademyOfEdits i've used wave warp. i think it's a better choice for hair.

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

    I think you missed a nice opportunity to show off proper depth of field at the end there. You could have adjusted the blurring using actual focus distance on the camera rather then gaussian blurring each layer. Otherwise great tut though.

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

    At 7:58 you say you're gonna precomp, but don't tell us why you did so. What does a precomp do?

    • @ElwoodDowd
      @ElwoodDowd 4 роки тому +1

      Nevermind, you tell us at 9:25.
      Also, thanks... for the feet.

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

    Witchcraft from GoT

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

    let's just pretend this photo is a wall.