How to create a realistic rainbow in Photoshop

Colin Smith

Subscribe on YouTube:

Easily make a rainbow in Photoshop with new Gradient tool

The new gradient tool makes it really easy to do things that were difficult before. I figured a rainbow is a good way to explore these features and I have a few tips to throw in too.

Adding more hidden gradients

We will be using Legacy gradients. These are additional Libraries that are in Photoshop but hidden. Lets load them now.

Choose Window>Gradients to open the Gradients panel.

Choose the top Right menu and select Legacy Gradients. This will load the gradients.

Gradients panel menu with Legacy Gradients highlighted

Making the Rainbow

First of all, select the Gradient tool and choose radial.

Gradient tool highlighted in the Photoshop toolbar

Drag on your image to create a circle.

Radial gradient dragged out as a white circle on black

Click the arrow by the Gradients to choose a new gradient.

Go under Legacy and select the spectrum preset.

Legacy Default Gradients with the transparent rainbow preset highlighted

You will see colored concentric circles.

Concentric rainbow rings from the spectrum gradient over a tropical beach with palm trees

Choose the Properties panel and drag the colors closer together on the left side of the Slider.

We want to make then even closer, but notice how bunched up they stops are. We need more space to work.

Gradient Properties with the color stops dragged close together, the center now magenta

Grab the tab of the Properties panel and tear it off.

Drag out the panel until it stretches the bars. Look at that! Way better.

Properties panel stretched wide so the gradient color stops have more room

You will see a transparency bar.

Gradient opacity stops bar with black and white transparency points

Drag the points sway from the bar to remove them.

Get rid of all of them except the 2 end white ones and the 2 black ones on the left

Opacity stops reduced to the two white end stops and two black stops on the left

Drag the Right-white slider to the left. As you slide it, notice in expands a transparent area over the center.

Rainbow ring with a transparent center over the beach umbrella after moving the white stop

Remove the gray slider, so we just have 2 white ones and a black on in between.

Adjust until you have a narrow band around the circle’s edge

Narrow rainbow band around the circle's edge against the blue sky and palms

Move the colored sliders until you are happy with the spacing.

Rainbow ring spacing adjusted with the color stops, showing over the beach umbrella

Dock the properties panel.

Adjust the size to resize your rainbow

Large rainbow arc resized over the tropical beach scene

Drag the center point to reposition

We need to fade the edge into the horizon.

In the layers panel, Click the layer mask on the gradient layer

Rainbow arcing over the beach with the gradient layer mask selected in the Layers panel

Choose a black to white linear gradient

Gradient options bar with the black to white linear gradient chosen

Click and drag on the end of the rainbow  to face the end (no pot of gold here).

Linear gradient dragged on the mask to fade the rainbow's end into the sea

If you want to make it more subtle, change the Layer blending mode to Screen

Rainbow layer set to Screen blend mode for a subtler look

If you want to soften the rainbow you can add a blur.

Right-Click on the layer name and choose Convert to Smart Object

Choose Filter>Blur>Gaussian Blur and set the amount that you like

Gaussian Blur at 24.7 pixels softening the rainbow over the beach

I hope you found this tutorial useful. I actually made this a 2 part tutorial on the new Gradient tool. Check out the addition tutorial on creating the floating head effect used on movie posters

Drop a comment and let me know if this was helpful.

Browse the other free photoshop tutorials here at the cafe

Download 100s of dollars worth of Photoshop adds on for free here at the Vault.

Photoshop Vault promo showing the free Layer Blend Modes ebook and a box of actions, presets and cheat sheets

Also follow me on Instagram, Tik Tik, Threads and Twitter.  for shorts and reels.

See you next time!

Colin

 

 

 


PS Don’t forget to follow us on Social Media for more tips.. (I've been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free

One thought on “How to create a realistic rainbow in Photoshop”

  1. shawnie
    July 27, 2023 at 12:00 pm

    I sat down to reproduce what you created and gave instructions on. It was a good lesson to execute Colin!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to create animation in Photoshop. Learn how to create movement and animate an object in Photoshop.

How to use the new Sky Replacement in Photoshop 2021

Tutorials on creating metal type abound online, as do variations on simple liquid effects. Most are fairly short, offering a...

Copy link