Adding a Rainbow to a Photo

Monday, September 29 2008

In this tutorial, you will learn how to create a rainbow and blend it into a photograph.

In the example, we will start off with the following image:

We moved our web sites to Server Intellect and have found them to be incredibly professional. Their setup is very easy and we were up and running in no time.

The first thing we will do is to create a new layer. Then choose the Gradient tool and create a new gradient by clicking on the current gradient in the toolbar at the top:

We should get the window below. Add a gradient like the one shown below by clicking just below the color bar to add markers. These markers can then be set to different colors and a gradient is formed:


[Click to enlarge]

Once we have created our gradient and have it selected for use, make a selection with the Marquee tool like so (the height will be the thickness of your rainbow):

Now choose the gradient tool again and make sure you have the rainbox gradient selected to use and that we're in the new layer we created, then click and hold the mouse cursorat the top of the selection and then drag to the bottom whilst holding Shift. This will allow for a perfectly vertical gradient.

Need help with Windows Dedicated Hosting? Try Server Intellect. I'm a happy customer!

When we release the mouse button, the gradient will be applied:

Now we have a rather dramatic rainbow, press Ctrl+D to deselect, then goto Filter > Distort > Polar Coordinates. Choose Rectangular to Polar, and we should have something like this:

Select the bottom half with the Marquee tool and delete it. Then goto Edit > Transform > Perspective. Drag the top-right corner up a little to change the perspective:

Right-click the rainbow whilst still transforming, and choose Scale. Make the rainbow bigger and then double-click it to apply when you're happy:

I just signed up at Server Intellect and couldn't be more pleased with my Windows Server! Check it out and see for yourself.

Now position the rainbow where you want and goto Filter > Blur > Gaussian Blur. Choose a value that blurs all the colors nicely. I used 7px.

Now to get the rainbow in the background we can duplicate the part of the image that it's covering. Make a selection of the area we want the rainbow to be behind, like so:

I used the Quick Selection tool for this, and then simply copied from our original image, pasted into a new layer and arranged the layers so the rainbow was beneath.
Finally, reduce the opacity of the rainbow layer to around 15-20% or whatever looks best for you. You should have something like this:

Server Intellect offers Windows Hosting Dedicated Servers at affordable prices. I'm very pleased!

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!