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

แชร์
ฝัง

ความคิดเห็น • 143

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

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

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

  • @AbsoLucario2213
    @AbsoLucario2213 11 ปีที่แล้ว +11

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

  • @MySillyChannel
    @MySillyChannel 5 ปีที่แล้ว +11

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

  • @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.
      th-cam.com/video/-3qjZKT1YL0/w-d-xo.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 4 ปีที่แล้ว +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 4 ปีที่แล้ว +1

      Very kind of you, thank you so much!

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

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

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

  • @GraphiteSamurai
    @GraphiteSamurai 11 ปีที่แล้ว

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

  • @stevecoffin7291
    @stevecoffin7291 11 ปีที่แล้ว

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

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

  • @KatyaXx0
    @KatyaXx0 11 ปีที่แล้ว +6

    I love how he says "figure" :3

  • @ginnglassblock
    @ginnglassblock 7 ปีที่แล้ว

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

  • @adnanafrididraws
    @adnanafrididraws 9 ปีที่แล้ว

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

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

  • @qigong1001
    @qigong1001 11 ปีที่แล้ว +1

    That fog is magic.

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

  • @crystalscott8739
    @crystalscott8739 11 ปีที่แล้ว

    Great job, Jazza!!
    This really helped

  • @TamanegiRichPR
    @TamanegiRichPR 11 ปีที่แล้ว

    Amazing job! I really loved what you did there.

  • @irenecardenas2999
    @irenecardenas2999 10 ปีที่แล้ว

    Awesome! So many great techniques!

  • @alexroberts6892
    @alexroberts6892 10 ปีที่แล้ว

    absolutely amazing, love the accent too

  • @HowardLMorris
    @HowardLMorris 11 ปีที่แล้ว

    He does it again, Great Job

  • @valentinmagherman1850
    @valentinmagherman1850 8 ปีที่แล้ว +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 !

  • @jonsteensen7706
    @jonsteensen7706 10 ปีที่แล้ว +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 9 ปีที่แล้ว

      +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.

  • @EsSpada
    @EsSpada 8 ปีที่แล้ว +1

    amazing animation! so beautiful!

  • @UConceptPublishing
    @UConceptPublishing 11 ปีที่แล้ว

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

  • @retroviolette3121
    @retroviolette3121 9 ปีที่แล้ว +1

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

    • @Feeling877
      @Feeling877 5 ปีที่แล้ว

      No lightening, it is lightning

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

  • @SneakyJoeRu
    @SneakyJoeRu 11 ปีที่แล้ว

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

  • @josvrijdag5089
    @josvrijdag5089 11 ปีที่แล้ว

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

  • @pjharrison1801
    @pjharrison1801 6 ปีที่แล้ว

    Yeah bro you got the real skills.

  • @josvrijdag5089
    @josvrijdag5089 11 ปีที่แล้ว

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

  • @Bahryanyj
    @Bahryanyj 11 ปีที่แล้ว

    Thank you Jazza, you're awesome!

  • @tahmidaislam3809
    @tahmidaislam3809 9 ปีที่แล้ว +7

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

    • @adnanafrididraws
      @adnanafrididraws 9 ปีที่แล้ว +1

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

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

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

  • @marcorudyanto1719
    @marcorudyanto1719 9 ปีที่แล้ว +1

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

  • @aarondraws7699
    @aarondraws7699 8 ปีที่แล้ว +1

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

    • @thomasvrdr2
      @thomasvrdr2 8 ปีที่แล้ว

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

    • @aarondraws7699
      @aarondraws7699 8 ปีที่แล้ว

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

  • @xinbaonuzi6451
    @xinbaonuzi6451 10 ปีที่แล้ว

    Thank ya jazza! Super great super helpful!

  • @makinito33
    @makinito33 8 ปีที่แล้ว

    Me encanta tu trabajo.

  • @andyzhang7890
    @andyzhang7890 10 ปีที่แล้ว

    Thanks, amazing tutorial and awesome animation once again!

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

  • @xheenalyn6410
    @xheenalyn6410 9 ปีที่แล้ว

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

  • @LaziiBoiiTheCreator
    @LaziiBoiiTheCreator 8 ปีที่แล้ว

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

  • @frogos13store
    @frogos13store 6 ปีที่แล้ว

    Great tutorial as always. :)

  • @jackgruby6600
    @jackgruby6600 11 ปีที่แล้ว

    Awesome! Thank you Jazza!

  • @edushyan
    @edushyan 10 ปีที่แล้ว

    Another awesome tut! Thank you ^^

  • @1p00nh0und
    @1p00nh0und 7 ปีที่แล้ว

    Awesome techniques.

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

  • @CharJlJly
    @CharJlJly 11 ปีที่แล้ว

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

  • @adisuez
    @adisuez 10 ปีที่แล้ว

    very cool! thanks

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

  • @SPEEDROKE
    @SPEEDROKE 11 ปีที่แล้ว

    awesome...thanks for all tutorials

  • @injaehwang7627
    @injaehwang7627 9 ปีที่แล้ว

    Amazing stuff man! Thanks!

  • @UConceptPublishing
    @UConceptPublishing 11 ปีที่แล้ว

    looking forward to it.

  • @skodds
    @skodds 11 ปีที่แล้ว

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

  • @boxinchito
    @boxinchito 11 ปีที่แล้ว

    So are there any good apps for iPad Mini for animation or for art assistance? I only do things on paper because everything is so costly.

  • @MultiBryce101
    @MultiBryce101 11 ปีที่แล้ว

    Yes! More animation

  • @CALLBAD
    @CALLBAD 11 ปีที่แล้ว

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

  • @milandinh4543
    @milandinh4543 6 ปีที่แล้ว

    How does one animate the color in effect that you have in the intro?

  • @Eysc
    @Eysc 11 ปีที่แล้ว

    Nice job mate ;)

  • @RamaSamkari-O
    @RamaSamkari-O 11 ปีที่แล้ว

    ooooooooooooh just in time dude !! thanx a million

  • @nabasharmanabas36
    @nabasharmanabas36 10 ปีที่แล้ว

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

  • @xGxMINECRAFTxGx
    @xGxMINECRAFTxGx 11 ปีที่แล้ว

    JAZZA can you update a video about how backgrounds?

  • @dudugalbinski
    @dudugalbinski 11 ปีที่แล้ว +1

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

  • @GraphiteSamurai
    @GraphiteSamurai 11 ปีที่แล้ว

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

  • @LaziiBoiiTheCreator
    @LaziiBoiiTheCreator 8 ปีที่แล้ว +2

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

  • @zeljkokais
    @zeljkokais 10 ปีที่แล้ว

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

  • @steventylerishearted
    @steventylerishearted 9 ปีที่แล้ว

    How did you change the direction of the gradient? (horizontal to vertical gradient for the raindrops.)

    • @adnanafrididraws
      @adnanafrididraws 9 ปีที่แล้ว

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

  • @lamokazuki
    @lamokazuki 11 ปีที่แล้ว

    Jazza pleeeeeaase can you make a downloadable zipfile of the version of flash your using and that i could be able to open the file and extract it on winrar and can you make it for windows xp or 7,please this will help me alot because i dont have any animation software or program.pleeeaaassee i would really apprecite it.

  • @graziellascarpa8167
    @graziellascarpa8167 8 ปีที่แล้ว

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

  • @kyradavis9344
    @kyradavis9344 10 ปีที่แล้ว

    Amazing.

  • @babebadoll2993
    @babebadoll2993 11 ปีที่แล้ว

    Awesome!

  • @momochanel8492
    @momochanel8492 11 ปีที่แล้ว

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

  • @vjLukzus
    @vjLukzus 11 ปีที่แล้ว

    great man!

  • @lamokazuki
    @lamokazuki 11 ปีที่แล้ว

    can you please send me link where i can download it on pirate bay

  • @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 7 ปีที่แล้ว +1

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

    • @catpaws1913
      @catpaws1913 7 ปีที่แล้ว

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

  • @dudugalbinski
    @dudugalbinski 11 ปีที่แล้ว

    what is the animation program you use jazza?

  • @aimanridzuan1853
    @aimanridzuan1853 11 ปีที่แล้ว

    Jazza,can u give the referencce link in flash 8 too? thx really appreciate it

  • @soflomanny
    @soflomanny 9 ปีที่แล้ว +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.

  • @aBrightDarknessHD
    @aBrightDarknessHD 11 ปีที่แล้ว

    Whenever i go to download flash it comes up with Flash Professional CC, is this the one you use?

  • @matthewbouton5121
    @matthewbouton5121 11 ปีที่แล้ว

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

  • @Jonik9i
    @Jonik9i 11 ปีที่แล้ว

    Thanks!

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

  • @GiuliaKingsley454
    @GiuliaKingsley454 11 ปีที่แล้ว

    Can you make a wolf animation please

  • @neo87011
    @neo87011 7 ปีที่แล้ว

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

  • @jazannah
    @jazannah 11 ปีที่แล้ว

    jazza u r bomb

  • @JTMoustache
    @JTMoustache 10 ปีที่แล้ว

    thank you :)

  • @solrart
    @solrart 11 ปีที่แล้ว

    Very inspired.:-)

  • @bloodfury2929
    @bloodfury2929 11 ปีที่แล้ว

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

  • @IIIrdOff
    @IIIrdOff 11 ปีที่แล้ว

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

  • @lamokazuki
    @lamokazuki 11 ปีที่แล้ว

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

  • @MutedMimic
    @MutedMimic 11 ปีที่แล้ว

    I use photoshop

  • @pencilbender
    @pencilbender 2 ปีที่แล้ว

    Dope

  • @wottheduece
    @wottheduece 11 ปีที่แล้ว

    Hot Stuff!

  • @cityvoyage
    @cityvoyage 8 ปีที่แล้ว

    That's a very advanced course

  • @The_Dir
    @The_Dir 11 ปีที่แล้ว

    Do a speed painting of batman.

  • @aizhankairbaeva8523
    @aizhankairbaeva8523 10 ปีที่แล้ว

    super) thank you)))