Environment Animation Tutorial (Rain/Wind/Fog) in Flash

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

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

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

    Versatility for game design personally, also I haven't tried Toon Boom yet, but I like the idea of doing something in the future

  • @mr.j_krr_80
    @mr.j_krr_80 7 лет назад +27

    when things go wayyyyy over your head but you still watch it till the end.

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

      I have a more simple approach that still looks really good.
      ruclips.net/video/-3qjZKT1YL0/видео.html

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

      IKR it takes so much computer than I can handle . I lack the skills to do anything I want and I'm sick of it
      I waste hours doing things that probably nobody cares and looks bad and I'm wasting my life

  • @senza4591
    @senza4591 3 года назад +5

    0:56 he starts the coat & hair
    8:40 he starts the rain
    28:50 he starts the reflection
    35:25 he starts the fog
    41:03 recap

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

      Very kind of you, thank you so much!

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

    The artwork for the background alone was enough to make anyone want to learn flash/ digital design. The tips are very helpful Jazza and we all greatly appreciate them.

  • @MySillyChannel
    @MySillyChannel 5 лет назад +11

    Those were the days when Jazza used to do animation tutorials.

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

    I made it all the way to the point he started adding buttons to each droplets. It is at that point it became unclear to me. I figured it out eventually though. You really have to do it and rewatch to understand this. Thanks for the tutorial Jazza, I'm learning alot~

  • @AbsoLucario2213
    @AbsoLucario2213 10 лет назад +11

    You're really talented! You inspire me to get better. Thank you so much for making these tutorials!

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

    That fog is magic.

  • @KatyaXx0
    @KatyaXx0 11 лет назад +6

    I love how he says "figure" :3

  • @tapedonmusicstand
    @tapedonmusicstand 8 лет назад +4

    Oh looks like a detective comic, not to be confused with DC -comics-, but Any-who this scene is very neat looking, and this is a really helpful tutorial.

  • @alexroberts6892
    @alexroberts6892 10 лет назад +3

    absolutely amazing, love the accent too

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

    Jazza, I just want to thank you. For all of the tutorials, showcases, speed paintings and generally for your channel :) You helped me a lot, and you deserve more subscribers :)

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

    I just completed my first ever Flash project thanks to you! I wish there was something I could do, but I send you a million thank yous!!!

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

    This is very cool and it make me want to get back into Flash again. Nice work Jazza :-)

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

    Lovely... this is like getting the best out of flash features.

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

    He does it again, Great Job

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

    Yeah bro you got the real skills.

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

    This is my favorite tutorial so far , although I am a huge fan of all the animation tutorials! Thanks Jazza!!!!!

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

    Just a tip for a quicker way to reverse them, just copy the frames, paste them in place and while they're selected right-click and select "Reverse Frames".

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

    I don't even animate, but I get so interested by your videos, and I think that you are very good if you can attract an audience who aren't as involved as most of your audience would be.

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

    You sir, are a master of your craft. This is an incredible tutorial and was exactly what I needed. Thanks!

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

    Thank you Jazza, you're awesome!

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

    You are so talented and your tutorials are awesome! Never boring and very helpful. Thank you very much, keep up the good work!

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

    Would love to see a lightening tutorial!
    Love this one :)

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

      No lightening, it is lightning

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

    Amazing to see how fast you can create rain by copy/pasting, without it being too obvious that this is what has been done. However a perfectionist will realize that this technique leads to some perspective errors.
    E.g. All the ring waves are the same size. To follow the rules of perspective, they should get smaller the further away from the viewer they are. I guess this could be fixed quite easily.
    Also at 18:07, after the droplets are scaled down to have the right size and density to be used in the background, the patch is stretched to fill in the background. This causes the droplets to fall a longer distance in the same time interval as it takes for those in the foreground, which means that they fall at a higher speed. In real life all the droplets would of cause fall at the same speed. Correcting this mistake can easily be done by copying the patch to fill it out instead of stretching it.
    It may seem logic to create the reflection in the puddle of water by mirroring part of the background as shown in this tutorial -however this technique is not technically correct. An example showing this, is the top of the window ledge that is seen in the reflection of this tutorial. A bit of reasoning will show that this cannot be the case in real life. Everything seen in a reflection must be formed by light waves send out from the object reflected. However there is no way a light wave from the top of the ledge can hit the puddle. To do this, it would have to go through the volume of the window ledge, which blocks it. Instead the underside of the window ledge would be seen in the puddle.
    Unfortunate in order to get a technically correct reflection, the background must be repainted from a different point of view, and then flipped upside down. The view point of the reflection must be place at an equally distance below the pavement as it is currently above the pavement for the perspective to be correct in the puddle.
    However these mistakes are rather small, so if only used in a short scene most people properly would not notice it -especially if they focus on the story being played out by the characters. You are allowed to cheat as long as nobody notices it!

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

      +Jon Steensen I noticed that too but I guess that will make the tutorial even longer... Also, for experts, this tutorial is just a mind opener and for beginners, such a perspective error wont matter.

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

    Oh, i'll watch it right now. Thanks!

  • @1p00nh0und
    @1p00nh0und 6 лет назад

    Awesome techniques.

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

    Awesome! Thank you Jazza!

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

    Never mind that question. I just learned about Ortus. Looks cool ^^

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

    I love your videos. I think it's funny though how you totally steer clear of backgrounds! ;) That's like the one thing I've always wanted you to do. lol But I know you don't love doing them.

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

    Saw Brotherhoodofbattle while was browsing all Jazza's videos. There was nobody. Wasn't surprising because first video on B.o.B. was released 5 years ago, but i still was sad that i don't have a chance to play. :(

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

    Thank ya jazza! Super great super helpful!

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

    Like Background Ones Cause I Wanna Get Better At Making Them And I Learn From This Channel The Most

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

    Me encanta tu trabajo.

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

    very cool! thanks

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

    amazing animation! so beautiful!

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

    Awesome! So many great techniques!

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

    Wow I didn't know flash could look so real (not talking about the background)

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

    looking forward to it.

  • @2000HatsuneMiku
    @2000HatsuneMiku 9 лет назад

    This makes me think of Hei from Darker than Black, and I'm not sure if there's something wrong with me....
    But this looks amazing!

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

    awesome...thanks for all tutorials

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

    Great tutorial as always. :)

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

    Yes! More animation

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

    Amazing job! I really loved what you did there.

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

    Great job, Jazza!!
    This really helped

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

    Bottom lane of the distant fog should be less sharp. Use gradient fill there next time.

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

    you forgot the man's shadow animation .. but really really great tutorial

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

    The clouds don't move! XD

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

      Um clouds don't move I real life
      Your really a 42 year old in a coma

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

      +LarryxxFun Fishinabox you're*

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

      Jumpie Produktions didn't*

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

      exept they reallt do, look up at the sky for a moment dude.

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

      KatsisVi DoesGaming nah they really didn't, but not that important though.

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

    Awesome!

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

    Amazing.

  • @RamaSamkari-O
    @RamaSamkari-O 10 лет назад

    ooooooooooooh just in time dude !! thanx a million

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

    Thanks, amazing tutorial and awesome animation once again!

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

    thank you very much... helped me a lot...

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

    Thank you so much! please make more of these videos!

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

    Wow, very cool. I was wondering if you could do rain in Flash, and I was needing it for an upcoming Halloween animation =)

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

    great man!

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

    Nice job mate ;)

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

    Another awesome tut! Thank you ^^

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

    you should allow video responses to post our attempt at this. and you can see if we learnt alot from this.

  • @marcorudyanto1719
    @marcorudyanto1719 9 лет назад +1

    Hey Jazza...your tutorial is very amazing,I like it.Why don't you do the
    other animation?

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

    Thanks!

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

    Amazing stuff man! Thanks!

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

    Very .......... bravoooo !!

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

    Ok, ok, they are all my favorites :-) !!!

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

    Very helpful tut though :D

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

    That's a very advanced course

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

    Have you got any more games planned for the future? :)
    This video was incredibly informative. Thank you so much!

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

    Also you could add more animation details to water in the reflection as I did at gg. gg/hamburgphoto [MAXIMUM SPAM]. Better watch in 100%, not in full screen. It's done with two mask layers copying a reflection, and a bit scaled in and out. Thus you can make various distortions of reflection and make it more realistic.

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

    That was fantastic! What makes you prefer flash over toon boom?

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

    Very inspired.:-)

  • @FizzieBro
    @FizzieBro 9 лет назад +1

    Jazza, i think you are very good tutorial on this but i felt that i'm cheat on myself to animation which i should learn from you. some where i find hard to see your mouse had hove around the screen. good job,

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

    jazza u r bomb

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

    thank you :)

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

    Hot Stuff!

  • @valentinmagherman1850
    @valentinmagherman1850 7 лет назад +3

    Hey Jazza, do you know how to link the cloak animation with his shadow ? By sharing your knowledge, I m having so much fun at beginning draw and 2d animation, thank's you so much !

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

    Hey jazza... great you taught me some of the great things in animation, can you show us different types of 2d animation brother...

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

    awesome work but i believe his coat should have a shadow ...and waving of course. hope not overly critical

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

    What shortcut key did u use for changing the gradient from horizontal to vertical?

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

      +Tahmida Islam Select the Gradient Transform tool (its hidden under the regular transform icon) or hit F to get the tool directly.

  • @soflomanny
    @soflomanny 8 лет назад +3

    Hey I think it would be a cool idea if you had two camera angles during your tutorials and drawings. One on you like you already have and then the second camera facing the drawing and your hand movement.

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

    Could you make a tutorial half human half animal it would really make my day i hope you can get round to doing this thank you.

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

    Dope

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

    Anyone else "hear" the rain when he was playing or testing the rainfall?

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

    Can You Make Alot More Of These???????

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

    its not like i've not tried, and pirate bay does not work,and thats why i was asking jazza

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

    my gradient wont stay the same it will just go back to horizontal when i draw a new line help

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

      Same problem... tell me when you find out xd

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

      I created the rain horizontal converted it to a symbol, and then turned it to the angle I needed.

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

    I think it's better to do the rain with AS

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

    i'd like to see that, i've never used it

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

    Oh my god

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

    You forgot to animate shadow from this dude) And also rainhits not in the perspective.

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

    the bins on the bottom right looks a bit flat and out of proportion

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

    2019 didnt hold him well in shape lol

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

    super) thank you)))

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

    Do a speed painting of batman.

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

    Nevermind, sorry. I was looking at his reflection. My bad.

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

    JAZZA can you update a video about how backgrounds?

  • @dudugalbinski
    @dudugalbinski 10 лет назад +1

    What is the program you are using for making these animations jazza?

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

    Hei, is that you?

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

    :D Kewl

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

    The fog loop was anti-seamless...

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

    Can you make a wolf animation please