Create a Rainy Sidewalk using Photoshop Filters | Photoshop
Photoshop Addict

Free Photoshop Tutorials

Online resources of photoshop tutorial used in web designing and photo editing.

·

Photoshop

 in Web Designing
Photoshop is the most commonly used worldwide tool for designing optimised websites. This product from Adobe is a boon to graphic and web designers. It has proved its importance and efficacy in handling images as it has emerged as the right hand of the designers. With the help of Photoshop pro....
Read more

· Photo Editing Software

Photoshop is widely considered the best image editing software in the world today by a long way, and it is not difficult to see why. Photoshop offers incredibly advanced effects which would previously have taken days or weeks to accomplish, and reduces them to the level of a few settings and a few clicks....
Read more

Create a Rainy Sidewalk using Photoshop Filters


In this tutorial I am going to demonstrate on how to create a rainy sidewalk using the Photoshop editing software. To create a rainy sidewalk we will use the filter tool of photoshop for us to have a best result. Follow the instructions below to create a rainy sidewalk.

1. To start, create an image that measures 800 pixels wide by 600 pixels high. The resolution can be whatever you wish, but for the sake of speed, 72ppi is preferable.
Create a Rainy Sidewalk

2. Select a dark gray for the Foreground color. This could be the gray swatch found at the upper right of the Swatches palette in the top row. Choose a light gray for the Background color. The seventh swatch from the right on the top row will do fine.
Create a Rainy SidewalkCreate a Rainy Sidewalk

3. With the Gradient tool, lay down a gradient with the dark gray at the top going down to the light gray at the bottom.
Create a Rainy Sidewalk

4. Reset the color swatches back to black and white. This is done by clicking on the reset icon at the lower left of the color swatches in the Tool palette.
Create a Rainy Sidewalk

5. Using the Paint brush tool with the second brush size from the left in the brush palette, create some rough lines to simulate cracks in the sidewalk. Three or four jagged lines will be sufficient.

6. Now we’ll use the first filter. Choose Add Noise (Filter>Noise>Add Noise). Give it a small percentage of about five. Press OK. This will add the texture needed to simulate the concrete material for the sidewalk. It will also add randomness to the gradient that the next filter will use to add its effect.
Create a Rainy Sidewalk

7. You will now add a pool of water to your sidewalk as if the rain has just stopped. Choose the Plastic Wrap filter (Filter>Artistic>Plastic Wrap). Adjust the settings to match. Press OK.The result should look like the wet sidewalk.
Create a Rainy Sidewalk

8. Now you need something reflected in the water. Find an image that is looking up at trees, buildings whatever you wish to use.

9. Resize it to the size of the sidewalk image.

10. Import or paste it into the image of the sidewalk. Note: This image will be place in a new layer.
Create a Rainy Sidewalk

11. The affect you want is that of looking down onto the sidewalk seeing the reflection. To achieve this effect, rotate the layer with the image you have imported 180 degrees (Edit>Transform>Rotate 180).
Create a Rainy Sidewalk

12. You will now distort the image as if there is rippling water on the sidewalk. Another filter will give you the desired effect.

13. Choose the Ripple filter (Filter>Distort>Ripple). Give it a high percentage of about 548 with the size set to Medium. Press OK.
Create a Rainy Sidewalk

14. Set the layer to Multiply mode in the layer's palette and reduce the opacity to 75%.
Create a Rainy Sidewalk

15. Flatten the layer into the background to make a single layer. This is done via the pop-up menu in the layers' palette.
Create a Rainy Sidewalk

16. Now comes the finishing touch: that last drop of water suspended from up above somewhere in your scene. Select a small oval somewhere in the image with the Elliptical selection tool. Make sure the selection is small. This is a drop of water, not a bucket-full.

17. Using the Eyedropper tool, choose one of the darkest tones in the image.

18. With the Airbrush tool set to the 27 brush size, paint in two dabs of color within the selected area.

19. Now choose the lightest tone of the image and paint two more dabs of color.

20. Now choose the ZigZag filter (Filter>Distort>ZigZag). Increase the amount to about 26% and press OK.

21. Deselect and sit back and view your work. The sample tutorial output may look like the image below.
Create a Rainy Sidewalk
Create a Rainy Sidewalk using Photoshop Filters

5 comments:

moih60 said...

thanx for good tutorial but the image too small

Unknown said...

Nice update about Photoshop,

Photoshop, Flash are the famous tools for web site designing.but we need sound knowledge to use that designing tools. then only its possible to build a good web design.

Thanks,
Cubicle Ninja - Chicago Design|Website Design|Web Development|Graphic Design

Unknown said...

Awesome tut, really helpful but maybe you can enlarge the images? thanks for sharing and more power.

orange county internet marketing

Anonymous said...

nice to know you, and glad to find such a good artical!.................................................................

lavi said...

The above statement is seen to be contradictory. The situation is very critical and need an experience complainer to resolve it.
Free contact form

· What's New in Adobe

Photoshop

CS3
Photoshop CS3 is now at version 10 of this phenomenally successful program (well twelth actually, if you count versions 2.5 and 5.5). And it all started almost twenty years ago in late 1987, when Thomas Knoll with his brother John, created the first prototype version of Photoshop. Photoshop CS3 has come on a long way since then, so much so that even in a big book like this there is only enough space to cover the features that are of specific interest to photographers.... Read more