Create A Classic Starburst Photoshop Background

Classic Starburst Background Effect In Photoshop

Learn Photoshop with Photoshop Effects at Photoshop Essentials.com

Step 21: Use "Transform Again" To Repeat The Rotation All Around The Document

A little known and therefore rarely used feature in Photoshop is Transform Again, which allows Photoshop to repeat the last transformation we made. We're going to use it to create the rest of our starburst background effect.

Any time you've used the Free Transform command, you have the option of repeating the transformation with Transform Again. If you go up to the Edit menu at the top of the screen and choose Transform, you'll see an option at the top of the next sub menu that says Again. Notice that the keyboard shortcut for the Transform Again command is Shift+Ctrl+T (Win) / Shift+Command+T (Mac). We're going to be using the keyboard shortcut because we need to access the command several times in a row in order to create our starburst. However, we also need to create a copy of our triangle each time we rotate it. To create the copy, we'll need to add the Alt (Win) / Option (Mac) key into the keyboard shortcut. So, to create a copy of the triangle and rotate it at the same time using Transform Again, press Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac). A copy of the triangle will appear in the document and it will be rotated an additional 45 degrees:

Using the Transform Again command in Photoshop. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: A copy of the triangle, rotated an additional 45 degrees, appears in the document.

Continue pressing Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac), adding another rotated copy of the triangle each time, until you've created the starburst effect all around the document:

Add more rotated triangles to complete the starburst effect. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: Continue adding rotated copied of the triangle to complete the effect.

If we look in our Layers palette, we can see that we now have a Shape layer named "Shape 1" above the "Color Fill 1" layer, and we can see our starburst shape inside the layer's preview thumbnail:

The Layers palette in Photoshop showing the starburst shape on its own Shape layer. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: The starburst shape appears on its own Shape layer in the Layers palette. The shape is visible in the layer's preview thumbnail.

Step 22: Hide The Shape Outlines

Notice how each of the triangles that makes up the starburst shape has an outline appearing around it? That's because the shape is currently active. To deactivate the shape and hide the outlines, simply click directly on the Shape layer's preview thumbnail (circled in red in the previous step). When a shape is active, you'll see a white highlight border around the shape layer's preview thumbnail, as you can see in the screenshot above. When you click on the preview thumbnail, the highight border disappears and the outlines will also disappear, leaving us with a much cleaner looking starburst effect.

I'm going to switch Photoshop back to the Standard View Mode, which will place my image back inside a floating document window, by pressing the letter F twice on my keyboard. If you're using Photoshop CS3, you'll need to press F three times to get back to the Standard View Mode, since CS3 includes an additional view mode that you'll need to cycle through. I'm also going to press Ctrl++ (Win) / Command++ (Mac) a couple of times to zoom in to my image and fill up the document window, removing all that extra gray area around the canvas:

The Layers palette in Photoshop showing the starburst shape on its own Shape layer. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: The starburst shape appears on its own Shape layer in the Layers palette. The shape is visible in the layer's preview thumbnail.

Step 23: Change The Color Of The Shape Layer

At this point, the starburst effect itself is complete, but I'm not too happy with the color. I'd like to change the black to something a bit more exciting, like maybe a bright orange. Fortunately, changing the colors in the effect is easy. To change the color of the starburst shape, simply double-click directly on the Shape layer's color swatch:

Double-click on the Shape layer's color swatch. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: Double-click on the Shape layer's color swatch to change its color.

This bring's up Photoshop's Color Picker. Choose a different color for your starburst shape. If you keep an eye on your image in the document window, you'll see a preview of what the colors will look like as you select them. I'm going to choose a bright orange:

Choosing a new color for the starburst effect in the Color Picker in Photoshop. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: Use the Color Picker to select a new color for the starburst effect.

Click OK once you've chosen a new color to exit out of the Color Picker. Here's my starburst effect after having swapped the black for orange:

The starburst effect after having changed the shape color. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: The same effect with a new color for the starburst shape.

You can change the background color for the effect just as easily. Simply double-click directly on the "Color Fill 1" color swatch in the Layers palette:

Double-click on the 'Color Fill 1' color swatch in the Layers palette to change the background color. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: Double-click on the color swatch for "Color Fill 1" to change the effect's background color.

This will again bring up the Color Picker, allowing you to choose a new color for the background. My background is currently yellow, but I think I'm going to change it to green. In fact, I'm also going to go back and change the color of the starburst shape by double-clicking on its color swatch once and choosing a new color from the Color Picker. I'll choose a blue this time. Here's the exact same starburst background effect again, this time using green for the background color and blue for the starburst shape:

The same starburst effect, this time using green and blue as the colors. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: Change the colors for the effect any time you want by double-clicking on the two color swatches in the Layers palette and selecting different colors.

You can also try using two shades of the same color, rather than two separate colors:

The same starburst effect, this time using two shades of the same color. Image © 2008 Photoshop Essentials.com.
Photoshop Effects: Try using two shades of the same color rather than two separate colors for a different look.

As you can see, you can easily change the look of the background any time you want by selecting whichever colors work best for the project you're working on.

Since we've created our starburst background effect as a shape in Photoshop, why not make things really easy on ourselves and save it as a Custom Shape! That way, we'll be able to reuse the shape any time we need it without having to redo all the steps! We'll look at how to do that next.

Want a better way to learn? Download this tutorial as an easy to read, ready to print PDF eBook!

Go to page: 1 | 2 | 3 | 4 | 5