Animated Rain Tutorial

This is a great effect that can be used on most graphics. It might look like it's difficult to accomplish, but it's actually relatively easy.

You can see the effect created in the following graphic:

http://www.fileden.com/files/1285/water-anim.gif




What we need:

Graphics Programme (eg. Paint Shop Pro)
Animation Programme (eg. Animation Shop)
Base Graphic (of your choice)




Preparing the Images

1. Open the image you want to add animated rain to. It doesn't matter what it is - an icon, a banner, a signature...whatever.

2. Open a new canvas that is 200 pixels larger in height and width. So, if your original graphic is 400x400, you want to open a new canvas at 600x600. Next, use the eyedropper to pick up on a colour that is prevalent in your original graphic. So if you have mostly dark blues and blacks, I'd go with black. Then, floodfill your new canvas with this colour.

3. On the new canvas, go to Image >> Noise >> Add Noise. Set the noise to 50%.

Here's a screenshot of the settings (NB: Yours might look different, depends on the version of the program).

And here's what your canvas should now look like

4. Next, go to Blur >> Motion Blur. Set the angle to 158, and the strength to 40%.

Click here to see the motion blur settings

And here to see what we should have now

5. Copy the rain image onto your original graphic as a new layer, and change the blend mode (Layers >> Properties) to softlight. Save the image as a .png, naming it "rain 1". Don't close the image.

6. On the same graphic, move the rain layer slightly to the right, then slightly downwards. Save the image again, this time naming it "rain 2". Repeat this across-downwards-save process until you have saved around five to seven files.




Animation

1. Open Animation Shop (or your equivalent program), and select the animation wizard. Change the image dimensions to exactly the same as in your saved images, and press 'next'. On the next screen, set it to opaque, and press 'next'. Keep the settings the same on the following screen, and press 'next' again. On the next screen, make sure "Yes, repeat the animation indefinitely" is checked, and change the "How long do you want each frame to be displayed" setting to 5. Click 'next'.

2. On the following screen, click "add images", and select all of the rain images you saved earlier. Make sure they are in the order you saved them (which is why it was helpful to label them as 1, 2, 3 etc. earlier). Once all your images are inserted, click 'next'. Then, press 'finish'.

3. And that will be it! To check how it looks whilst still in Animation Shop, navigate to View >> Animation.

4. Save your image with all the bars optimized. It will be saved automatically as a GIF, and depending on how big your graphic is, the file size is likely to be huge. Therefore, if you try and host at photobucket or imageshack, you might get some distortion. To combat this, I recommend you host at somewhere like www.fileden.com.

Good Luck and I'd like to see anything you come up with!

Colourisation Tutorial

In this tutorial we are going to learn how to colourise a black and white photo. The process itself is quite easy, and the hard part lies in getting the skin tone to look right. I don’t claim to be an expert at this myself, but I think I can come up with some pretty decent results.

I’m going to be colourising the following picture:

https://2img.net/r/ihimizer/img110/8544/06zi8.jpg

However here are a selection of other black and white photo’s that you can practise on. It’s better if the pictures are of a good quality and not pixellated.

ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT

SKIN

1. Open your chosen image to your graphics program.

2. Firstly, we’ll colour the skin. Create a new raster layer, and name it “Skin 1”. This helps us to avoid confusion later on. Take a large, soft brush (I’m using size 90, hardness 0), in #FDC689. Colour over the entirety of her face, though not the hair. Don’t worry about going over her eyes, eyebrows, teeth and lips, but try and keep within the edges of her face. Set this layer’s blend mode to Color, at 47% opacity.

3. Duplicate the layer (Layers >> duplicate), and set it to softlight at 15%. Name this layer “Skin 2”.

4. New Layer (“skin 3”). Colour over her face again in #FDC689, as we did in step two. Set this layer to softlight at 50% opacity.

5. New Layer (“skin 4”). Go over her face again in #790000. Set this to color, at 10% opacity.

6. Another new layer (“skin 5”). Colour over her face in #EFB18D. Set this to colour, at 10% opacity.

Here’s what we have so far:

STEP ONE: SKIN

EYES, TEETH & LIPS

1. Next, we’ll colour her eyes. We’ll start with the white area. Use white (#FFFFFF) and a small brush to colour them in. Set this layer to color, at 100% opacity.

2. Now for her iris. I covered how to do eye colourisations in this tutorial. However, I’ll just explain it quickly here. Add a new layer, and take your brush at size two. I’m going to make her eyes a dark brown, and so start by tracing the very edge of her eye in #250101. Inside of this, using a size four brush, trace a couple of rings of a lighter shade of your chosen colour. I’m using #4D1E09. Finally, fill in the rest of the iris in an even lighter shade (#803616). Finally, colour the pupil black and the light spot white.


3. Now we need to blur the layer, (image >> blur >> blur more). Then, set the layer to overlay. And voila, pretty eyes.

4. Next, we’ll do her teeth. Another new layer, then use white (#FFFFFF) to colour them in, and set the layer to color at 40% opacity.

5. Lips next. New layer, and set your brush to an appropriate size. Cover her lips in #920B31, and set the layer to softlight at 50%. New layer, and cover her lips in #F397C0, with the layer set to color at 10% opacity. And that’s the lips done.

MAKE UP & EYEBROWS

1. We’ll start by adding a little blusher. On a new layer, use a large, soft brush in colour #F7C6D5, and apply to her cheeks and forehead. Set this to softlight, at 80% opacity.

2. Eyebrows next. Not much needs doing to the eyebrows, so on a new layer, we’ll just sweep a light brown colour over them (#6F3C1D), set at softlight, 10% opacity.

3. Now for the fun part – make up. On a new layer, take a black-brown colour (#1B0101) and use a small brush to outline the underneath and top of her eyelids – eyeliner. Set this to softlight, at around 30% opacity. Erase anything that looks a little strange.

4. New layer, and time for eyeshadow. You can choose any colour you like, but I’m going to go with a purplish colour (#420143). New layer, and just apply the colour as you see fit. Set the layer to softlight. I find that it’s easier to apply more colour, and use a large eraser to take off any excess. I usually find that it’s not necessary to add any more colour to the eyelashes, and so the make up is now done.

HAIR

1. If you can tell that the model in the original picture has dark hair, then stick to a dark colour (brunette and black). If she originally had blonde hair, then you can go for any colour you wish.

I’m going to colour her hair a very dark brown (#250901). On a new layer, colour over her hair, and then set the layer to color at 100%. Duplicate this layer, and set the the duplicate to softlight, 100%.

2. Colour any extras the photo might have, for example fingernails (or in my case, the make up brush). Always remember to do everything on a new layer.

LAST STEP

1. Merge all of the layers, then duplicate the merged layer.

2. Add a guassian blur of 3 pixels to the top layer (image >> blur >> guassian blur), then set the layer to softlight at 20% opacity. This just gives the image a bit more depth.

3. Merge the layers again, and we’re done! Save as a .png image (it gives a better quality) and there you have it. A beautiful colourisation!

Step 1
Open up a new document and add the text u want in white;




Step 2
Add these blending-options to the text;








Step 3
Should look like this




Step 4
Then grab some blood-brushes:
If you don't have any Blood Brushes, I uploaded some for you.

http://www.megaupload.com/?d=ALOO3M8K




Step 5
Change the blending-mode to overlay;




Step 6
And press CTRL+G to group the layer with the text;




Step 7
And then you are done. Add a shadow, a reflection or more blood if you want to make it look cooler, use your imagination and you'll get it right.

This tutorial will teach you how to make an image pop out of your sig. There are many ways to do this, however this is my preferred way.




Open any 2 images of your choice. (One image being a background, and one being the image that you want to pop-out.)

I am using a background and a render.

Background (Image 1):


Render (Image 2):



Now create a new document. Make sure it has a transparent background.

The size must be: the width of Image 1 and the height of Image 2.

Drag your two images into the new document.

Add any other features you want such as text and borders.

Your image should look something like mine below

I didn't put this tutorial on a canvas panel because it would take too much time. So, open up ImageReady and try out this animated bar tutorial.

Step 1

Create a new canvas 500x50 pixels

Step 2

Fill it with white

Step 3

Get your rectangular marquee tool and set the feather to 2




Step 4

Then make a selection like this and fill it with black




Step 5

Now get your rectangular marquee tool again and set the feather back to 0 (zero),

Step 6

Create a new layer, make a selection like below and fill it with any color




Step 7

Now create a few more layers, I made 2 extra, with the selection still selected just fill it with 2 different colors (both different layers you just created)

Step 8

Now select 1 of the 3 color layers and press ctrl + g, do the same with the other 2

Step 9

Well you have something like this (I moved the first 2 layers a bit 2 the left




Step 10

Switch over to ImageReady (ctrl + shift + M)

Step 11

Now the first frame in the animation window move all the 3 color layers to the left, so they are just left of the window


(when you don't see this window go to, window>animation)

Step 12

Now in the animation window choose duplicate current frame

Step 13

On that 2nd frame move 1 of the color layers to the right

Step 14

Then choose the tween button with these settings




Sep 15

Now duplicate again the current frame (last 1), but now move the color bar on the first color layer to the left and the second bar to the right

Step 16

Hit the tween button again and use these settings:




I got this



added a delay of 0.1 seconds

Step 17

Now you have to move bar 2 to the left, and you have 1 bar left so that has to go to the right and back, so let bar 2 stop in the middle, bar 3 go about 3/4 of the black bar and then tween with 9 frames again




Step 18

Now on a new frame move the 2nd to the left so it's out of your sight and the 3rd to the right on a new duplicated frame

If you followed it right you have something like this



Step 19

Now the 3rd bar must go back to the left

Step 20

Your done, this is my final image

Good job and useful tips. Now general people will understand how the scenes are made.

Im going to attempt some of this!
Wish me luck!
I Sucketh at photoshop!

After a long interval i am back again. Now a days making such scene and faces became easy using the computer. But i think how they done it before when the computer animation was not at its best. I think those days they had to spend a lot in thinking over photography. Bye the bye again like to thank for such a useful post.

Nice tutorial with example picture . I really enjoyed the post. I have to employ these tips .