midnitesun
May 22 2006, 11:55 AM
Here i am going to show you how to create realistic rain effect using photoshop CS, this tutorial is suitable for immeadiate beginners too, now the first thing you need is to get a good source image , i used this house which is shown at a kool angle and a dog lookin out of the window supposedly because it is raining  dublicate the layer ( press Ctrl+J ) or just drag the layer to the create new layer button at the bottom of layers tool box , now go to Image > Image Adjustments > Levels and make your settings as shown in the image below ...  even tough the image we have is already dark ,that would have given the image the necessary dark appearance as you would have on a rainy day .. the next step is to create rain create a new layer (Shift+CTRL+N) with a white background and name it rain for easy reference later now go to Filter > Noise > Add Noise and make your settings as shown in the image below ....  now go to Filter > Blur > Motion Blur and make your settings as shown in the image below ....  now go to Image > Image Adjustments > Levels and make your settings as shown ....  go to layers pallet and change your blending mode to screen well we got it raining already but i just want it to rain more heavily so make another copy of the rain layer, set the blending mode to screen on this layer too and go to Edit > Transform > Rotate 180 degrees clockwise and reduce the opacity of the layer to around 82, now with the topmost layer selected press Crl+E to merge the two top layers now it rains but we dont have any wind , so our rain is not realistic yet , now go to Filter > Distort > Twirl and make the settings as shown below ....  and here is my final image , it rains doesnt it ??  
Reply
Wilson Cook
May 26 2006, 12:45 AM
That has to be the most amazing effect I've seen described so simply. Wow, I am going to use this on everything! Even pictures where you can see the sun  Good job
Reply
dark_drgn
May 26 2006, 01:54 AM
Personally it doesn't look too realistic, the rain is at too much of an angle, maybe if it was slightly vertical.
Reply
garbage
May 26 2006, 12:57 PM
looks good you should make a tut for the animated version
Reply
Zabb
May 26 2006, 08:18 PM
there already is 1 for the animated. and the animated tut already has everything this post has w/ differnt settings all you need to do is change the angle of the motoin blur to make it look like the rain is coming from a different angle.
Reply
EMerGE
May 30 2006, 06:48 PM
That is amazingly simple and sooo effective. I'm impressed - I've tried a few different ways to get a rain effect going on and none look as great as this one. Thank you so much 
Reply
command-prompt
Jun 12 2006, 12:30 PM
I agree with dark_drgn, Since the background is at a paculiar angle I would try to match the rain with the angle of the background and then off set it just a bit.
Reply
hock3y dud3
Jun 13 2006, 05:26 AM
cool dude i like it
Reply
look4prog
Jun 25 2006, 06:03 PM
That has to be the most amazing effect I've seen described so simply
Reply
KoYoda
Jun 28 2006, 10:54 PM
Very cool and simple, and very nice. I like the background too
Reply
Latest Entries
iGuest
May 19 2008, 03:32 AM
rain feedback
How To Make Cool Rain Effect
Thankyou for saving me from a pickle that was starting to affect my sleep. Kind regards Adam -reply by adam Wheatley
Reply
iGuest
May 13 2008, 02:01 AM
How do you get it onto the original layer? -question by Frozenstar
Reply
iGuest
Apr 27 2008, 02:09 PM
thanks
How To Make Cool Rain Effect
Great tip , saved my hours opn my project! -reply by chris Timothy
Reply
iGuest
Mar 7 2008, 12:10 PM
Replying to midnitesunGreat job done man it is simply gr8
Reply
iGuest
Feb 23 2008, 07:39 PM
Now if you add rain droplets to the window and other things on the picture.. With the added angle change to the rain.. It'll look very good.. All in all great tutorial. -reply by Prophesied Angel
Reply
Recent Queries:--
animated rain and lightning added to pictures tutorial for photoshop - 0.00 hr back. (1)
-
how to make people look cool on photoshop - 0.23 hr back. (1)
-
how to make cool effects with photoshop - 0.24 hr back. (1)
-
how to make rain photoshop - 0.26 hr back. (2)
-
rain photoshop - 0.91 hr back. (1)
-
how to make an person transparent in photoshop - 1.37 hr back. (1)
-
rain in photoshop csd - 1.88 hr back. (1)
-
raining effect photoshop - 1.98 hr back. (1)
-
create rain in photoshop csd - 2.11 hr back. (1)
-
how to make cool image on photoshop - 2.17 hr back. (1)
-
photoshop rain - 0.72 hr back. (2)
-
sun text effect photoshop - 4.91 hr back. (1)
-
making rain in photoshop - 5.40 hr back. (1)
-
how to make lightning in adobe photoshop - 9.29 hr back. (1)
Similar Topics
Keywords : make, cool, rain, effect, photoshop, tut
- Adding Jigsaw Puzzle Effect With Photoshop
(1)
Adding Signature Stamp In Photoshop
(2) I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
transparent background. Size isn't important. Select the text tool and choose your font. I used
a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
down menu select the brush. It will be the last one. Select the color on the....
Photoshop -- Double Stroke
Learn to create a neat-o text effect (2) Lets do this! 1. Create a new photoshop document with the dimensions 88x31. If your lost
already... quit. 2.Alright make some random background and then put some random black-colored
(#000000) text on it. Kind of like the picture below. 3. Select the text layer you have just
created and click on the little f symbol near the bottom of the layer window. A sub menu should pop
up. Click on stroke. 4. Some editing window should appear. Change all the values to what you
see in the following image, make sure the stroke color is white (#FFFFFF). After this tu....
How To Make Grid Using Adobe Photoshop
(0) Description Learn to create a neat grid using Adobe Photoshop! Great for many types of
graphics! Try It Out We're going to start by opening up a new Photoshop Document. You may
use any image you want, as long as its a resonable size. I chose to use Banjo Bob here
/biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> Click
File -->New Document. Change the Dimensions to 10x10 and the Contents to transparent. Click OK.
Now, using the zoom tool, zoom in as much as possible. Make your image look the same as this one: ....
Photoshop Cs Tutorial - Make Your Pics A Little Spooky
How to Add ghost in your pics. Let peoples wondering is ir a real ghos (5) First, you need source pic. I labelled the source pic as S . Heres my source pic: Look spooky
isn't it? And here's my original pic. I label my original pic as O. Next, i paste the
S picture on the O picture using adobe photoshop and erase the undesired area. Adjust the S
position.. Here's the result: Select the S layer and and adjust the opacity and fill until
you get the most spooky look. Go to filter and select blur-gaussian blur.. Select smudge tool and
smudge the S picture until you get a better and real ghost shape. Repeat this step un....
Reflective Text
For Photoshop! (6) 1: Open up your canvas with the text on it. Duplicate the text layer. 2: Then go
Edit>Transform>flip vertical 3. You ratserize the text layer. 4. then you take the rectanglar
marqee tool, and make selection over the text (the duplicated one)about half ways up of the text 5.
Then right click > feather > put about 5px. Now press delete. And there you go, reflective text
You'll get something like this or even better. /biggrin.gif"
style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />....
Photoshop Cs2 Animation Tutorial
(0) Tutorial By: Evil Guy This tutorial will show you how to make a animated pictures in adobe
photoshop cs2 Step. 1 Open a new document with any size, i used 300 x 100 Step. 2 Now type
anything in it, I typed Evil Guy Step. 3 Now open the animation window, go window -->
Animation It will lOok like this: Step. 4 Now on the left in the layers box: And change the
opacity of the test to 0% like the following Step. 5 Now press alt+shift+ctrl+F to open a new
frame Step. 6 Now in the new frame change the following settings in the layer box: Step. 7 ....
How To Retouch Your Pictures In Adobe Photoshop
correct Freckle (5) How to retouch your pictures in Adobe Photoshop (correct Freckle). There are many ways you can
retouch your pictures. But now, I would like to show you to simple and easy ways that I usually use.
First way) Using the Patch tool: 1- Open the image you want retouch. 2- Select the patch
tool from the toolbox (or press J). 3- Select a small area in the image, then drag it to a
clean area and finally release the mouse button. Do step 3 several times to get best result. like
below Finally your picture may become like this: Second way) Using ....
How To Design A Scan Line Fill Effect In Photoshop
(2) How to design a scan line fill effect in Adobe Photoshop First you need a pattern to fit on
pictures. To create pattern: 1- Create a new 2*4 image (width=2 px, length=4 px) and set background
to Transparent. 2- Click the Zoom Tool and zoom on the image (1600%) 3- Select the Pencil Tool and
specify foreground to black and set master diameter to 3px . 4- Drag in top of the image to paint.
(Click in image). 5- Hold down CTRL and press A (CTRL+A) to select the image and then select
Edit > Define Pattern and then type a name and click ok. To apply fill effect: 1- Open....
Photoshop Cs2: Full Signature Tutorial
Made by Tramposch (11) This is a tutorial on how to make a signature like this: First of all, you need to find your
render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
because then it will not looks so great with empty space. For the signature I used this render:
http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
background, any reasonable signature size will do (don't make it too large /wink.gif"
style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---&#....
Mario Signature (adobe Photoshop)
(15) Tutorial Name: Mario Signature Created by: Tidus Program used: Adobe Photoshop Notes: A
friend of mine made this tutorial a while ago and said I could repost it. I think its a good
tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him
and shouldn't be reposted by others unless you have his permission. Tidus's Second Tutorial
This is the ending result that you should get after you have completed this tutorial. 1) Okay,
the first step is open a new document thats 385x115. You can use whatever size you want....
Reflecting Text Tutorial
Adobe Photoshop CS2 (5) Here you will learn how to create cool reflecting text effects! Step 1. Once your ready to add
text onto your signature your ready to being. With your text tool type what ever it may be. I
suggest for this effect your text be on something black And your text white. Step 2. Now we want
to duplicate that layer to do this select the layer and hit ctrl+j. Step 3. OK now that we have two
of the same layer select the duplicated layer and hit ctrl+t. Right click it and hit flip
vertically. Step 4. You want to move it down just a bit. Make sure that nothing touches. ....
Complete Signature Tutorial
Adobe Photoshop 7+ (18) Well here's my 3rd tutorial, it took about a hour and a half to make and I hope it helps people
out. I use this technique in a lot of my signatures. Easy Full Signature In this tutorial I will
show you how to make a signature like this: Resources used in this tutorial: Dark Crystal
Script Font Rust and Grunge Brushes Link Render Brushing the background 1) Create a new
canvas (I used 340x120) 2) Fill the background layer with black 3) Load your brushes 4) Set your
foreground to white 5) Create a new layer (CTRL+Shift+N) 6) Brush the background....
Photoshop - Lightning Tutorial
How to make realistic lightning in photoshop. (17) This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
middle all the way to the right. 8) To change the color of the lightning like I did, go to
Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh....
Glossy Effect Tutorial [photoshop]
(11) Most people know how to do this but for you people new to photoshop it is a helpful trick!!
....
Photoshop Lightning And Explosion Effect
Create a cool lightning/ explosion effect. (6) Step 1: Open photoshop and create an image of any size. For this tutorial I have made mine
640x480, though it does not really matter what size you choose. -- Step 2: Create a
selection. Make it kind of jagged and lightning shape. You can make it much more complex than the
one shown, just I wanted to make it quickly. -- Step 3: Go to Filter> Render> Clouds and make
it inside your selection. -- Step 4: Use a medium sized brush and brush in some forked
shapes and stuff. -- Step 5: Go to Filter> Render> Blur and do a blur of about 5.4 ....
My First Sig Tutorial (c4d+coloring) (photoshop)
your comments please (11) First of all open a new document with white background and size 355 / 105 import your render to a
new layer , name the layer original and hide the layer create a new copy of the original layer
here's the render i choosed ..... go to Image > Adjustments > Hue saturation choose
colorize and drag the hue slider to 121 create another copy of the orignal layer go to Filter >
Blur > Radial blur set amount to 10 , blur method to spin and quality to good now set the blending
mode of the layer to vivid light go to Image > Adjustments > Hue saturation choose color....
[photoshop]grunge Abstract Sig ~ Samma
Includes Multi Color Method (9) Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
1. Fill the canvas with black, and brush with white using a grunge brush. After you have
completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru....
Simple Sig Tutorial
photoshop sig tutorial : New to photoshop? (23) Mytutorial which i made for people who are new in photoshop: This is my first tutorial so maybe
there are few mistakes .......
Cool Sig Backgrounds With Photoshop
its cs2 (7) make a new one with these then go to layers>duplicate layer Then on the upper one go to
filter>render>fiber http://img506.imageshack.us/img506/9468/secpmd4gu.png then go to bottom one
and duplicate that layer and go to filter>render>cloud then on hte newly duplicated one go to
Filter>render>different clouds then on the same one go to filter>distort>twirl and set it at 200
Now go to the top one and cllick overlay then go to the middle one and click overlay (overlay is
on drop down menu) then go to layer>merge down then go to layer>merge down then press c....
Rounded Edges In Photoshop
An easy way to do this (13) I'll show you how to make rounded edges and a border around a picture. 1) Open you picture in
photoshop. I'm chose this lovely picture to work with: 2)Select the elliptical marquee tool
and make shore you keep these settings: 3) Use the elliptical marquee tool to draw a circle
selection in one of the corners of your picture like this. Pick a size depending on how rounded you
want your image. 4) Repeat this in every corner of your image until you have something like this.
Try to make all the circles look as much alike as possible. 5) Now select the re....
How To Double Stroke Images
Using Photoshop (22) (I am aware that there is an existing tutorial on double stroking text, but this is very different.)
How to double stroke images using Photoshop by Strawberrie 1. Open up/copy&paste the
image you want to double stroke onto a new layer (Shift+Ctrl+N) in Photoshop. 2. Go to Edit >
Stroke. Set the width to 3 px and color to whatever you wish your furtherest inside border to be (in
this case, black). You should get something like this: 3. Go to Edit > Stroke again. Set the
width to 2 px and color to whatever you wish your middle border to be (in thi....
Photoshop Registration
concerning the pop-up window (6) hey, when you start installing photoshop, does the registration window pop up at the beginning ? or
it doesn't come out until your 30 day trial is over? because i've reformatted my comp like 3
times and i have ps on te cd saved but whenever i try to install it it never asks me to register
it... also which is better? PHOTOSHOP cs OR PHOTOSHOP the newer version? and will the brushes for
ps8 work on the newer one? thank you!....
Make A Multi-color Sig {photoshop}
(9) This tut is from my forums at www.halo2krew.com so please give credit if u use it This tut is on
how to make a multicolor sig. You will have to know the basic commands and tools in Photoshop becaus
I wont explain everything in detail. 1. Make a new document- 400x100 is what Im doing 2. Most
people like to fill in the canvas with black or do clouds but im just going to start brushing right
away. So take out your brushes and press "d" to reset your colors. Then brush with your grunge
brushes on your canvas untill you get this dark, 3. Now Make a new layer and Brush ....
Adobe Photoshop --- Cyber Abstract
(14) Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
settings shown in the image below: (make sure you pull the blur center up to the left corner!
THIS IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your ke....
Turning An Image Into A Cartoon Style - Photoshop
Tutorial on cartooning images. (30) This tut will show you how to make a photo look cartoonish in three easy steps... 1)Open your
image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a
person. I am using a picture of a football player in this example 2)Go up to
Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking
for. 3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha
cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you
don't....
Adobe Photoshop Fire Text
(5) 1. Create a new image, any size will do, but I used 400x150 (standard sig size) 2. Fill the newly
created image with black 3. Create a new text layer with whatever text you want to use 4.
Merge the text layer with your background layer (Click on your text layer, press Ctrl + E) 5.
Filter, Stylize, Wind...Use Settings Below 6. Repeat by pressing Ctrl + F 7. Repeat steps
5-6, changing the direction of the wind to Right 8. Now rotate the canvas 90 degrees CW 9.
Repeat steps 5-7 10. Rotate the canvas 90 degrees CCW, this will return you to the origina....
[photoshop] Cartoon Vector
(25) How to turn a picture of an actual person into a cartoon... (1) Filter> Blur> Gaussian Blur
Settings: 9px (2) Press Shift+Ctrl+C now in Mode set it to darken and opacity to 100% if it
isn't already. And that's it! Simple, eh?....
Make An Energy Blast In Photoshop
(14) 1. Start out with a new 250x250 image. Choose a white background. Then press D on your keyboard to
reset the colors. 2. Go to filter > render > clouds 3. Now go to Filter > Pixelate > Mezzotint.
Select long lines from the drop down menu. 4. Next go to Filter > Blur > Radial Blur. Choose 100,
zoom, and best. 5. Finally, to add some color, go to Image > Adjust > Hue/Saturation. You can do
this quickly by pressing Ctrl+U. You can adjust the colors there. Make sure you check "colorize".
Seems some of the images don't work....
Exporting Transparent Images In Photoshop To Flash
Needed: Photoshop 7 or CS, Flash MX (4) First of all, it is important that you make sure the image you wish to export is on a transparent
layer. The transparent layer is a checkered background in photoshop. You can see this checkered
background in the image to the left. In this example, I created a quick glass icon which has
different levels of transparency. This is the image I will be exporting, whilst preserving
it's transparency. Once your image is on a transparent background, head to file > save for
web. You can only export complex transparency using the .png filetype. So from the drop down....
Looking for make, cool, rain, effect, photoshop, tut
|
|
Searching Video's for make, cool, rain, effect, photoshop, tut
|
advertisement
|
|
