Parallaxing a Background in Adobe After Effects

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • Industry Pros Brent and Max show you a simple After Effects Tutorial to pan a background. We learn about Keyframes, moving layers, and importing photoshop files. We also explain keyframe easing.
    Special thanks to all of our Guest Artist
    Brianne Neumann
    www.bonjourbri...
    And our wonderful artists submissions!
    Connor Sebo
    / connor_sebo
    Kurt Peterson
    / iyoharn
    Parker Catalano
    / choney_stark
    BaM is dedicated to teaching artists all about the animation industry, and skills sets including character design, background design, animation, and painting! Send us your art, and BaM will make an episode about YOU!
    Email Bam.redrawmyart@gmail.com
    If you want to have YOUR art redrawn!
    ✏We have a Website and Store now!✏
    www.brentandma...
    Visit our Portfolios
    / portfolio-maximus
    brentnoll.com/
    Instagram
    / bam_animation

КОМЕНТАРІ • 110

  • @mrsnapoly
    @mrsnapoly 6 років тому +183

    Woow, this is so much simpler than I thought it was!!! I already work with after effects, so this was very simple to understand, but I thought that doing camera movement like this in 2D animation was much more complicated!! I'm loving this channel, I'm learning SO MUCH!!

    • @BaMAnimation
      @BaMAnimation  6 років тому +7

      oh gosh thank you! I hope all this makes it easier!

  • @GirlArmy21
    @GirlArmy21 5 років тому +48

    Just learned this in school. Your explanation was clearer. I would like some "slower" tutorials though....I am a newb.

  • @rotblush
    @rotblush 3 роки тому +15

    This is exactly what I was looking for to make with a vertical illustration just like yours, and in about 2 mins straight to the topic and comprehensive! Thank you so much guys!

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

      me too, so glad I found their channel, mind blown for sure!!

  • @JellyMotion
    @JellyMotion 5 років тому +11

    You could also emulate the original method by turning on 3D mode for the images, add a camera, and pull them closer to it. Then move the camera rather than the images. This also helps for if you want to change things in a more complicated set up without upsetting other key frames.

  • @rilakumacakerolls9094
    @rilakumacakerolls9094 5 років тому

    Though technology wise, lacking new insights, but these two gentlemen really making life worth living. Love

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

    Perfect easy tutorial. You get right to the point and explain it clearly without wasting any time thank you so much.

  • @NekoriBlah
    @NekoriBlah 5 років тому +2

    It took me less then a minute to hit subscribe, you guys are so fun to listen too!
    also VERY helpful :D

  • @ajaymatale3427
    @ajaymatale3427 6 років тому +1

    How awesomely perfect this tutorial is short and sweet...i just loved it!

    • @BaMAnimation
      @BaMAnimation  6 років тому +1

      thanks man. just wanted to make something fast and easy!

  • @CutieMoli
    @CutieMoli 5 років тому +1

    I've been looking everywhere for a tutorial on this but of course it would be on BaM Animation... I don't know why I didn't look it up on your channel right away... Thank you guys :P

  • @GastHeer_
    @GastHeer_ 5 років тому +3

    Woah, you guys are like a diamond in the rough! these videos actually explain step by step how to do the thing that is promised in the title! thank you! Do you guys happen to have more After Effect tutorials by any chance? keep up the great work!

  • @benzeno1995
    @benzeno1995 6 років тому +4

    I just subscribed to you guys yesterday and your already giving me exactly what I need.

  • @marsillusionist
    @marsillusionist 5 років тому

    you guys are the most awesome thing to ever happen to youtube!

  • @almercado9676
    @almercado9676 6 років тому +22

    This is Killer-Super informative! Thanks for sharing your knowledge fellas :)

  • @matheusfsa10mass
    @matheusfsa10mass 6 років тому +1

    Great video! The form how you, guys, explain how the things works is amazing, i just loved!

  • @Kurlyfox
    @Kurlyfox 4 роки тому +5

    Could you do more tutorials for 2d Environment animations on loop in after effects as well?

  • @ghostie7790
    @ghostie7790 6 років тому

    Woww I’m loving how easy these tutorials are! Keep them nice and simple!

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

    This is exactly what’s i looking for! You guys are too brilliant 😮

  • @jmalmsten
    @jmalmsten 5 років тому +2

    I prefer to make a separate null object to parent things to in these situations. If you rename it "camera null" it becomes very intuitive later on to know what layer things are parented to. If you use the built in camera you can even parent it to a 3D null to make it easier to handle. :)

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

    You guys are amazing! So short and to the point, accessible, and full of interesting things to learn! Thanks so much!!

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

    Super cool tutorial. Straight to the point and a great explanation. Thanks!

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

    Great video

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

    SO if you have the lasyers in correct sequence. you could just select 3D on the layers, and you get the same effect based on how far and close you position the Images in the scene rather than animating the images separately. you only have to animate the Camera.

  • @JODmonn
    @JODmonn 5 років тому +1

    2 hours works tutorial done in 2 minutes 👌

  • @newme8674
    @newme8674 6 років тому

    You guys are awesome!!! Thank you for sharing your knowledge!!!

  • @Peebiie
    @Peebiie 6 років тому

    Just found this channel and holy crap you guys are awesome!!!

  • @harambe6972
    @harambe6972 5 років тому

    Y'all are the best.

  • @OwliSketches
    @OwliSketches 6 років тому

    just found my favorite channel! been binging you today!!

  • @agoulziprod
    @agoulziprod 6 років тому

    i see some bodies are disliking the video ! they just want to download it hahahah
    really nice tutorial ! Thanks BaM

  • @kaylenn
    @kaylenn 5 років тому

    it would be awesome if you could make the camera pan down like that, and then the characters are moving, or the fire is lit. Could you make a video like that?

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

    Nice explanation ❤

  • @karamaticedm3693
    @karamaticedm3693 6 років тому

    This is awesome! Much love

  • @toastersfriend6869
    @toastersfriend6869 5 років тому

    Hey, absolutely love it, but I think it may look a tad better if you added a little overshoot to the camera when it first settles into where it’s gonna stay, that way it feels more natural. Other than that, I love it, keep up the good work

  • @Sufkio
    @Sufkio 5 років тому

    amo este canal

  • @gusathaydesants
    @gusathaydesants 6 років тому

    yeah dudes! awesome! that's what I call the cat's jump (sort of hot tip from pro's land) thank you!

  • @sirkarmart
    @sirkarmart 6 років тому +4

    How did you get h264 in your file codecs section in after effects ?

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

    Awesome!! Could you make a tutorial about zooming in on a background?

  • @josephkachnic3396
    @josephkachnic3396 6 років тому +43

    Why not use cameras in AE? I was extremely surprised you didn't use this technique after you basically outlined it @1:17. You can just make the layers 3D and move them closer to the camera on the z-axis. The parallaxing would occur without having to individually keyframe each layer you want to appear to be in the foreground.

    • @GrzesiekWiesiek
      @GrzesiekWiesiek 5 років тому +2

      @@bibliografiyaabusrda7683 So rescale it i was suprised too why you dont put layer in 3d space

    • @bibliografiyaabusrda7683
      @bibliografiyaabusrda7683 5 років тому +3

      @@GrzesiekWiesiek Yeah not really a problem anymore but ty

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

    Thank you 😭💖💖💖

  • @faizaqil1203
    @faizaqil1203 5 років тому +1

    Please do tutorial about lighting and shadow for 2d compositing (anime style)

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

    You guys are cool!!!!

  • @thedreampipe
    @thedreampipe 6 років тому

    Cool. I thought you were going to use 3D layers and a camera. That's how I do it in some of my shots. Thanks!

  • @lochlinpeters
    @lochlinpeters 5 років тому +1

    What size was the original document before you fit it to the comp width?

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

    Amazing! :)

  • @6p00l
    @6p00l 5 років тому +1

    UltraSenseiTruthoftheuniverse-Question here! How would you go to "cleverly" animate the lighting of such a scene (the part around the firecamp) . I mean, the moving shadows on the characters and the moving lightings and the fire) ? If you could answer (or even make a video about such a complex task, I'd erect some kind of memorial to you two here in Switzerland.
    Even just a hint of an answer would be great! (In my head I had something like: animate blob shapes in after effects with blend modes to create the movement of the fire on the characters? What do you think?)

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

    What about moving stuff sideways that should shift in perspective?

  • @omegaman2846
    @omegaman2846 6 років тому +5

    All I think of when I hear parallax is the green lantern villain

  • @hansdiamante8884
    @hansdiamante8884 6 років тому

    You make us sound like we are a bunch of idiots who doesn't know how to use adobe.... actually it's really useful for me BECAUSE I DON'T KNOW ANYTHING AT ALL THANKS!

  • @marinarabiruchi8665
    @marinarabiruchi8665 6 років тому +1

    I just found the channel and I'm in love! How do you combine the loop animation with the parallax effect?

    • @BaMAnimation
      @BaMAnimation  6 років тому +1

      the background animation has to loop as well. and as long as a multiple of the original loop. and you nest the first animation inside and then repeat it. example. background animation is 8 seconds. the original loop is 4 seconds. so 2 nested loops to 1 bg loop

  • @terrology
    @terrology 5 років тому

    best channel!

  • @luigieberbesada9869
    @luigieberbesada9869 6 років тому

    nice tutorial

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

    I thought you would turn the layers to 3d mode and move the z position to far away
    And create a camera layer and move the camera downwise :)))

  • @vazak11
    @vazak11 5 років тому

    Cool!

  • @surenart756
    @surenart756 6 років тому

    awesome guys, im just learning Animation in AE, please guide me how to create different scenes?

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

    So what is the difference beyween importing exprorted image and importing directly with Ps layer files (dont know if i word that right....)

  • @iam.2022
    @iam.2022 4 роки тому +1

    Great video, I also love the music!!! What music is it?

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

      Kerbal Space Program: ua-cam.com/video/tYh8q8z2kCw/v-deo.html

    • @Mr.BluePheonix
      @Mr.BluePheonix 3 роки тому

      theres also ua-cam.com/video/_xY64RqfONk/v-deo.html 8 Bit March

  • @jeruma2002
    @jeruma2002 5 років тому

    Very cool, but does the motion blur happen automatically, or is that an extra step?

  • @mxcq
    @mxcq 6 років тому

    thank you!

  • @auk6826
    @auk6826 6 років тому

    Thanks

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

    How do you add a transform section for key frames? I can't find key frames

  • @LiamJonesArtist
    @LiamJonesArtist 5 років тому

    Can you do this same thing in photoshop with the 3D feature they have in cc?

  • @christopherwright6032
    @christopherwright6032 6 років тому

    Love your videos! What's the song in the beginning and end? So nice!

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

      I think its from Kerbal Space Program: ua-cam.com/video/tYh8q8z2kCw/v-deo.html

  • @Yukuri0508
    @Yukuri0508 5 років тому

    How can I animate this as well? Like make the trees, fire move while the camera movement moves too

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

    I want to animate like bright side but illustration is lot time consuming

  • @seanodonnell7169
    @seanodonnell7169 6 років тому

    nice

  • @ColinJWiens
    @ColinJWiens 5 років тому

    The camera can do this with Animate CC, but apparently it breaks on export, so I wrote a tutorial which uses code to do parallax in Flash CS3 to Animate CC. Anyone can comment if you want me to link it; it's easy but not really fit for complete beginners.

  • @wofty088
    @wofty088 6 років тому +1

    NIce!!!!

  • @feedmeunagi2312
    @feedmeunagi2312 5 років тому

    thankyouthankyouthankyou

  • @TheTreatR
    @TheTreatR 6 років тому +2

    K there is something I don't get and that's knowing how to start and finish creating on are
    If I wanted to I wouldve had to search something that
    How is there a way for me to know how to use are and know what I'm doing like a professional designer

    • @starmorpheus
      @starmorpheus 5 років тому

      I'm sorry but your sentence made zero sense my guy lmao

  • @silvercrow8985
    @silvercrow8985 6 років тому

    which style is it
    i would love to practice it

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

    add file documentation please, to make us easy practice

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

    what was the music used

  • @kareemaiqbal3133
    @kareemaiqbal3133 5 років тому

    I have a question please answer me..i have made animation in 3d max of 1 sec(24 frames) now i want to add this animation in 2d background in after effects...is it possible??plz reply me

    • @kareemaiqbal3133
      @kareemaiqbal3133 5 років тому

      If its possible then how it works plz make a toturial on it😏😢😢

  • @Theplanetmarsbars
    @Theplanetmarsbars 5 років тому

    I wanna see you guys use FlipaClip

  • @darksparks07
    @darksparks07 5 років тому

    If only I could do this in FlipaClip ;-;

    • @weakgait
      @weakgait 5 років тому

      maybe you can tho. hmm

    • @darksparks07
      @darksparks07 5 років тому

      Trust me you can't

  • @Jack_Fire4
    @Jack_Fire4 5 років тому

    i have a question, is after effect work with programs like krita?

    • @luukkoffeman
      @luukkoffeman 5 років тому +1

      well it can work, but not as well as photoshop. because photoshop keeps all the layers and AE is compatible with PS it will import the layers as shown in the video, with krita it wont do this. what you can do is save the background and all the layers as seperate images (transparant images should be saved as PNG and not as JPEG), it just takes a little longer

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

    What is parallel really?

  • @prycetv4626
    @prycetv4626 5 років тому +1

    I dont see the tutorial of creatin that background yall keep pointing on a blank space

  • @michellesetiawan348
    @michellesetiawan348 6 років тому

    when i import psd file it become super messy?? the layer and position changes

    • @BaMAnimation
      @BaMAnimation  6 років тому

      make sure you hit "import as composition and retain layer sizes" . also the order of the layers may change. but you just need to re order them

    • @michellesetiawan348
      @michellesetiawan348 6 років тому +1

      it worked! thank you

    • @michellesetiawan348
      @michellesetiawan348 6 років тому

      btw i make a video using your parallax effect :) it's in my channel thank you so much for helping

  • @Rin-dr5gh
    @Rin-dr5gh 6 років тому +5

    Do you guys even reply to comments?

    • @BaMAnimation
      @BaMAnimation  6 років тому +4

      Cherry blossom Sure we do!

    • @Rin-dr5gh
      @Rin-dr5gh 6 років тому

      BaM Animation I have a question about “Ae” this video link
      ua-cam.com/video/DW-1hv503RU/v-deo.html
      I like what this girl did in her video it’s all mystery like abs how the words type on the screen and you know what I mean just the whole thing I like but I was wondering if I could do the same with “Ae” can I get the same out come?

    • @BaMAnimation
      @BaMAnimation  6 років тому +2

      you can do the same thing if after effects. Just type out the words you want. and with an animated mask . you can reveal the words. I would suggest looking up AE tutorials on animated texts and masking.

    • @Rin-dr5gh
      @Rin-dr5gh 6 років тому

      BaM Animation okay thanks I’ll try and see how it goes

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

    This video makes me think 3 year olds are learning AE now.

  • @duranimusprime5989
    @duranimusprime5989 6 років тому

    Hey draw my character! :) lol 😝

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

    This video is too fast for me to understand 🥺🥺

  • @felipemeneses5132
    @felipemeneses5132 6 років тому

    Help me, quien de ustedes que hayan hecho el tutorial efecto glicht sabe como ponerle el fondo sin que el efecto afecte el fondo link ua-cam.com/video/Im3kvbx4w0s/v-deo.html

  • @lieutenantlaceyakajohntheb4948
    @lieutenantlaceyakajohntheb4948 6 років тому

    Damn this is confusing.