Resources and Support
 Pixel Joint Forum : The Lounge : Resources and Support
Message Icon Topic: How do I animate rain? Post Reply Post New Topic
Author Message
Malleys
Seaman
Seaman
Avatar

Joined: 01 March 2022
Online Status: Offline
Posts: 1
Quote Malleys Replybullet Topic: How do I animate rain?
    Posted: 06 March 2022 at 2:55pm
Hello everybody! I'm new to pixel art and I was reading the site's FAQ, which links to this old thread, and I found this beautiful piece: link

Now my question is, how did that artist did the rain? I would like to do it too and I'm sure he didn't animate each drop of rain individually! I use aserprite btw.
Would you be so kind to explain it to me or to show me some good tutorials? Thank you very much.
IP IP Logged
maruki
Seaman
Seaman
Avatar

Joined: 18 May 2020
Online Status: Offline
Posts: 4
Quote maruki Replybullet Posted: 06 April 2022 at 4:08am
Hi there! I believe it was mostly done by hand, but using pattern repetition in a clever way. The artist probably made a couple of texture variations using straight lines and spread across the canvas by copying and pasting. Then he used that same frame and duplicated it, and dislocated it to another part of the canvas, selected a random part of this frame and rearranged it on the empty space, and so on for 24 frames. It isn't hard, however it's time consuming.
Because the rain is animated at 100ms, it flashes quickly so we don't notice the repetition, but it is there! It's one of the fundamentals of design and for animations like this I'd very much recommend its use.
I have two examples here, the frame #5 and frame #8, look how similar they are. I think they aren't exactly the same because this is an area of attention to the viewer, so the artist retouch it there specially after animating the whole texture.
You can save the gif and open on aseprite to look at it better.

IP IP Logged
looloopaa
Seaman
Seaman
Avatar

Joined: 06 November 2020
Online Status: Offline
Posts: 6
Quote looloopaa Replybullet Posted: 21 June 2022 at 12:06am
Wow, I never would have thought about the raindrops being illuminated like that... What an amazing detail.
IP IP Logged
Post Reply Post New Topic
Printable version Printable version

Forum Jump
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum