The right way to Create a Rainbow Gradient in Photoshop (& Save as a Preset)

Gradients are a enjoyable method to jazz up a portrait to share with pals or for creating internet advertising.
If you happen to’re tired of the common gradients, how about attempting a rainbow gradient to convey some extra coloration and life to your desirns?
On this Photoshop Tutorial, you’ll discover ways to create a Rainbow Gradient in Photoshop, and reserve it so as to add it to textual content, photographs, and shapes.
I’ll additionally present you a neat means so as to add your new rainbow gradient to your preset assortment.
The right way to Create a Rainbow Gradient in Photoshop
Comply with these steps to create a Rainbow Gradient and reserve it as a preset for future use.
Step 1 – Open
Open a brand new clean doc in Photoshop.
Navigate to the Prime Menu bar and choose File > New.
A Preset Particulars Panel will open so that you can enter the brand new doc particulars, enter Width 500 x Peak 500 px with a decision of 300 dpi.
Step 2 – Choose the Gradient Device
Choose the Gradient Device from the Device Bar to the Left of your canvas window, or use the keyboard shortcut and Press G.
You’ll discover the Gradient Device beneath the Eraser Device.
If the Gradient Device shouldn’t be displayed click on on the Paint Bucket Device to develop the Device menu to search out the Gradient Device inside.
Learn to create a clear gradient in Photoshop >>
Step 3 – Create a New Group
Earlier than you create a Rainbow Gradient you will want to create a spot to reserve it as a preset.
To view, the Gradient Presets saved in Photoshop navigate to the Gradient Device’s Choices bar which can have opened above your canvas window and click on on the down going through arrow on the finish of the Coloration Bar.
When the arrow is clicked a drop-down menu will open containing Gradient Presets in folders.
Click on on a Gradient Folder and you will discover a number of colored gradients inside.
For instance, Crimson gradients shall be saved within the folder titled Reds and Orange Gradients saved within the folder named Oranges.
To create a brand new group to retailer the Rainbow Gradient navigate to the Gradients Panel, positioned to the precise of your canvas window, on the backside of the Gradients Panel Click on on the Folder Icon.
When clicked a dialog field will open prompting you to enter a reputation for the brand new folder.
Title the folder one thing akin to Rainbow or My Gradients and click on OK.
The brand new folder named Rainbow will now seem within the Gradients Panel under the Coloration Bar.
Step 4 – Create the Rainbow Gradient
Now now we have someplace to retailer the Rainbow Gradient we are able to begin to create the Rainbow Gradient.
Navigate to the Gradient Swatch within the Device’s Choices Bar above your canvas window.
Click on on the Coloured Gradient (Don’t click on on the drop-down arrow beside it), and when clicked the Gradient Editor dialog window will open.
Step 5 – Choose Black and White Gradient
To create the Rainbow Gradient we’re going to adapt, rename and save an current preset gradient.
Click on on the primary folder, Fundamentals, and from the folder choose the Black and White Gradient.
Don’t fear you received’t lose the choice to make use of the Black and White Gradient sooner or later, when the gradient you create is saved underneath a brand new title a brand new gradient shall be created.
Step 6 – Adapt Gradient Colours
Now we are going to change the colours of the preset gradient from Black and White to the colours of a Rainbow Gradient.
To start out click on on the Black Coloration Cease on the far left of the Gradient Preview Bar.
When the black coloration cease is activated click on on the Coloration Swatch under.
The Coloration Picker dialog window will open.
Change the colour to Crimson utilizing your cursor to click on on crimson or by Getting into 255 within the field beside R (crimson).
Enter 0 beside each G (Inexperienced) and B (Blue), then Click OK.
Within the worth field beside Location be sure that the proportion is about to Zero, this ensures that the colour crimson would be the start line of the Rainbow Gradient.
Step 7 – Add Yellow, Inexperienced, Cyan, and Blue
To proceed we are going to now add the remaining colours, Yellow, Inexperienced, Cyan, Blue, and Magenta to the Rainbow Gradient.
To create a brand new Coloration Cease for yellow Click on just under the Gradient Preview Bar.
When the Coloration Cease seems click on on the Coloration Swatch and alter the colour inside to Yellow, both by choosing yellow together with your cursor or by Getting into R (Crimson) 255 G (Inexperienced) 255, and B (blue) 0.
Set the Location Worth of the Yellow Coloration Cease to 20%.
Proceed with the remainder of the colours, creating a brand new Coloration Cease every time, then add the Coloration and Location Worth.
For Inexperienced – Enter R (Crimson) 0 G (Inexperienced) 255 and B (blue) 0, and set the Location Worth to 40%
For Cyan – Enter R (Crimson) 0 G (Inexperienced) 255 and B (blue) 255, and set the Location Worth to 60%
For Blue – Enter R (Crimson) 0 G (Inexperienced) 0 and B (blue) 255, and set the Location Worth to 80%
Step 8 – Change White to Magenta
For the final coloration of the Rainbow Gradient click on on the pre-existing White Coloration Cease and alter to Magenta.
For Magenta – Enter R (Crimson) 255 G (Inexperienced) 0 and B (blue) 255, and set the Location Worth to 100%
Now you’ve gotten an ideal Rainbow Gradient, observe the subsequent step to reserve it to make use of sooner or later.
Save the Rainbow Gradient as a Preset in Photoshop
Now you’ve gotten created a phenomenal Rainbow Gradient in Photoshop, it would be best to reserve it so you’ll be able to entry it so as to add to shapes, textual content, or photographs sooner or later.
Enter a Title, akin to Rainbow, on your freshly created Rainbow Gradient within the Gradient Editor.
To Save your Rainbow Gradient as a Preset with the opposite preset gradients click on New.
Examine the Gradient Folders to search out your model new rainbow gradient, prepared and ready for use.
Like this Photoshop tutorial and wish extra? Study The right way to Define Photos in Photoshop >>