Photoshop Rainbow Photo Effect Tutorial

Add A Realistic Rainbow To A Photo In Photoshop

Learn Photoshop with Photo Effects Tutorials at Photoshop Essentials.com

Step 5: Change The Blend Mode Of The Rainbow Layer To "Screen"

Go up to the blend mode options in the top left of the Layers panel (it's the drop-down box set to "Normal" by default) and change the blend mode of the Rainbow layer to Screen:

Photoshop Screen blend mode. Image © 2010 Photoshop Essentials.com
Change the blend mode of the rainbow layer to Screen.

The colors of the rainbow will now blend in better with the photo behind them:

The rainbow after changing the blend mode to Screen. Image © 2010 Photoshop Essentials.com
The rainbow after changing its blend mode to Screen.

Step 6: Apply The Gaussian Blur Filter

Let's blur the colors of the rainbow together so it looks more realistic. Go up to the Filter menu in the Menu Bar at the top of the screen, choose Blur, then choose Gaussian Blur:

Selecting the Gaussian Blur filter in Photoshop. Image © 2010 Photoshop Essentials.com.
Go to Filter > Blur > Gaussian Blur.

This opens Photoshop's Gaussian Blur dialog box. Drag the Radius slider at the bottom of the dialog box towards the right to increase the amount of blurring being applied to the rainbow, keeping an eye on the image as you drag the slider so you can see a preview of what's happening. Continue dragging the slider to the right until the transitions between the colors look more soft and natural. The actual Radius value you end up choosing will depend a lot on the size and resolution of your image. For me, a value of around 50 pixels works well. Click OK when you're done to close out of the dialog box:

Photoshop Gaussian Blur filter. Image © 2010 Photoshop Essentials.com.
Drag the Radius slider to soften the color transitions in the rainbow.

Here's my image after applying the Gaussian Blur filter:

The image after blurring the rainbow. Image © 2010 Photoshop Essentials.com
The rainbow now looks more realistic after applying the Gaussian Blur filter.

Step 7: Add A Layer Mask

Click on the Layer Mask icon at the bottom of the Layers panel:

The Layer Mask icon in the Layers panel in Photoshop. Image © 2010 Photoshop Essentials.com
Click the Layer Mask icon.

Nothing will happen yet in the document window, but Photoshop adds a layer mask thumbnail to the right of the main preview thumbnail on the Rainbow layer. If you look closely, you'll see a white highlight box appearing around the layer mask's thumbnail. This tells us that the mask, not the layer itself, is selected:

A layer mask thumbnail appears in the Layers panel in Photoshop. Image © 2010 Photoshop Essentials.com.
The layer mask thumbnail tells us that a mask has been added.

Step 8: Choose The Black To White Gradient

With the Gradient Tool still selected, right-click (Win) / Control-click (Mac) anywhere inside the document window to quickly access the gradient presets thumbnails, the same ones we saw a moment ago in the full Gradient Editor dialog box. Select the Black to White gradient by clicking on its thumbnail (third from the left, top row). Press Enter (Win) / Return (Mac) when you're done to close out of the gradient list:

The Black to White gradient thumbnail in the Gradient Editor in Photoshop. Image © 2010 Photoshop Essentials.com
Click on the Black to White gradient's thumbnail to select it.

Step 9: Choose "Linear Gradient" From The Options Bar

Go back up to the Options Bar and this time, click on the Linear Gradient option:

The Linear gradient option in the Options Bar in Photoshop. Image © 2010 Photoshop Essentials.com

Click on the "Linear" gradient icon.

Step 10: Drag A Black To White Gradient On The Layer Mask

A real rainbow would usually appear to get brighter as it reaches higher into the sky, so we're going to give our Photoshopped rainbow that same effect by dragging a black to white gradient from the base of the rainbow (the point where the rainbow and the ground should meet) to the top of the image. To do that, with my Gradient Tool selected, I'll click my mouse somewhere along the bottom of the trees on the left. Then, with my mouse button still held down, I'll hold down my Shift key as well and drag straight up to the top of the image. Holding down Shift makes it easy to drag in a vertical direction:

Dragging a black-to-white gradient from the base of the rainbow to the top of the image.
Drag a black to white gradient from the base of the rainbow to the top of the image.

When I release my mouse button, Photoshop draws the black-to-white gradient. Since the gradient was drawn on the layer mask, not on the layer itself, we don't see the actual gradient in the image. Instead, the rainbow now appears to start near the bottom of the trees on the left and gets brighter as it reaches higher into the sky:

The rainbow after dragging a black-to-white vertical gradient on the layer mask.
The rainbow no longer extends all the way to the bottom of the photo thanks to the layer mask.

Want an easier way to follow along with our tutorials? Download them as printable PDFs!

Go to page: 1 | 2 | 3 | 4