Rainbow Sticker

with 1 Comment

Sara HortonLegend tells us that there is a treasure at the end of every rainbow. If the rainbow is an element on your scrapbook page and photos of your loved ones are placed at the end, the legend is true indeed! Learn how to use a filter to create a rainbow sticker to show your loved ones how valuable they are to you.

For Adobe Photoshop Version click here.

Step 1: Create the First Stripe

  • Begin by opening a new blank 12×12-inch document at 300 pixels per inch. It is very important that you create a large square document for this step.
  • Make a new transparent layer on top of the background by clicking the Create a New Layer icon above the Layers Palette. Select the new layer by clicking on it in the Layers Palette.
  • Create the first stripe by getting the Rectangular Marquee Tool and dragging out a thin rectangle across the entire width of the paper. For best results, make sure that your stripe goes all the way across the page.
  • Change the Foreground Color to blue by selecting a blue color from the Color Swatches Palette. Or, select a blue color by clicking once on the Foregound Color chip and choosing a color from the Select Foreground Color dialog box.
  • Next, get the Paint Bucket Tool and click once in your stripe, filling it with the blue have selected.

2009-03-23-tip01el

Step 2: Make the Remaining Stripes

  • Clear the selection around the blue stripe by pressing Ctrl+ D (Mac Cmd + D) on your keyboard.
  • Next, make a copy of your stripe by selecting the blue stripe layer and pressing Ctrl + J (Mac Cmd + J.)
  • Change the Foreground Color to green using one of the methods in Step 1.
  • Fill the new stripe with green by getting the Paint Bucket tool and clicking on the new stripe. Your green stripe will be covering the blue stripe.
  • Get the Move Tool and select the green stripe. Press and hold the down-arrow on your keyboard until the green stripe is below the blue stripe, with both stripes touching.

2009-03-23-tip02el

Repeat the process to create the remaining stripes of yellow, then orange, and finally red (or whatever colors you choose to use for your rainbow.)

Note: The color order listed here may seem upside down to you, but the bottom layer will be transformed to the top of the arch in Step 3. After you have created all five layers, merge the stripes. Hold the Ctrl key (Mac Cmd key) as you select all of the stripe layers, then press Ctrl + E (Mac Cmd + E) to merge the selected layers.

2009-03-23-tip03el

Step 3: Use a Filter to Create the Arch

With the stripe layer selected, choose Filter > Distort > Polar Coordinates. Choose Rectangular to Polar and then click OK.

2009-03-23-tip04el

 

Photoshop Elements will create a ring using your striped layer.

Note: Because you have created a perfectly square document in Step 1, the ring will be perfectly round. Photoshop Elements uses the dimensions of the document to calculate the Polar Coordinates. Using a rectangular document produces a less perfect shape, such as an open or warped ring. If the length of the stripe does not equal the height of the page, an incomplete circle may be produced.

Step 4: Turn the Ring into a Rainbow

The final step is to delete the bottom half of the ring, making it into a rainbow shape.

  • Begin by selecting the stripe layer, which is now a ring.
  • Get the Rectangular Marquee tool and draw a rectangle around the bottom half of the ring.

2009-03-23-tip05el

2009-03-23-tip06el

  • Press the Delete or Backspace key on your keyboard to erase the selected area. Erasing the bottom half creates a rainbow-shaped arch.
  • Finally, click the Layer Visibility Icon on the left side of the Background layer in the Layers Palette to make the Background layer transparent. This icon looks like an eyeball. The transparent background will have a grey and white checkerboard pattern indicating transparency.
  • Get the Crop Tool and draw out a rectangle surrounding the rainbow. Click the green checkmark to confirm the crop.

2009-03-23-tip07el

Save your rainbow sticker as a .png file to retain the transparent background. You can use the rainbow sticker as it is or add clouds using the Custom Shape Tool and the Photoshop Elements Cloud shape. For the sample, the rainbow was tucked behind springtime family photos.

2009-03-23-tip08el

Credits: Scrapbook page by Sara Horton, font: Pea Alisha Naturally Krafty Paper Pack by Katie Pertiet at Designer Digitals, Roughed Up Krafty Paper by Katie Pertiet at Designer Digitals, Over the Rainbow Paper Pack by Pattie Knox at Designer Digitals, Scrap Express No. 15 Layered Template by Lynn Grieveson at Designer Digitals.

Step 1: Create the First Stripe

Begin by opening a new blank 12×12-inch document at 300 pixels per inch. It is very important that you create a large square document for this step.

Make a new transparent layer on top of the background by clicking the Create a New Layer icon below the Layers Palette. Select the new layer by clicking on it in the Layers Palette.

Create the first stripe by getting the Rectangular Marquee Tool and dragging out a thin rectangle across the entire width of the paper. For best results, make sure that your stripe goes all the way across the page.

Change the Foreground Color to blue by selecting a blue color from the Color Swatches Palette. Or select a blue color by clicking once on the Foregound Color chip and choosing a color from the Color Pickerdialog box.

Next, get the Paint Bucket Tool and click once in your stripe, filling it with the blue have selected.

2009-03-23-tip01ps

Step 2: Make the Remaining Stripes

Clear the selection around the blue stripe by pressing Ctrl+ D (Mac Cmd + D) on your keyboard.

Next, make a copy of your stripe by selecting the blue stripe layer and pressing Ctrl + J (Mac Cmd + J.)
Change the Foreground Color to green using one of the methods in Step 1.

Fill the new stripe with green by getting the Paint Bucket tool and clicking on the new stripe. Your green stripe will be covering the blue stripe.

Get the Move Tool and select the green stripe. Press and hold the down-arrow on your keyboard until the green stripe is below the blue stripe, with both stripes touching.

2009-03-23-tip02ps

Repeat the process to create the remaining stripes of yellow, then orange, and finally red (or whatever colors you choose to use for your rainbow.)

Note: The color order listed here may seem upside down to you, but the bottom layer will be transformed to the top of the arch in Step 3.

After you have created all five layers, merge the stripes. Hold the Ctrl key (Mac Cmd key) as you select all of the stripe layers, then press Ctrl + E (Mac Cmd + E) to merge the selected layers.

2009-03-23-tip03ps

Step 3: Use a Filter to Create the Arch

With the stripe layer selected, choose Filter > Distort > Polar Coordinates. Choose Rectangular to Polar and then click OK.

2009-03-23-tip04ps

Photoshop will create a ring using your striped layer.

Note: Because you have created a perfectly square document in Step 1, the ring will be perfectly round. Photoshop uses the dimensions of the document to calculate the Polar Coordinates. Using a rectangular document produces a less perfect shape, such as an open or warped ring. If the length of the stripe does not equal the height of the page, an incomplete circle may be produced.

Step 4: Turn the Ring into a Rainbow

The final step is to delete the bottom half of the ring, making it into a rainbow shape. Begin by selecting the stripe layer, which is now a ring.

Get the Rectangular Marquee tool and draw a rectangle around the bottom half of the ring.

2009-03-23-tip05ps

2009-03-23-tip06el
Press the Delete or Backspace key on your keyboard to erase the selected area. Erasing the bottom half creates a rainbow-shaped arch.

Finally, click the Layer Visibility Icon on the left side of the Background layer in the Layers Palette to make the Background layer transparent. This icon looks like an eyeball.

The transparent background will have a grey and white checkerboard pattern indicating transparency.

Get the Crop Tool and draw out a rectangle surrounding the rainbow. Click the checkmark in the Options Bar to confirm the crop.

2009-03-23-tip07ps

Save your rainbow sticker as a .png file to retain the transparent background.

You can use the rainbow sticker as it is or add clouds using the Custom Shape Tool and the Photoshop Cloud shape.

For the sample, the rainbow was tucked behind springtime family photos.

2009-03-23-tip08el

Credits: Scrapbook page by Sara Horton, font: Pea Alisha Naturally Krafty Paper Pack by Katie Pertiet at Designer Digitals, Roughed Up Krafty Paper by Katie Pertiet at Designer Digitals, Over the Rainbow Paper Pack by Pattie Knox at Designer Digitals, Scrap Express No. 15 Layered Template by Lynn Grieveson at Designer Digitals.

One Response

  1. michelle
    | Reply

    I’m having a great time going through these tutorials. I made a stamp, and now a rainbow? It is precisely these little things in life that make me happy! 😉

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.