Parallaxing a Background in Adobe After Effects

Поделиться
HTML-код
  • Опубликовано: 5 мар 2018
  • 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.com/
    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.brentandmax.com/
    Visit our Portfolios
    / portfolio-maximus
    brentnoll.com/
    Instagram
    / bam_animation
  • ИгрыИгры

Комментарии • 110

  • @mrsnapoly
    @mrsnapoly 6 лет назад +177

    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 лет назад +46

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

  • @rotblush
    @rotblush 3 года назад +14

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

  • @benzeno1995
    @benzeno1995 6 лет назад +4

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

  • @matheusfsa10mass
    @matheusfsa10mass 6 лет назад +1

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

  • @ghostie7790
    @ghostie7790 6 лет назад

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

  • @TomisaLami
    @TomisaLami 2 года назад

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

  • @marsillusionist
    @marsillusionist 5 лет назад

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

  • @celestyelle6164
    @celestyelle6164 3 года назад

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

  • @rilakumacakerolls9094
    @rilakumacakerolls9094 5 лет назад

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

  • @narasiriarthachinda2802
    @narasiriarthachinda2802 9 месяцев назад

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

  • @newme8674
    @newme8674 5 лет назад

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

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

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

  • @mcsilberman
    @mcsilberman 4 года назад

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

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

  • @karamaticedm3693
    @karamaticedm3693 5 лет назад

    This is awesome! Much love

  • @OwliSketches
    @OwliSketches 6 лет назад

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

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

  • @harambe6972
    @harambe6972 4 года назад

    Y'all are the best.

  • @almercado9676
    @almercado9676 6 лет назад +22

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

  • @Peebiie
    @Peebiie 6 лет назад

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

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

  • @BEYONDlCHAN
    @BEYONDlCHAN 2 месяца назад

    Great video

  • @PoMkAc27
    @PoMkAc27 5 месяцев назад

    Nice explanation ❤

  • @chickenlurkinyungchihuahua
    @chickenlurkinyungchihuahua 3 года назад

    You guys are cool!!!!

  • @guxxart
    @guxxart 3 года назад

    Amazing! :)

  • @Hapipaa456
    @Hapipaa456 2 года назад

    Thank you 😭💖💖💖

  • @Sufkio
    @Sufkio 4 года назад

    amo este canal

  • @terrology
    @terrology 5 лет назад

    best channel!

  • @shrishak00
    @shrishak00 5 лет назад +1

    2 hours works tutorial done in 2 minutes 👌

  • @luigieberbesada9869
    @luigieberbesada9869 6 лет назад

    nice tutorial

  • @mxcq
    @mxcq 6 лет назад

    thank you!

  • @Kurlyfox
    @Kurlyfox 4 года назад +5

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

  • @vazak11
    @vazak11 4 года назад

    Cool!

  • @agoulziprod
    @agoulziprod 5 лет назад

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

  • @asktheangles
    @asktheangles 4 года назад

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

  • @thedreampipe
    @thedreampipe 5 лет назад

    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!

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

  • @faizaqil1203
    @faizaqil1203 5 лет назад +1

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

  • @auk6826
    @auk6826 6 лет назад

    Thanks

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

  • @wofty088
    @wofty088 6 лет назад +1

    NIce!!!!

  • @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. :)

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

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

  • @seanodonnell7169
    @seanodonnell7169 6 лет назад

    nice

  • @sirkarmart
    @sirkarmart 6 лет назад +4

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

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

  • @surenart756
    @surenart756 6 лет назад

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

  • @omegaman2846
    @omegaman2846 6 лет назад +5

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

  • @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: ruclips.net/video/tYh8q8z2kCw/видео.html

  • @feedmeunagi2312
    @feedmeunagi2312 5 лет назад

    thankyouthankyouthankyou

  • @lochlinpeters
    @lochlinpeters 5 лет назад +1

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

  • @LiamJonesArtist
    @LiamJonesArtist 5 лет назад

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

  • @Hubert99999
    @Hubert99999 3 года назад

    What about moving stuff sideways that should shift in perspective?

  • @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?)

  • @Yukuri0508
    @Yukuri0508 5 лет назад

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

  • @silvercrow8985
    @silvercrow8985 5 лет назад

    which style is it
    i would love to practice it

  • @iam.2022
    @iam.2022 4 года назад +1

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

    • @FreakStyler
      @FreakStyler 4 года назад

      Kerbal Space Program: ruclips.net/video/tYh8q8z2kCw/видео.html

    • @bluephoenixsylvester3804
      @bluephoenixsylvester3804 2 года назад

      theres also ruclips.net/video/_xY64RqfONk/видео.html 8 Bit March

  • @jeruma2002
    @jeruma2002 5 лет назад

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

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

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

  • @NamHung999
    @NamHung999 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 :)))

  • @Bluewaterdice
    @Bluewaterdice 2 года назад

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

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

  • @yourfriendmars611
    @yourfriendmars611 5 лет назад

    I wanna see you guys use FlipaClip

  • @TheTreatR
    @TheTreatR 5 лет назад +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

  • @vicnoay
    @vicnoay 10 месяцев назад

    what was the music used

  • @panjimaulanai8343
    @panjimaulanai8343 4 года назад

    add file documentation please, to make us easy practice

  • @tomantony6495
    @tomantony6495 2 года назад

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

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

  • @darksparks07
    @darksparks07 5 лет назад

    If only I could do this in FlipaClip ;-;

  • @agfirs_o2579
    @agfirs_o2579 10 месяцев назад

    What is parallel really?

  • @Jack_Fire4
    @Jack_Fire4 5 лет назад

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

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

  • @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😏😢😢

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

  • @prycetv4626
    @prycetv4626 5 лет назад +1

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

  • @artofwalker
    @artofwalker 4 года назад

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

  • @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
      ruclips.net/video/DW-1hv503RU/видео.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

  • @duranimusprime5989
    @duranimusprime5989 6 лет назад

    Hey draw my character! :) lol 😝

  • @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 ruclips.net/video/Im3kvbx4w0s/видео.html

  • @lieutenantlaceyakajohntheb4948
    @lieutenantlaceyakajohntheb4948 6 лет назад

    Damn this is confusing.

  • @ursroymustang
    @ursroymustang 3 года назад

    This video is too fast for me to understand 🥺🥺