Guide to making rainbow gradients in Photoshop with SaDesign

22/06/2024 117

Colorful rainbow gradients will make your photos more unique. Especially with photos containing content about the LGBT community. Now, you can completely create a rainbow gradient in Photoshop very simply with just a few steps. Please refer to SaDesign below.

Guide to making rainbow gradients in Photoshop with SaDesign

Colorful rainbow gradients will make your photos more unique. Especially with photos containing content about the LGBT community. Now, you can completely create a rainbow gradient in Photoshop very simply with just a few steps. Please refer to SaDesign below.

rainbow gradients in Photoshop

 

To be able to create a rainbow gradient in Photoshop, let's follow the detailed steps as follows: 

Step 1: First we need to create a blank document with arbitrary size.

create a blank document with arbitrary size.

Step 2: At the bottom corner of the Layers panel, select Create new fill or adjustment layer (split circle icon). Then select Gradient… This will create a Gradient Fill layer.

select Create new fill or adjustment layer (split circle icon)

Step 3: Next, select Gradient in the window that appears to open the Gradient Editor. Several pre-made Gradients will appear.

select Gradient in the window that appears to open the Gradient Editor

Step 4: In the Gradient Editor window, double-click the bottom and leftmost anchor points, also known as Stops, to open the Picker. 

The colors of the rainbow gradient are:

  • Red #e40303 

  • Orange #ff8c00

  • Yellow #ffed00

  • Green #008026

  • Blue #004dff 

  • Purple #750787

The leftmost Stop is the start of the gradient, so set it to Red #e40303. Click OK.

double-click the bottom and leftmost anchor points

 

Step 5: Now, select the rightmost Stop, set it to Purple #750787. If the Stop is transparent, select the upper left Stop and set the Opacity to 100%.

set it to Purple #750787

Step 6: Click right below the Gradient box to create a new Stop. We want to create four new Stops between the two original stops. Try to make them evenly spaced by clicking Stop and dragging.

Click right below the Gradient box to create a new Stop

Step 7: Change the color of the Stop points in the middle from left to right one by one:

  • Orange #ff8c00

  • Yellow #ffed00

  • Green #008026

  • Blue #004dff 

You can adjust the Stop to fine-tune your gradient. Click New to save your Gradient as a Photoshop preset.

Click New to save your Gradient as a Photoshop preset.

Now, we will have the rainbow color range typical of the LGBT community as shown:

we will have the rainbow color range typical of the LGBT community as shown:

Step 8: To create ROYGBIV rainbow gradient background - 7 colors (Red, Orange, Yellow, Green, Blue, Indigo, Violet). Select the Pride rainbow preset you just created or repeat the same steps using colors:

  • Orange #ffa500

  • Red #ff0000

  • Yellow #ffff00

  • Green #00ff00

  • Blue #0000ff

  • Indigo #4b0082

  • Violet #8a2be2 

create ROYGBIV rainbow gradient background - 7 colors

We will obtain a 7-color rainbow gradient as shown below:

We will obtain a 7-color rainbow gradient as shown below:

So, we have finished creating a rainbow gradient in Photoshop. Now, you can apply this gradient to many of your designs. 

 

2. Apply the rainbow gradient in Photoshop to your design 

To be able to apply the rainbow gradient effect we just created to the photo, follow these steps: 

Step 1: Download the photo you want to apply the Rainbow effect.

Download the photo you want to apply the Rainbow effect.

Step 2: Create a new layer, then select Create new fill or adjustment layer => Gradient... Because it is a photo related to the LGBT theme, we will choose the typical 5-color rainbow gradient pattern.

select Create new fill or adjustment layer => Gradient.

Step 3: Adjust Style, Angle and Scale to fit your photo. You can refer to my settings below, but they will depend on the image you are using and the colors you want to appear most prominent.

Angle and Scale to fit your photo

Step 4: Finally, set the Mode of the gradient layer to Screen and Opacity to 50%. This will create a beautiful rainbow overlay in Photoshop.

set the Mode of the gradient layer to Screen and Opacity to 50%

This is the result.

This is the result.

Above is a summary of the steps to create a rainbow gradient in Photoshop. Do it now to see the most impressive results. This way you can also create your own extremely unique color gradients. Hopefully the above sharing from SaDesign can help you.

See more:
Hotline
Confirm Reset Key/Change Device

Are you sure you want to Reset Key/Change Device on this Key?

The computer that has this Key activated will be removed and you can use this Key to activate it on any computer.