Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

How to Draw a Rainbow
Tutorials Drawing 128737 June 10th, 2019

Learn how to draw a rainbow using Photoshop. We'll create a cartoon rainbow using gradients. First step is to create the rainbow gradient.

I will also show you how to create a cool rainbow text. I added two rainbow pattern images to use in your graphic design projects.

What is a Rainbow?

A rainbow is a meteorological phenomenon that is caused by reflection, refraction and dispersion of light in water droplets resulting in a spectrum of light appearing in the sky. It takes the form of a multicoloured circular arc.

Usually when the sun is shining and it is raining at the same time, you can see a rainbow. The rainbow is a huge arch of colours in the sky. The number of rainbow colors is seven. These seven colors are: red, orange, yellow, green, blue, indigo and violet.

Cartoon Rainbow

In this tutorial you will learn how to draw a rainbow in just a few steps. You can also download the gradient pattern images for free. And, finally, I will show you how to create a rainbow text really quick and easy.

How to Draw a Rainbow in Photoshop

Create a new PSD file, size 1750x230 px. Create a new layer called Rainbow and fill it with color white.

When making layout designs you can use a grid. Press Control+' to show grid. The Photoshop Grid helps you to align your design elements.

Add a Gradient Overlay to the Rainbow layer.

We have to add the seven rainbow colors in equal parts like shown in the preview. The colors are violet(#ea3bec), indigo(#8737ff), blue(#008aff), green(#48ff00), yellow(#fff600), orange(#ff9600) and red(#ff3c00).

Rainbow Gradient

Right click on the Rainbow layer and choose Conver to Smart Object.

We will create a new PSD document called "Cartoon Rainbow". Create the Background Sky layer and fill it with color #22d8e8 .

Duplicate the Rainbow layer in this new PSD file.

Go to Edit > Transform > Warp and choose Arch with Bend 50.

Press Control-T to Scale the object to Horizontal scale: 23% and Vertical Scale: 35%.

Add a Stroke layer style to the Rainbow layer.

If you want to make the cartoon rainbow background look more cute you can add these cartoon cloud shapes to your image. Add the cloud shapes in a new layer using the Custom Shape Tool.

Use color white for the clouds and add this layer style: Inner Shadow color #37b8d8 and Outer Glow color #03656e.

You can add other shapes like star shapes for example or hear shapes to make it look like a cartoon.

Cartoon Rainbow

You can also create a cartoon rainbow like this using seven circle shapes filled with the rainbow colors.

Cartoon Rainbow

You can download the high quality rainbow background for free here.

Rainbow Pattern

If you are looking for a rainbow pattern you can use the images below. This is a seamless texture so you can use it as website background and also as Photoshop pattern.

Open the rainbow pattern in Photoshop. Go to Edit > Define Pattern to save the rainbow pattern in your list of patterns. Now you can create a rainbow background using the rainbow patterns.

Rainbow Pattern Rainbow Pattern Vertical

Rainbow Text

To create an awesome rainbow text you can use the rainbow pattern or the rainbow gradient. Add a layer style to the text layer. Use Pattern Overlay or Gradient Overlay.

Rainbow Text
4.9 ( 109 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

5 comment(s) for "Creating A Cartoon Rainbow"

7:00 AM Sunday, November 29, 2009
Very nice! reply
7:00 AM Sunday, November 29, 2009
Great work! Thank you for sharing reply
7:00 AM Monday, February 15, 2010
This is great work !??? Maybe this is ... reply
1:06 PM Monday, April 29, 2019
I like this rainbow very much reply
1:06 PM Monday, April 29, 2019
Nice tutorial, thanks for share reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Get new posts by email:

      Online Photo Editor