Social Media Marketing

In this tutorial, we will learn how to Create Artificial Rain effect on any image.

To begin with select an image to which you want to add rain effect. I have used this image which one of  my colleague has shot while his trip to RIE Mysore. Fig.1

RIE Mysore (Click to Enlarge) -Fig.1.

In this step we will first make a new layer and apply Clouds it.
Make a new layer.
Fig.2

New Layer (Click to Enlarge) - Fig.2.

Now go to menu Filter>Render>Clouds
Fig.3

Cloud Filter (Click to Enlarge) - Fig.3.

With the new layer still selected, reduce the opacity to 70%
Fig.4

Opacity - Fig.4.

Now we will add some noise to this layer.
Go to menu Filter>Noise>Add Noise
Fig.5

Add Noise (Click to Enlarge) Fig.5.

Set the value of Amount to 60%
Select Gaussian from Distribution and check Monochromatic
Fig.6

Filter Noise (Click to Enlarge) Fig.6.

In this step our work is almost 70% done. We will now give some motion blur to the same layer we were working on.
Go to menu Filter>Blur>Motion Blur
Fig.7

Blur Effect (Click to Enlarge) Fig.7.

Set the angle to 70° and distance to 10 pixels.
Fig.8

Rain (Click to Enlarge) - Fig.8.

Change the blending mode of this layer to Screen
Fig.9

Blending Mode - Fig.9.

We have almost through with our work, just we need to give it a final touch by different blends and contrasts.

So first we will flatten the layer on which we were still working on to the image we are using.
Fig.10

Flatten Image (Click to Enlarge) - Fig.10.

Now go to menu Image>Auto Levels.  This will make our rain look little more realistic.
Fig.11

Image Level (Click to Enlarge) Fig.11.

At this stage, You can do some color correction, contrast settings to suit your image style.

Go to menu Image>Adjustments> (Select the option that suits your image style to adjust Contrast/Color etc)

With this, our artificial rain is complete and the image now looks like this
Fig.12

Final Rain Effect (Click to Enlarge) - Fig.12.

Final Image to compare the Before & After effect:

Rain Effect Before/After (Click to Enlarge)

Hope you liked this tutorial!

Lots more coming your way.

You can also Stay Updated With Us Here: Subscribe For Free

Connect with us On:

Facebook

Twitter

Stumble This

Digg This

Also, do write to us for any queries or views or comments:
admin@techdivine.com

—-

Yasir A

Designer

Techdivine Creative Services

Related Post:

How to create Glowing Lines Tutorial

Part 1 – Photoshop Tutorial – Creating Fire & ICE

Stunning Rays Text Effect in Photoshop

Here comes my fourth tutorial in Photoshop after the first 3: First Rays Effect Second Fire Effect

Third Ice Effect Creating your own Special Effects: Glowing Lines and VFX effect in Photoshop

In this tutorial we will create our very own special effect cool glowing lines.

It is a simple tutorial from which you can make your own desktop wallpaper and do so much more.

Step1:
Create a new document. I prefer selecting the size of 1280×1024 pixels and resolution 300.

Select background color as Black or you can change the background color later too.

Select the Brush tool then change the settings of the brush to size 3 pixel, 0% hardness and color white.

Create a new layer and then select Pen tool. Change the mode of Pen tool to Paths.

Now create the shapes like I have done below. Once you are comfortable with this tutorial,

which you will be very soon, you can add and create effects for your own shapes.

After drawing the line, right-click anywhere in the document and select stroke path.

Then in the options select Brush and check the box of Stimulate Pressure and hit OK.

Repeat this step for 4-5 times to get a good curved brush stroke.
Fig1

Fig1 (Click For Larger Image)

Step2:
Now we will make pattern of this stroked path. With the same layer active, hold Ctrl button and click on the active layer.

This will create a selection of the stroked path.

Now go to menu Edit>Define Brush Preset and save as a Brush.

Now hide this layer and select Brush tool.

Go to Brush settings and select the brush you just created (Hint: the recently created brush will appear at the very end) and change the settings as shown below.
Fig2

Fig2

Fig3

Fig3

Step3:

Create a new layer and with the same brush as active that we just created

and edited, start drawing from left of the document to the right. You will see that all the lines must be different from each other due to the settings we have done. The image should look somewhat like below.

Fig4

Fig4 (Click For Larger Image)

Step4:

After completing the above step, we will now give some glow to it.

Go to the blending options of the layer you are working on and use the settings below.

Fig5

Fig5 (Click For Larger Image)

Fig6

Fig6 (Click For Larger Image)

Step5:
Now make a duplicate of this layer you are working on.

Again go to the blending option of the duplicated layer and change the outer settings as below.

Fig7

Fig7 (Click For Larger Image)

(Note: In the previous layer under the blending option for outer glow, we had gradient with transparent color at both the corners and for this step the ends are filled[colored] & not transparent)

Step6:
Draw some small dots of about 4-5 pixels in a new layer and repeat the steps 4 and 5.

Fig8

Fig8 (Click For Larger Image)

Step7:
Now make a new layer and select the Gradient tool and select the following pattern and style

Fig9

Fig9

Fill the gradient in whichever way you like to. Change the blend mode to Color and set the Opacity to 55%

Fig10

Fig10 (Click For Larger Image)

Hope you liked this tutorial.

You can also Stay Updated With Us Here: Subscribe For Free

Connect with us On:

Facebook

Twitter

Stumble This

Digg This

Also, do write to us for any queries or views or comments:
admin@techdivine.com

—-

Yasir A

Designer

Techdivine Creative Services

Related Post:

Part 1 – Photoshop Tutorial – Creating Fire & ICE

Stunning Rays Text Effect in Photoshop

Here is the Part 1 of the Tutorial: Creating Fire Effect: Part 1

Part2: Creating ICE Effect in Photoshop:

Ice effect
Take a new file with black background and type a word you want.

For example if have written “ICE”

As far as possible use some Big / Bold Font style like IMPACT to give you the proper effect.

Rasterise the text layer and merge down with the background

Now go to menu Filter>Stylize>Solarize

After this, go to menu Image>Adjustment>Auto Levels

Now we have to rotate our canvas in 90° CW.
Go to menu Image>Rotate Canvas>90° CW

We have to now give a wind effect.
Go to menu Filter>Stylize>Wind

Select “Wind” under Method and “From the Right” under Direction

Repeat this step for 4-5 times, here i have used same step for 4 times

Now rotate back the canvas to its original position.
Go to menu Image>Rotate Canvas>90° CCW

We will now give ripple effect to the image.
Go to menu Filter>Distort>Ripple

Set the value of Amount to 100% and Size Small

The image will now look like this

Now create a new fill layer.
Go to menu Layer>New Fill Layer>Solid Color
And just select OK from the New Layer window.

Select the color that will have a feel of ice, i have selected #0e67df.
Change the blend mode if the new layer as Vivid Light

We are almost done with the image, we now just have to give it a icy glow effect.
Select the background layer and go to menu Filter>Filter Gallery

Now Select the Distort Menu and under that select Diffuse Glow

Set the values as
Grainness – 0
Glow Amount – 16
Clear Amount – 13

With this our final result looks like this

To further Improvise, you can use few tools like Brush, Eraser as below:

To Soften the Bottom Edges of the Image, We have taken a soft brush and used it to erase and black out few of the bottom edges and make it smooth

You can further tone down the “Blue-ness” of the Image by using Photo Filters from Image- Adjustments – Photo Filter

Select whatever drop down suits your style, but for Ice, recommended would be

Underwater at Maximum of 100% density

This is how your final file should look like:

ICE

Hope you liked this tutorial.

You can also Stay Updated With Us Here: Subscribe For Free

Connect with us On:

Facebook

Twitter

Stumble This

Digg This

Also, do write to us for any queries or views or comments:
admin@techdivine.com

—-

Yasir A

Designer

Techdivine Creative Services

Related Post:

Part 1 – Photoshop Tutorial – Creating Fire & ICE

Stunning Rays Text Effect in Photoshop

Creating FIRE & ICE Effect in Photoshop – Part 1

Creating FIRE Effect:

Select a new file with background color black

Type the text you want to, I have typed “FIRE” with font style Impact. Change the color

of the text to white.

Rasterize the text layer and then merg down to the background.

Now go to the menu Filter>Stylize>Solarize

Go to menu Image>Adjustments>Auto Levels

We will now rotate the canvas in clockwise direction.
Go to menu Image>Rotate Canvas>90° CW

Now, give the wind effects from the Filter.
Go to menu Filter>Stylize>Wind

Now select “Wind” option from Method tab and “From the Left” from the Direction tab.

Repeat the same step for 3-4 times. I have repeated it 5 times.

Now, rotate the canvas to its original position.
Go to menu Image>Rotate Canvas>90° CCW.

We will now give some ripple to the image.
Go to menu Filter>Distort>Ripple

Select the Size as Small and Amount as 100%.

Now is the part where we begin to Give the Text a look of fire.

Now to keep the file size in Control and get hold of that unique color mode titled “Color Table”,

this is what we need to do.

First, convert your file to Grayscale. This brings down the file size a lot.

Now, to get that magical color table (the one at the bottom of the  above image – not highlighted),

we first need to convert the mode of the file to Index Mode.

Select the Discard from the message that will appear

Convert the color mode to Index Color. Go to menu Image>Mode>Index Color

Now we will change the color scheme of the Index color and use the Color Table which is available for selection.

Go to menu Image>Mode>Color Table

After this, select the Black Body option from the Color Table’s drop down menu.

The image now looks like this.

The Black Body option once selected, will give you Your Effect.

We will now give some glow to the fire but before that, since our color mode is in Index Color,

the Filter gallery will not work, so we have to change the color mode to RGB again.

Go to menu Image>Mode>RGB Color

Now we can give the effects what we want.
Go to menu Filter>Filter Gallery

Select Distort from the Style Menu and under that select Diffuse Glow.
Set the values
Grainness – 0
Glow Amount – 10
Clear Amount – 12

That the final step and our image looks like this

We are through with the PART – 1 Of the Tutorial.

Now to create ICE effect: Click Here for Part 2

Meanwhile, You can also Stay Updated With Us Here: Subscribe For Free

Connect with us On:

Facebook

Twitter

Stumble This

Digg This

Also, do write to us for any queries or views or comments:
admin@techdivine.com

—-

Yasir A

Designer

Techdivine Creative Services

In this tutorial we will learn how to make ray effects coming from behind a text. Take a new file with white background.

New File

Type any word you like, I have typed “TEXT”, select a font with bold nature, I have selected “Impact” font. To start with, try this tutorial with the same font.

Now, make a copy of the layer “TEXT”

Go to layers panel, right click on the layer “TEXT”, select Duplicate Layer and hide the new layer which u just duplicated.

Now rasterize the layer “TEXT” and merge down with the background layer.

Now, we start up with the main part of our work. With the layer background still selected, give the solarize effect.

Go to menu Filter>Stylize>Solarize.

Then Go to Image – Adjustments – Auto Levels. Click on Auto Levels that will give your Text a white coloured outline.

Your image should now look somewhat like this.

Now we will apply Polar Coordinates to this

Go to menu Filter>Distort>Polar Coordinates

Select the option Polar to Rectangular

Your image will be stretched and distorted, but don’t worry, we will come back to the original shape in our further steps, but first we have to rotate our canvas 90° anti clock wise.

Go to menu Images>Rotate Canvas>90° CCW

Now, we will apply some wind effects to our image.

Go to menu Filter>Stylize>Wind

Select ‘Wind’ option from Methods and from the Directions select the option ‘From the Left’

Repeat the same step so as to get the rays like effect look more. I have repeated three times to get that perfect rays like effect. This is how the image is now looking.

Go to menu Image>Rotate Canvas>90° CW

Now we have to make our image look like it was earlier. So go to menu Filter>Distort>Polar Coordinates and select the option ‘Rectangular to Polar’

Now we are back with our original shape with rays coming out
The image should now look like this

We will now give some color effect to the rays.
Go to menu  Layer>New Fill Layer>Solid Color.

Just select ok in the New Layer option and select any color from the color palette, i have chosen orange shade #f06f21.

Change the blending mode to whatever you feel good with the effect, here i have selected Overlay.

Now,  our work is almost over. Now, make the duplicated Text layer visible.

Change the font color of the text that suites you best,I have chosen white.
And that’s the final output

You can Add Multiple repeats of Wind and then brighten your Text with richer and more radiant colour / fill / pattern or even Gradients to create Your very own Stylized Text Effect. Note, this can be applied even to shapes for different effects.

Sample Tutorial Effect on a Shape:Circle – Sun Blast / Eclipse Rays image attached below:

Rays Effect

Hope you liked this tutorial.

More coming soon…. Keep reading.

Stay Updated With Us Here: Subscribe For Free

Connect with us On:

Facebook

Twitter

Also, do write to us for any queries or views or comments:

admin@techdivine.com

————

Thank You.

—-

Yasir A

Designer

Techdivine Creative Services

Now, we will apply some wind effects to our image.

Go to menu Filter>Stylize>Wind

Select ‘Wind’ option from Methods and from the Directions select the option ‘From the Left’