How to Animate Parallaxing (3D pan effect)

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024

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

  • @tristanthrasherart
    @tristanthrasherart 4 года назад +27

    I'll never understand how people can dislike these videos. It's free, entertaining, and very useful educational material.

  • @Jazza
    @Jazza  11 лет назад +51

    It's on my to-do list! It's quite a big list... But I'll get to it!

    • @Gabriel-zj2ce
      @Gabriel-zj2ce 5 лет назад +2

      Don´t hurry Jazza ! You got at least 6 more years to do them !

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

      @@Gabriel-zj2ce 😂😂

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

      😂

  • @rainstrro
    @rainstrro 5 лет назад +154

    2019 anyone? Yes I'm still tryna learn how to animate :'>
    Edit: fuck it's nearly 2021 and I still don't know shit LOL

    • @elizabethparrott5332
      @elizabethparrott5332 5 лет назад +2

      I just discovered these videos despite having watched Jazza for close to a year now.

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

      I heard about parallaxing from director commentary in Duke Nukem 3D World Tour just this morning.

    • @thingingallovertheplace
      @thingingallovertheplace 4 года назад +3

      I’m in 2020

    • @harshavardhanbk2257
      @harshavardhanbk2257 4 года назад +3

      I'm in pandemic

    • @kjmanimations
      @kjmanimations 4 года назад +1

      J O L L I 2020

  • @VideoMenu
    @VideoMenu 8 лет назад +69

    Also, this reminds me of those Flintstones or Tom & Jerry or whatever and a character would be walking down the hall in his house, and pass the same table and door like 10 times. And I'm like "How long is their house?!?!" even as a little kid I was thinking "WOW their hallway is super long!" :D

  • @incimasystem
    @incimasystem 9 лет назад +5

    Hi Jazza, This is EL from Botswana, I just want to thank you for all your animation tutorials, I had given up on animating until I discovered your channels. you make things easy and at the same time look professional. I really enjoy your staff and I was able to develop more deep interest in animation. so far I am able to do most of the moves ant thanks to you.
    Love your staff man, you are really talented.
    Keep up the good job

  • @analogman9697
    @analogman9697 4 года назад +2

    That ground trick was awesome! I always pick up several really solid tips from your vids....thanks!

  • @AlVainactual
    @AlVainactual Год назад

    2023 and this tutorial is still useful! Jazza has sure come a long way since then

  • @emilvaldivia
    @emilvaldivia 4 года назад +1

    2020 and im still learning from this guy.. thanks for this jazz man

  • @DJJLani
    @DJJLani 11 лет назад +2

    this is the greatest effect ever!!! of all timeeeee!!! thanks jazza ur the best...keep doing thisss plz, u'll be blessed!!

  • @lbsooo3324
    @lbsooo3324 10 лет назад +86

    would it be good to put even larger trees in front of the character so it looks like its in the forest

    • @Jazza
      @Jazza  10 лет назад +30

      Definitely!

    • @10upstudios
      @10upstudios 9 лет назад +2

      Lance Brookins thats called the foreground

    • @abdelhalimmagdy
      @abdelhalimmagdy 7 лет назад +2

      Lance Brookins yah of course

  • @alexunderbluesky
    @alexunderbluesky 11 лет назад +16

    wow i never knew the name of this effect it's called parallaxing XD, another thing i learn from your tutorial
    thanks XD

  • @adblogz9204
    @adblogz9204 11 лет назад

    Awesome job jazza, these videos are helping me a lot. Great job and you do a awesome job of explaining things.

  • @Rastoropny
    @Rastoropny 11 лет назад

    Thanks Jazza! You are a great teacher!

  • @TheScratcherStudios
    @TheScratcherStudios 11 лет назад

    Hey Jazza
    SHIFT + Drag = SO helpfull! Thank you very much for this knowledge. Things like this (Or Shift + Draw with Brush, are gold worth)
    Of Course the whole Parallaxing lesson was great - as every one of your lessons is.

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

    This is literally showing how to make part of the Soldier, Poet, King animation meme. I just discovered this animation playlist, and I love it. You're awesome, Jazza!

    • @Wish-rm2qs
      @Wish-rm2qs 4 года назад

      Just @ me next time... Sorry lol, I know this is ten months later but I couldn't resist.

  • @DKC1011
    @DKC1011 10 лет назад +18

    That's a phat ground tween

    • @TheBranchan
      @TheBranchan 9 лет назад +7

      Daragh Carroll What is this? 1986?

  • @Kiigen
    @Kiigen 11 лет назад +1

    Thanks again for the send off. and of course the tutorial.

  • @KristalKoen
    @KristalKoen 11 лет назад

    Another amazing video tutorial! Every time I watch a new video by you I get inspired to do something new, love it. Keep up the awesome work!

  • @chocoolatey
    @chocoolatey 9 лет назад

    You're awesome Jazza thanks for the video.

  • @ImmatureCpComedy
    @ImmatureCpComedy 11 лет назад +2

    THANK YOU!

  • @nternan
    @nternan 11 лет назад

    never seen a tutorial on this before. excellent

  • @Dedeiuta
    @Dedeiuta 11 лет назад +1

    A really cool tutorial. Great job!

  • @PatOberle
    @PatOberle 11 лет назад

    Thanks for this awesome tutorial, Jazz. I like your tutorials the most because you include reference files, something that helps me a SHIT TON.
    Like the top comment suggests, could you make a tutorial on things rotating? (Characters, buildings, etc)? That would be great.

  • @AnimatedTdot
    @AnimatedTdot 11 лет назад

    this is fucking awesome, ive been looking for a video explaining how to do this for the longest, thx you're the best

  • @chentirosh9822
    @chentirosh9822 11 лет назад

    wow, i didn't think of the parallaxing thing before. thanks, dude!

  • @coherencygaming7572
    @coherencygaming7572 9 лет назад

    Sheesh, something like this would've take me all day to make if I tried it and it still wouldn't come out as good. Thanks for the tutorial ^^

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

    Timeless fundamentals👌🏼

  • @Droecrest
    @Droecrest 11 лет назад

    It is annoying having a brain fart. Great tutorial Jos, has given me some ideas to play with.

  • @Sethanas12
    @Sethanas12 11 лет назад

    Either copy the frames from the original animation to your other one by simply clicking at one of the frames and dragging across till you have all the frames selected then right click/copy frames. Then go to your other animation and make a new layer and paste those from onto what ever desired frame you want. There's another way too depending on what your trying to achieve.

  • @keriarmstrong9034
    @keriarmstrong9034 9 лет назад

    Very nice tutorial, cheers!

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

    Jazza when he seemed pure.

  • @nickthegamergamesadventure3911
    @nickthegamergamesadventure3911 11 лет назад

    Ok that's really good, the animation was like do do do do do do

  • @skyecallow8826
    @skyecallow8826 9 лет назад

    beautiful tutorial! I really enjoyed this!

  • @Bailey_Dreamfoot
    @Bailey_Dreamfoot 2 года назад +1

    Holly fuck this video is so old it gives me new grounds vibes

  • @bladewolfvii6383
    @bladewolfvii6383 9 лет назад +9

    i think the mountains could be moved a little tiny bit

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

    Thank you for this video! :)

  • @gouravsheode8048
    @gouravsheode8048 10 лет назад

    Thanks Jazza Nice TuToRiAl :-)

  • @TheNastySquirrel
    @TheNastySquirrel 11 лет назад

    One thing that comes in handy at times like 12:50 is to press SHIFT CTRL V instead of CTRL V, placing your copied objects EXACTLY at the place they were when you copied them, making it easier to just shift drag them to the right.
    this also works in Photoshop, comes in very handy if you have 2 identical files (like a comic strip) and you just want to quickly copy the background or something without all the hazzle :)

  • @leviackerman-qz2mf
    @leviackerman-qz2mf 3 года назад

    Thanks a bunch

  • @JOPalma
    @JOPalma 11 лет назад

    Exelente tutorial

  • @vijaypundkar2792
    @vijaypundkar2792 8 лет назад

    very easy and good way of your teaching is

  • @Animatepivot101
    @Animatepivot101 11 лет назад

    that see ya later was beautiful

  • @MaleficVenRose
    @MaleficVenRose 11 лет назад

    Nice tutorial!

  • @TheHolliez
    @TheHolliez 11 лет назад

    Holy shit, I was not expecting that "see ya later". I laughed my ass off!
    Great vidyas too Jazza! thanks for making them!

  • @WhiteWulfComics
    @WhiteWulfComics 11 лет назад

    he makes his own bg music

  • @sanim8or
    @sanim8or 11 лет назад

    Very great tutorial thank you

  • @thenextfriends4696
    @thenextfriends4696 11 лет назад

    If you put some bigger trees in front of your character/symbol, you can get it to feel like they are walking inside the forest rather then out of it.

  • @edushyan
    @edushyan 10 лет назад

    Awesome! and your character looks so proud of himself lol

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

    This við was Posted 7 years ago, but it’s still helpful.

  • @StephanEilert
    @StephanEilert 11 лет назад

    Great tutorial, as always. Can you explain more about highlights and shadows? it would be interesting to learn about the light from background and the reflection on a character. Thanks!

  • @AzooomX
    @AzooomX 11 лет назад

    Gotta love dat ending :3

  • @MrReptilianhumanoid
    @MrReptilianhumanoid 11 лет назад

    very helpful!

  • @ChiaroscuroSeries
    @ChiaroscuroSeries 11 лет назад

    He's using Adobe Flash, probably Adobe Flash CS6, go to the adobe website and look for it there, though they have the creative cloud now so it might not be possible to get it from them anymore. Try buying from Amazon or some other site unless you want to pay monthly.

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

    Thanks

  • @KORNdog1986
    @KORNdog1986 11 лет назад

    I consider myself a pretty good artist, but somethings i've always struggled with is wrinkles, crinkles, creases and folds in clothing. Maybe a How to video in the future? Keep up the awesome work though, you're awesome!

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

    Superb!!!!!

  • @evesjeanz
    @evesjeanz 7 месяцев назад

    u know literally everything

  • @imhawkz
    @imhawkz 3 года назад +1

    That's crazy 😦

  • @EdLudington
    @EdLudington 11 лет назад

    Amazing stuff, Jazza! Love the tutorials. :) Also, that sign-off was nut-busting. haha

  • @elwariat5774
    @elwariat5774 11 лет назад

    awesome !!! pls more tutorial about creating/animating background in flash!!!

  • @andressamoraessolin8731
    @andressamoraessolin8731 9 лет назад

    jazza i love you so much! 😉😙😙😘😚😘😙😘😚😘😙😙😗

  • @TheRewoR
    @TheRewoR 11 лет назад

    awesome

  • @CrunchyClip
    @CrunchyClip 11 лет назад

    Grea tutorial ! This looks totaly awesome.
    But could you make a tutorial on how to make a character turn 180º or 360° ?
    Thanks for all the tutorials :)

  • @redridinghood9872
    @redridinghood9872 7 лет назад +2

    I know the ground he used was pre-drawn as trapezoid, but let's say it's a completely straight, flat square. How would you change it so that it spans inwards (as you go up each side of that ground) to make it look like a trapezoid? Is it 3D skewing or something?

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

      Well, I mean you could also use the sub-selection tool and then edit it with the gradient tool

  • @BlueNinja-vs9qe
    @BlueNinja-vs9qe 2 года назад

    Hey we used this video in school 8th for learning how to parallax in a animation unit

  • @yendo7019
    @yendo7019 7 лет назад

    Thanks for the tutorial it's really helpful :D may I ask what kind of software do you use :))

  • @lesliequarshie379
    @lesliequarshie379 9 лет назад +8

    jazza was wondering if you can show how to do a super hero flying animation

    • @louise4152
      @louise4152 7 лет назад +1

      You just draw a guy planking in mid air, and make small features of him move to say that the wind is blowing against him

    • @BrookD.Artist
      @BrookD.Artist 5 лет назад

      Look up ed tadeo

  • @MyLittleMagneton
    @MyLittleMagneton 11 лет назад

    in the games i code i like to have the clouds move independently of the paralaxing background :)

  • @DonkelOnkel
    @DonkelOnkel 11 лет назад

    genius

  • @VideoMenu
    @VideoMenu 8 лет назад

    This is bleeping awesome.

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

    2020 🙌

  • @thehobbyist5837
    @thehobbyist5837 8 лет назад +1

    I was taught at school that the characters' (with normal height) eyes should be level with or close the horizon line. (unless he's exceptionally tall or the camera is at a 'worm's eye' level.) Am I understanding this correctly?

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

    holy sh*t it's old jazza. mEmOrIeS

  • @BothGabor
    @BothGabor 11 лет назад

    You could also do these things in Toon Boom, (there are built-in features for it) then export the scene into Flash.

  • @kristasealestial4985
    @kristasealestial4985 8 лет назад

    so cool **-**

  • @abdulwilliams6155
    @abdulwilliams6155 11 лет назад

    im am a half decent artist but something i've never gotten is how to draw an ear and all of the different folds and such, please ,make a turtorial, thanks keep upt the good work

  • @BigKnowledgeno1
    @BigKnowledgeno1 11 лет назад

    Hey love love love your videos would ent have an A+ in my animation class without it what kind of tablet are you using and how could I get one of those cool looking gloves??

  • @burgerman9000
    @burgerman9000 11 лет назад

    jazza, as a fellow austrailian i have to ask you. which is better, Home and away or Neighbors

  • @zoerainbow94
    @zoerainbow94 8 лет назад

    Hey, I'm wondering how to do a tracking shot like this (or a dolly shot)but with a more complicated background. For example a cat running and jumping onto shelves, tables and bookcases. Thanks

  • @mandalynn222
    @mandalynn222 11 лет назад

    0.0 awessommmeeee

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

    I wonder how we could add camera rotation and tilt up/down with elevation change

  • @DragonekM
    @DragonekM 10 лет назад

    Thank you by you i learn how to create very beautefull animation and my english is weird.

  • @suhatman6136
    @suhatman6136 9 лет назад

    Cool

  • @wg1948
    @wg1948 11 лет назад

    While you at it,.....do a anemation with bone tool my guru lol.
    Great tuts mate thankyou for your time!

  • @punkandrockgirf
    @punkandrockgirf 7 лет назад +1

    Do you have any other examples of complex animated scenes that use parallax?

  • @romueldominielnar4687
    @romueldominielnar4687 7 лет назад

    hello! your video is very helpful.after i made the effects in flash, how do i integrate controling the movement of my animation with mouse scroll or the up and down buttons in the keyboard. and can you help me out with the codes if there is needed. hope you can enlighten me. newbie here.

  • @DarylSamsoodeen
    @DarylSamsoodeen 11 лет назад

    Het jazza awesome tutorial.. but i wanted to ask you.. for that final clip you made.. how many frames have you added in your "scene 1"...??

  • @RoamerBEATMAKER
    @RoamerBEATMAKER 11 лет назад

    Hello mate im a real fan of your work i am an aspiring animator any career tips for someone starting form scratch

  • @acuteoldman
    @acuteoldman 4 года назад +2

    2020

  • @gaberogers8245
    @gaberogers8245 8 лет назад

    I wonder if the objects like the trees, sky and ground were created in flash or if you can download objects to use in flash?

  • @mikethecommentor5432
    @mikethecommentor5432 11 лет назад

    Hey jazza, what kind of drawing tablet would u recommend?

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

    And sir please make vdo on parallax effect apply in synfig software..

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

    cute baby channel back in the day

  • @catzblu999
    @catzblu999 11 лет назад

    not sure i understand atmospheric tint, why does it exist on the trees behind not but the ones nearest the moving object

  • @natversluys3403
    @natversluys3403 7 лет назад

    I know this video is pretty old so I'm not sure if I should expect a reply lol, but I'm new to flash and wondering. . .
    would it have been easier to have made the ground a graphic and animate the ground and then go into the ground graphic and make the trees part of the ground graphic eliminating the need to animate them at all since they would move perfectly in sequence with the panning of the ground?

    • @spaceboatcrew576
      @spaceboatcrew576 7 лет назад

      you could do that for maybe just the first group of trees but essentially you want the ground and each layer of trees to be moving at different speeds to give it that nice illusion of depth. if you put the trees on the ground layer it would look like a flat picture moving across the screen

  • @Владимир-щ9л2н
    @Владимир-щ9л2н 8 лет назад +1

    круто!

  • @raymondpickens7803
    @raymondpickens7803 7 лет назад

    How would I be able to make the background move away from me as if I'm making a driving scene with the car moving towards the screen?

  • @tinarodiguez5975
    @tinarodiguez5975 10 лет назад

    can you make a video on how to animate perspective walking

  • @arturcsik
    @arturcsik 11 лет назад

    oh,the noodle man,i thinked i don't will se him again

  • @UConceptPublishing
    @UConceptPublishing 9 лет назад +5

    this is so easy to do in toon boom. too much work in flash.