I get asked a lot how i animate so i'm giving away the .psd of my latest animation, you can download it by clicking on the download button on the right side of the screen. I don't have time to make a rpoper tutorial but i will explain thing here in as much detail as i can.
Since many people said the skin tone was too bright i added a screen but it can be turned on and off in the .psd.
The file can only be opened in Photoshop
Now about the file and what it teaches you:
This is a complex animation, meaning it mas man yitems animated at different times.
The rain animation is made of 3 frames played over and over again! So if you want simple rain then a simple 3 frames animation should suffice!! The reason i played the animation for so many frames was because i didn't want him to blink too often.
the drops animation play at random times. To animate any specific layer in a frame, you have to turn the layer ON, by clicking on the eye symbol. To have something not appear in the animation, turn the layer OFF by clicking on the eye.
-Take notice of the rain animation, i have a background rain, and a rain that is closer to the viewer. I drew the rain closer to the viewer by hand, just made lines with the brush using a greyish-blue (not white!)
I made the background animation by:
1) Creating a new layer.
2) Fill the layer with black
3) Filter - noise - add noise
4) Add a brightness contrast layer on the noise layer untill the noise is VERY pronounced, i suggest using legacy (legacy effects are more pronounced and you don't have to add a million contrast layers to get the pronounced effect)
5) Now go to Filter - blurr - motion blurr. From here choose the intensity and angle you want, i choose a vertical rain but heavier rain falls in diagonal, at an angle. It's your choice.
6) Now add your layer on the blending more called Screen!
7) repeat this process to make 3 more layers like this and then play them in order.
This effect alone won't look very much like rain so you have to add bigger rain drops, the ones closer to the vewer.
1) Make 3 new layers (same as your background rain layers)
2) on each layer pick a light blue-grey and make lines in the same direction as your rain. Mine are vertical. Add as many as you want, untill you reach a nice rainy image.
3) Repeat this process for all 3 layers, obviously don't copy the first layer, make new ones from scratch.
Not for the rain that bounces off objects:
1) Identify the part of the object/person is being hit by rain. In my image it's the top of the head and the shoulders. It is always the thing that stays on top and is not shadowed or blocked by anything. Don't add rain bouncing off the underneath part of anything, only the top. If your rain comes at an angle from the right then only the right part of the character/object gets this effect, leave his left part alone.
2) Add dotts or small lines on these surfaces.
4) Add a light glow on these surfaces as well with a very fuzzy brush. The glow is very impostant!
5) For objects in the distance, just add a glow with a fuzzy brush because they are too much in the distance for the eye to see any particular raindrop bouncing off.
6) Repeat this process on 2 more layers so you now have 3 layers of rain bouncing off.
1) Draw a raindrop that is close to the viewer. That means you draw a circle with a shine on it. Use a light blue+grey.
2) place this raindrop somewhere at the top of your drawing and on top pf every other layer.
3) Now duplicate your raindrop layer and grab that raindrop and drag it down. Use SHIFT to keep it in place and go down perfectly vertically. If your rain is at an angle then move the raindrop in the direction of the rain but much lower on the screen.
4) repeat this process to add other big raindrops. Be creative, make some bigger than others, like some would be closer to the eyes of the viewer and some further away.
Now you have more depth to your image with all these rain layers
To animate them, you create frames and turn the layers on and off such as layer 1 has from each of the rain animation a layer turned on. But the rest stay off! you don't want them overlapping.
you can mass turn on and off a layer by clicking first frame and SHIFT-clicking the last layer and then turning on or off a layer. The result will affect all layers selected.
If you have questions, ask. Also, this is an advanced photoshop users tutorial as i don't have time to explain everything in great detail. Sorry for typos, i'm a sloppy typer
you can see the .gif here
I wish the background was more real-looking, but if this is your style then I really like it, I too do weird backgrounds as well.
That is all. Take care and keep your style and have fun, and maybe next time do Light.
thehe.. this is amazing. The first sucess i had when i opened your file, was how i learned to create a layor Group. I always lost the overview when i had >40 layers.. no i can hide them in Folders
The only Thing i dont get is how you created the .gif . .. i can Export it as a .mp4 to be animated ... but if i want a .gif , and use "save as" to create the .gif, he only saves the activated Frame as a unanimated Picture. :/
yes, folders are very useful i se them all the time, i hate scrolling through layers, even if i usually name my layers it still is annoying if they're not organized in groups
Solved the last Thing .. "save as ... gif" is the wrong way... i had to use " save for web" .. now it s working fine ...
still thx for the .psd , it gave a interesting insight in how professionals work with photoshop
I don't really know what you mean, you mean the letter L? or