Thursday, November 30, 2023
HomeVideo EditingThe best way to Create a Rainbow Gradient in Photoshop

The best way to Create a Rainbow Gradient in Photoshop


In the present day, we can be studying find out how to create a Delight rainbow gradient in addition to a pink, orange, yellow, inexperienced, blue, indigo, and violet gradient, in any other case often called “ROYGBIV.”

If you wish to add an prompt trace of rainbow to a picture immediately, then take a look at one of many a whole bunch of rainbow gradients, add-ons, and graphics discovered on Envato Components! 

Spectrum Rainbow Photo OverlaysSpectrum Rainbow Photo OverlaysSpectrum Rainbow Photo Overlays

What You will Be taught in This Rainbow Gradient Photoshop Tutorial

  • The best way to create a rainbow gradient in Photoshop
  • The best way to create a Delight rainbow in Photoshop 
  • The best way to save a preset gradient rainbow for Photoshop
  • The best way to add a rainbow impact to a photograph 

What You will Want

To finish this challenge, you will have the next useful resource:

Discover extra sources on Envato Components!

1. The best way to Create a Delight Rainbow Gradient in Photoshop

Step 1

First, find the Layer Changes icon on the backside of the Layers panel. It is an icon of a circle that is half crammed in. 

Choose and select Gradient from the dropdown menu. This can create a Gradient Fill layer. 

create a new gradient fill layer create a new gradient fill layer create a new gradient fill layer

Step 2

Subsequent, choose the Gradient window to open the Gradient Editor. Plenty of premade gradients will seem. 

open the gradient editor open the gradient editor open the gradient editor

Step 3

Within the Gradient settings field, double-click the underside and leftmost anchor level, additionally referred to as a Cease, to open the Colour Picker. 

The rainbow satisfaction colours are: 

  • Purple #e40303 
  • Orange #ff8c00
  • Yellow #ffed00
  • Inexperienced #008026
  • Blue #004dff 
  • Purple #750787

The leftmost Cease is the start of the gradient, so let’s set it to Purple #e40303.

Click on OK. 

add in red color stop add in red color stop add in red color stop

Step 4

Now, choose the rightmost Cease, setting it to a Purple #750787 colour. 

If the Cease began out as clear, choose the higher left Cease and set the Opacity to 100%.

add in purple color stop add in purple color stop add in purple color stop

Step 5

Click on proper under the Gradient field to create a brand new Cease. We need to create 4 new Stops between the unique two. Attempt to make them evenly spaced by clicking the Cease and dragging. 

addin four more stopsaddin four more stopsaddin four more stops

Step 6

Change the colours of the center Stops to:

  • Orange #ff8c00
  • Yellow #ffed00
  • Inexperienced #008026
  • Blue #004dff 

You possibly can regulate the Stops to additional refine your gradient. Click on New to save lots of your gradient as a Photoshop preset.

add in pride rainbow colors add in pride rainbow colors add in pride rainbow colors
pride rainbow gradient pride rainbow gradient pride rainbow gradient

Step 7

To create a ROYGBIV rainbow gradient, choose the Delight rainbow preset you simply created, or repeat the identical steps utilizing the colours:

  • Purple #ff0000
  • Orange #ffa500
  • Yellow #ffff00
  • Inexperienced #00ff00
  • Blue #0000ff
  • Indigo #4b0082
  • Violet #8a2be2 
ROYGBIV gradient settingsROYGBIV gradient settingsROYGBIV gradient settings
ROYGBIV rainbow gradient  ROYGBIV rainbow gradient  ROYGBIV rainbow gradient

2. The best way to Create a Rainbow Photoshop Impact

Step 1

Choose one of many rainbow gradients we created above; I will be utilizing the Delight rainbow gradient. 

Select the gradient and press OK.  

Step 2

Alter the Model, Angle, and Scale to suit your photograph. My settings will be seen under, however they may rely upon the picture you might be utilizing and what colour you would like to seem most dominant.  

pride rainbow gradient settings pride rainbow gradient settings pride rainbow gradient settings

Step 3

Lastly. set the gradients’ layer mode to Display and a 50% Opacity. 

rainbow gradient photo effect rainbow gradient photo effect rainbow gradient photo effect

That is It! 

That’s all there may be to making a rainbow gradient in Photoshop! Enter as many colours as you want, or attempt enjoying with the totally different positions of the colour Stops to get a number of totally different results. After which it can save you every gradient to create your very personal customized set of rainbow gradient presets!  

rainbow gradient pride photo effect rainbow gradient pride photo effect rainbow gradient pride photo effect

Discover the Finest Rainbow Gradient Actions and Add-Ons

Do you want a rainbow gradient impact rapidly however nonetheless want it to look its finest? Take a look at a few of my private favourite rainbow gradient sources and add-ons!

Unicorn Vector Gradients: Colourful Background (AI, JPG)

Unicorn Vector Gradients - Colorful BackgroundUnicorn Vector Gradients - Colorful BackgroundUnicorn Vector Gradients - Colorful Background

If a pastel rainbow gradient is extra your model, do that set of high-resolution pastel gradient backgrounds. The pack comprises over 20 totally different designs and colour combos. 

50 Rainbow Mild Leak Photograph Overlays (JPG)

50 Rainbow Light Leak Photo Overlays50 Rainbow Light Leak Photo Overlays50 Rainbow Light Leak Photo Overlays

This pack of rainbow Photoshop gentle leaks will add a delicate however vibrant streak of rainbow gentle to any photograph. Simply drag and drop them onto your photograph!

Rainbow Bokeh Backgrounds (JPG)

Rainbow Bokeh BackgroundsRainbow Bokeh BackgroundsRainbow Bokeh Backgrounds

For those who’re on the lookout for a option to create a practical rainbow for Photoshop, these 12 rainbow bokeh backgrounds will certainly get the job carried out! They’re excessive decision and tremendous simple to make use of.   

Spectrum Rainbow Photograph Overlays (PSD)

Spectrum Rainbow Photo OverlaysSpectrum Rainbow Photo OverlaysSpectrum Rainbow Photo Overlays

Questioning find out how to create a rainbow gradient in Photoshop quick? Look no additional than this set of 16 rainbow photograph overlays! Add stunning shadows, reflections, and lights to portraits, product pictures, and extra. 

3D Gradient Colourful Textual content Impact (PSD)

3D gradient colorful tex effect3D gradient colorful tex effect3D gradient colorful tex effect

Why let pictures have all of the enjoyable? Create an prompt rainbow gradient Photoshop textual content impact utilizing this high-resolution PSD file. You possibly can change each the phrases, and even the font!  

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments