{"id":233,"date":"2012-10-01T19:04:49","date_gmt":"2012-10-01T19:04:49","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=233"},"modified":"2019-04-13T13:13:36","modified_gmt":"2019-04-13T17:13:36","slug":"starburst-background","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/","title":{"rendered":"Classic Starburst Background Effect In Photoshop"},"content":{"rendered":"<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we're going to learn how to create a classic &quot;starburst&quot; background, the same effect you've undoubtedly seen hundreds of times in grocery stores, department stores, and in those weekly flyers that flood your mailbox. Creating the effect is easy. We'll be using Photoshop's Polygon Tool, a Solid Color fill layer, the Free Transform command, and one of Photoshop's little known but very useful features, Transform Again. Along the way, we'll learn how to find the exact center of a Photoshop document using rulers and guides, and how to make objects snap to your guides!<\/p>\n<p style=\"clear:both;\">Here's an example of the &quot;starburst&quot; background we'll be creating:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/starburst-background.gif\" alt=\"A starburst background created in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">A starburst background created in Photoshop.<\/div>\n<p>Once we've created the background, we'll learn how to easily change the colors used in the effect, and we'll even see how to save it as a Custom Shape so you'll be able to use it again any time you want!<\/p>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<aside>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Create A New Photoshop Document<\/h4>\n<p>The first thing we need to do is create a new Photoshop document. Go up to the <span class=\"em\">File<\/span> menu at the top of the screen and choose <span class=\"em\">New...<\/span>, or use the keyboard shortcut <span class=\"em\">Ctrl+N<\/span> (Win) \/ <span class=\"em\">Command+N<\/span> (Mac). Either way brings up Photoshop's <span class=\"em\">New<\/span> dialog box. For this tutorial, I'll create a 10 inch by 10 inch document at 300 pixels per inch, although there's no particular reason why I'm choosing these dimensions. You can create the same size document if you wish, or feel free to create whatever size document you need:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-new-document.gif\" alt=\"The 'New' dialog box in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"596\" height=\"340\" \/>\n<div class=\"image-desc\">Create a new Photoshop document.<\/div>\n<p>Click OK when you're done to exit out of the dialog box. Your new document will appear in a document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-document-window.gif\" alt=\"The new document appears in a document window in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">The new Photoshop document appears.<\/div>\n<h4>Step 2: Show Rulers<\/h4>\n<p>To have the effect appear to \"burst out\" from the center of the image, we need to know where the center of our image is. The easiest way to find the exact center of the image is by using Photoshop's <strong>Rulers<\/strong> and <strong>Guides<\/strong>. Let's first turn on the rulers. To do that, go up to the <span class=\"em\">View<\/span> menu at the top of the screen and choose <span class=\"em\">Rulers<\/span>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/show-rulers.gif\" alt=\"Turning on the rulers in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"250\" height=\"140\" \/>\n<div class=\"image-desc\">Go to View &gt; Rulers.<\/div>\n<p>By default, the rulers are turned off in Photoshop. The way you can tell whether they're on or off, besides looking in your document window, is by looking for a checkmark to the left of the word &quot;Rulers&quot; in the View menu. If you see a checkmark beside the word, it means the rulers are already turned on, in which case there's no need to select them here. If you do not see a checkmark, it means the rulers are currently turned off, so you'll need to click on the Rulers option to turn them on. <\/p>\n<p>You can also turn the rulers on and off by pressing <span class=\"em\">Ctrl+R<\/span> (Win) \/ <span class=\"em\">Command+R<\/span> (Mac). With the rulers now on, you'll see them appear along the top and left of your document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-rulers.gif\" alt=\"The rulers are now visible along the top and left of the document window in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"438\" height=\"450\" \/>\n<div class=\"image-desc\">The rulers are now visible along the top and left of the document window.<\/div>\n<p>Depending on how you have your rulers set up in Photoshop's Preferences, your rulers may be showing inches, pixels, centimeters, or some other form of measurement. It makes no difference which measurement type you're using for this effect.<\/p>\n<h4>Step 3: Make Sure The \"Snap\" Option Is Turned On<\/h4>\n<p>The reason we turned the rulers on was so that we can drag guides out from them, and in a moment, we're going to drag out a couple of guides, one horizontal and one vertical. Before we do that, though, we need to make sure  the <span class=\"em\">Snap<\/span> option is enabled. With \"Snap\" enabled, our guides will automatically snap to the horizontal and vertical centers of the document for us. The spot where the two guides intersect is the exact center of the image!<\/p>\n<p>To turn the Snap option on, go back up to the <span class=\"em\">View<\/span> menu at the top of the screen. You'll see the <span class=\"em\">Snap<\/span> option directly below the <span class=\"em\">Rulers<\/span> option. By default, the Snap option is enabled, so you should see a checkmark to the left of the option. If you see the checkmark, it means that Snap is already enabled and there's no need to click on it. If you do not see the checkmark, it means the Snap option is currently disabled, so click on the option to enable it. In my case (and most likely yours as well), Snap is already enabled:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/snap-option.gif\" alt=\"The Snap option is currently enabled in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"250\" height=\"184\" \/>\n<div class=\"image-desc\">The checkmark beside the word \"Snap\" tells us that the option is already enabled.<\/div>\n<h4>Step 4: Make Sure \"Snap To Guides\" Is Enabled<\/h4>\n<p>While we're here, we should make sure one other option is also enabled, <span class=\"em\">Snap To Guides<\/span>. This will cause anything we drag near a guide to snap directly on to it, which will make it easy for us to place something directly in the center of our document, as we'll see a bit later on. To enable the Snap To Guides option, go back up to the <span class=\"em\">View<\/span> menu. You'll see an option that says <span class=\"em\">Snap To<\/span> directly below the Snap option we just looked at in the previous step. Hover your mouse over the Snap To option for a second or two and a sub menu will appear. At the top of the sub menu, you'll see the <span class=\"em\">Guides<\/span> option. If you see a checkmark to the left of the word &quot;Guides&quot;, it means the option is already enabled and there's no need to click on it. If there is no checkmark, click on Guides to enable the option:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/snap-to-guides.gif\" alt=\"Make sure the 'Snap To Guides' option is enabled. Image &copy; 2008 Photoshop Essentials.com.\" width=\"419\" height=\"183\" \/>\n<div class=\"image-desc\">Make sure the \"Snap To Guides\" option is enabled under the \"View\" menu.<\/div>\n<h4>Step 5: Drag A Horizontal Guide Into The Middle Of The Document<\/h4>\n<p>We're ready to find the exact center of our document. As I mentioned earlier, we need to drag out two guides, one vertical and one horizontal. The \"Snap\" option that we enabled in Step 3 will force the guides to automatically snap into place as soon as we're close enough to the middle of the document, and the point where the two guides intersect will be the exact center. Let's drag out our first guide. We'll start with the horizontal guide.<\/p>\n<p>Click anywhere inside the ruler that runs along the top of the document, then drag down towards the middle of the document. As you drag, you'll see that you're dragging a horizontal guide which will appear as a black dotted line while you have your mouse button held down. Continue dragging downward until you get close to the middle of the document, and as soon as you're close enough to the middle, Photoshop will automatically snap the guide into place. Release your mouse button at that point, and you'll see your first guide running left to right along the exact middle of the document. By default, guides appear in cyan unless you changed the color in Photoshop's Preferences:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-guide-horizontal.gif\" alt=\"A horizontal guide appears in the middle of the document in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"438\" height=\"450\" \/>\n<div class=\"image-desc\">Drag a horizontal guide into the middle of the document. Photoshop will snap the guide into place once you're close enough to the middle.<\/div>\n<h4>Step 6: Drag A Vertical Guide Into The Middle Of The Document<\/h4>\n<p>We have our horizontal guide in place. Now let's add our vertical guide. Click anywhere inside the ruler that runs along the left side of the document, then drag towards the right into the middle of the document. You'll see that you're dragging a vertical guide which will appear at first as a black dotted line. Continue dragging the guide towards the middle of the document, and as soon as you're close enough to the middle, Photoshop will snap the guide into place. Release your mouse button, and you'll now have a vertical guide running up and down along the middle of the document. The point where the two guides intersect is the exact center (circled in red):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-guides.gif\" alt=\"A vertical and horizontal guide mark the center of the image in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">A vertical and horizontal guide now mark the exact center of the document.<\/div>\n<p>Now that we've dragged out our two guides, we no longer need to have the rulers turned on. You can leave them on if you wish, but I'm going to turn mine off by pressing the keyboard shortcut <strong>Ctrl+R<\/strong> (Win) \/ <strong>Command+R<\/strong> (Mac).<\/p>\n<h4>Step 7: Add A Solid Color Fill Layer<\/h4>\n<p>With our guides now in place, let's begin creating our \"starburst\" background effect. We're going to create the effect in a way that will make it easy for us to change the colors any time we want, so let's add a <strong>Solid Color Fill layer<\/strong> which will serve as the background color for the effect. Click on the <strong>New Fill Or Adjustment Layer<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/new-fill-layer-icon.gif\" alt=\"The 'New Fill or Adjustment Layer' icon at the bottom of the Layers palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"280\" height=\"194\" \/>\n<div class=\"image-desc\">Click on the \"New Fill Or Adjustment Layer\" icon.<\/div>\n<p>Then select <strong>Solid Color<\/strong> from the top of the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/select-solid-color.gif\" alt=\"Selecting a Solid Color Fill layer in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"145\" height=\"121\" \/>\n<div class=\"image-desc\">Select \"Solid Color\" from the top of the list.<\/div>\n<h4>Step 8: Choose A Color For The Background<\/h4>\n<p>This will bring up Photoshop's <strong>Color Picker<\/strong>. Choose a color to use for the background of the effect. I think I'll choose a light yellow. It doesn't really matter which color you choose here since you can easily change it later, so pick whichever color you want for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-color-picker.jpg\" alt=\"Photoshop's Color Picker. Image &copy; 2008 Photoshop Essentials.com.\" width=\"547\" height=\"351\" \/>\n<div class=\"image-desc\">Use the Color Picker to choose a color for the background.<\/div>\n<p>Click OK when you're done to exit out of the Color Picker. You'll see the color you chose now filling your entire document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/document-background-color.gif\" alt=\"The Photoshop document is now filled with the chosen color. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">The document is now filled with the chosen color.<\/div>\n<p>If we look in our <strong>Layers palette<\/strong>, we can see that we now have two layers - the Background layer on the bottom and our newly added Solid Color fill layer, named \"Color Fill 1\", sitting above it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-layers-palette.gif\" alt=\"The Layers palette in Photoshop showing the newly added Solid Color fill layer. Image &copy; 2008 Photoshop Essentials.com.\" width=\"278\" height=\"226\" \/>\n<div class=\"image-desc\">The Layers palette showing the Solid Color fill layer above the Background layer.<\/div>\n<h4><span>Step 9:<\/span> Select The Polygon Tool<\/h4>\n<p>Next, we need to draw  a simple triangle, and the easiest way to draw a triangle in Photoshop is by using the <span class=\"em\">Polygon Tool<\/span>. By default, the Polygon Tool is hiding behind the <span class=\"em\">Rectangle Tool <\/span>in the Tools palette, so click on the Rectangle Tool, then hold your mouse button down for a second or two. A fly-out menu will appear showing you the other tools that are available. Click on the <span class=\"em\">Polygon Tool<\/span> to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/select-polygon-tool.gif\" alt=\"Selecting the Polygon Tool from the Tools palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"234\" height=\"157\" \/>\n<div class=\"image-desc\">Click on the Rectangle Tool in the Tools palette, then select the Polygon Tool from the fly-out menu.<\/div>\n<h4>Step 10: Set The Number Of Sides For The Polygon Tool To 3<\/h4>\n<p>A triangle, as everyone knows, has 3 sides, so we need to tell Photoshop that we want to draw a 3-sided polygon. With the Polygon Tool selected, look up in the Options Bar at the top of the screen. You'll see a Sides option that is set to 5 by default. Change the number of sides to 3:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/polygon-tool-options.gif\" alt=\"Set the number of sides for the Polygon Tool to 3. Image &copy; 2008 Photoshop Essentials.com.\" width=\"543\" height=\"48\" \/>\n<div class=\"image-desc\">Change the Sides option in the Options Bar to 3.<\/div>\n<h4>Step 11: Make Sure The Polygon Tool Is Set To Draw Shapes<\/h4>\n<p>As with all of Photoshop's shape tools, the Polygon Tool gives us three different options for how we use it. We can draw a vector shape, we can draw a path, and we can draw a pixel-based shape. We want to draw a vector shape, which will allow us to make our triangle any size we want without any loss of image quality. To draw a vector shape, make sure the Shape option is selected in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/shape-option.gif\" alt=\"The Shape option in the Options Bar. Image &copy; 2008 Photoshop Essentials.com.\" width=\"440\" height=\"51\" \/>\n<div class=\"image-desc\">Select the Shape option in the Options Bar.<\/div>\n<h4>Step 12: Draw A Triangle<\/h4>\n<p>We're ready to draw our triangle. With the Polygon Tool selected, the number of sides set to 3 and the Shapes option selected in the Options Bar, click somewhere in the top left of your document and drag out a triangle. Any size will do for now. It doesn't really matter where you draw your triangle either, I'm just trying to keep us both on the same page since I'm drawing mine in the top left. You want to make sure that your triangle appears to be pointing downward. By that, I mean that the top side appears perfectly horizontal. The easiest way to do that is to hold down your <span class=\"em\">Shift<\/span> key as you drag out the triangle. This will force the triangle to snap to specific angles. Move your mouse left or right as you drag (with the Shift key held down) until the triangle snaps into the &quot;pointing downward&quot; position. <\/p>\n<p>As you're dragging out the shape, your triangle will appear simply as an outline (also known as a &quot;path&quot;). When you release the mouse button, the triangle will appear filled with color. In my case, it's filled with black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/draw-triangle.gif\" alt=\"Draw a triangle in the document. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">Drag out a triangle with the Polygon Tool. Hold \"Shift\" to constrain the angle of the triangle as you drag.<\/div>\n<p>Don't worry about the color of your triangle for now. We can change it easily later.<\/p>\n<h4>Step 13: Select The Move Tool<\/h4>\n<p>Now that we have our triangle, we need to move it into position so that the bottom point is sitting at the exact center of the document. To move it, select the <strong>Move tool<\/strong> from the Tools palette, or press the letter <span class=\"em\">V<\/span> on your keyboard to access it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-move-tool.gif\" alt=\"The Move tool in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"70\" height=\"118\" \/>\n<div class=\"image-desc\">Select the Move tool.<\/div>\n<h4>Step 14: Move The Triangle Into The Center Of The Document<\/h4>\n<p>With the Move tool selected, click on the triangle in the document window and drag it into the center of the document so that the bottom point is touching the exact center (the spot where the two guides intersect). As soon as you get close to the center, the triangle will snap into place, and that's because we enabled the Snap To Guides option back in Step 4:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/move-triangle.gif\" alt=\"Drag the triangle into the center of the document. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">Drag the triangle into position, with the bottom point at the exact center of the document.<\/div>\n<h4>Step 15: Switch To \"Full Screen Mode With Menu Bar\"<\/h4>\n<p>In a moment, we're going to be stretching the triangle upward beyond the boundaries of our canvas, which means we're going to need a bit more room to work if we want to be able to see what we're doing. If you're working with your document inside a document window, which is the default way to work in Photoshop, press the letter <strong>F<\/strong> on your keyboard to switch your view mode to <strong>Full Screen Mode with Menu Bar<\/strong>. As the name implies, this switches you to a full screen mode in Photoshop while leaving the Menu Bar in place at the top of the screen. Then, to give yourself even more room to work, press <span class=\"em\">Ctrl+-<\/span> (Win) \/ <span class=\"em\">Command+-<\/span> (Mac) a couple of times to zoom out. You should now have quite a bit of empty gray space around your document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/full-screen-mode.gif\" alt=\"The document now appears in Full Screen Mode with Menu Bar in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"515\" height=\"500\" \/>\n<div class=\"image-desc\">Switch to the Full Screen Mode with Menu Bar, then zoom out a couple of times to create lots of room to work around the document.<\/div>\n<h4>Step 16: Clear The Guides<\/h4>\n<p>Since we've already positioned our triangle where we want it in the exact center of the document, our guides have served their purpose and we can safely remove them. Go up to the <span class=\"em\">View<\/span> menu at the top of the screen and choose <span class=\"em\">Clear Guides<\/span>. This will clear the guides from the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/clear-guides.gif\" alt=\"Go to the View menu and choose Clear Guides to remove the guides from the document. Image &copy; 2008 Photoshop Essentials.com.\" width=\"250\" height=\"175\" \/>\n<div class=\"image-desc\">Select \"Clear Guides\" from the View menu to remove the guides.<\/div>\n<h4>Step 17: Stretch The Triangle Up Beyond The Top Of The Canvas With Free Transform<\/h4>\n<p>Press <span class=\"em\">Ctrl+T<\/span> (Win) \/ <span class=\"em\">Command+T<\/span> (Mac) on your keyboard to bring up Photoshop's <span class=\"em\">Free Transform<\/span> box and handles around the triangle. Click on the handle (the little square) in the top center of the Free Transform box and drag upward to stretch the triangle, making it longer and more narrow. Continue dragging until the triangle goes well beyond the top of the canvas, like so:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-free-transform.gif\" alt=\"Stretching the triangle up beyond the top of the canvas with the Free Transform command in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"406\" height=\"500\" \/>\n<div class=\"image-desc\">Drag the top of the Free Transform box up beyond the top of the canvas to stretch the triangle.<\/div>\n<p>The reason why we're stretching the triangle beyond the top of the canvas will become clear in a moment. Press <span class=\"em\">Enter<\/span> (Win) \/ <span class=\"em\">Return<\/span> (Mac) when you're done to accept the transformation and exit out of the Free Transform command. You'll notice that even though we've stretched the triangle beyond the top of the canvas, only the part that falls within the boundaries of the canvas area remains visible in the document. The rest of the triangle above the canvas is currently visible only as an outline.<\/p>\n<h4>Step 18: Bring Up The Free Transform Box Around The Triangle Once Again<\/h4>\n<p>Press <span class=\"em\">Ctrl+T<\/span> (Win) \/ <span class=\"em\">Command+T<\/span> (Mac) to once again bring up the <span class=\"em\">Free Transform<\/span> box and handles around the triangle. I know, we just had Free Transform open a moment ago and I told you to close it, and now I'm telling you to open it again. What gives? Well, the reason is because this time, we're going to use Free Transform to rotate the triangle, and when we're done, we're going to use a little known command called <strong>Transform Again<\/strong> to have Photoshop repeat the rotation over and over again all around the document for us, which will create our starburst effect! <\/p>\n<h4>Step 19: Drag The Center Point Of The Free Transform Box Down To The Bottom Center Handle<\/h4>\n<p>If you look closely in the center of the Free Transform box, you'll see a small icon that looks like a little target symbol. This icon represents the <span class=\"em\">rotation center point<\/span> for the Free Transform command. Everything rotates around this icon, wherever the icon happens to be positioned. If we were to  rotate the triangle with this icon in the center of the Free Transform box, the triangle would rotate around its center. That's usually what we want, but it's not what we want here. We want our triangle to rotate around the center of the document, which means we need to move the target icon into the center of the document.<\/p>\n<p>To do that, click on the target icon, then drag it down on to the handle (the little square) in the bottom center of the Free Transform box, which will place it in the exact center of the document directly above the bottom point of the triangle. As soon as you get close enough to the handle, the icon will snap into place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/drag-target-icon.gif\" alt=\"Dragging the center rotation point of the Free Transform command in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"406\" height=\"500\" \/>\n<div class=\"image-desc\">Drag the target icon from the center of the Free Transform box down on to the bottom center handle.<\/div>\n<h4>Step 20: Rotate The Triangle<\/h4>\n<p>With the target icon now positioned in the center of the document, we're ready to rotate the triangle. Move your mouse outside the top right corner of the Free Transform box. You'll see your mouse cursor change into a little rotation icon (a curved line with an arrow on both ends). Hold down your <span class=\"em\">Shift<\/span> key, which will force the triangle to rotate in increments of 15 degrees, making things much easier for us. Then, with your Shift key held down, click and drag your mouse down and to the right to rotate the triangle in a clockwise direction. You'll notice two things as you drag. One, the triangle is rotating around the center of the image, and two, it's snapping into 15 degree increments rather than rotating smoothly.<\/p>\n<p>Rotate your triangle a total of <span class=\"em\">45 degrees clockwise<\/span> (three increments of 15 degrees), at which point it will be extending out beyond the top right corner of the canvas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/rotate-triangle.gif\" alt=\"Rotate the triangle 45 degrees. Image &copy; 2008 Photoshop Essentials.com.\" width=\"513\" height=\"500\" \/>\n<div class=\"image-desc\">Hold down Shift and rotate the triangle 45 degrees clockwise.<\/div>\n<p> The reason why we stretched the triangle so far beyond the top of the canvas back in Step 17 was so that it would be large enough to still extend out beyond the boundaries of the canvas even in these corner sections. Press <span class=\"em\">Enter<\/span> (Win) \/ <span class=\"em\">Return<\/span> (Mac) when you have your triangle rotated to accept the transformation and exit out of the Free Transform command.<\/p>\n<p>Now that we've used Free Transform to rotate the triangle once, we're going to let Photoshop do the rest of the work for us, repeating the rotation all around the document to create the starburst effect!<\/p>\n<h4>Step 21: Use \"Transform Again\" To Repeat The Rotation All Around The Document<\/h4>\n<p>A little known and therefore rarely used feature in Photoshop is <strong>Transform Again<\/strong>, 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.<\/p>\n<p>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 <span class=\"em\">Edit<\/span> menu at the top of the screen and choose <span class=\"em\">Transform<\/span>, you'll see an option at the top of the next sub menu that says <span class=\"em\">Again<\/span>. Notice that the keyboard shortcut for the Transform Again command is <span class=\"em\">Shift+Ctrl+T<\/span> (Win) \/ <span class=\"em\">Shift+Command+T<\/span> (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 <span class=\"em\">copy<\/span> of our triangle each time we rotate it. To create the copy, we'll need to add the <span class=\"em\">Alt<\/span> (Win) \/ <span class=\"em\">Option<\/span> (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 <span class=\"em\">Shift+Ctrl+Alt+T<\/span> (Win) \/ <span class=\"em\">Shift+Command+Option+T<\/span> (Mac). A copy of the triangle will appear in the document and it will be rotated an additional 45 degrees:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/transform-again.gif\" alt=\"Using the Transform Again command in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"539\" height=\"500\" \/>\n<div class=\"image-desc\">A copy of the triangle, rotated an additional 45 degrees, appears in the document.<\/div>\n<p>Continue pressing <span class=\"em\">Shift+Ctrl+Alt+T<\/span> (Win) \/ <span class=\"em\">Shift+Command+Option+T<\/span> (Mac), adding another rotated copy of the triangle each time, until you've created the starburst effect all around the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/rotated-copies.gif\" alt=\"Add more rotated triangles to complete the starburst effect. Image &copy; 2008 Photoshop Essentials.com.\" width=\"497\" height=\"500\" \/>\n<div class=\"image-desc\">Continue adding rotated copied of the triangle to complete the effect.<\/div>\n<p>If we look in our Layers palette, we can see that we now have a <span class=\"em\">Shape layer<\/span> named \"Shape 1\" above the \"Color Fill 1\" layer, and we can see our starburst shape inside the layer's <span class=\"em\">preview thumbnail<\/span>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-shape-layer.gif\" alt=\"The Layers palette in Photoshop showing the starburst shape on its own Shape layer. Image &copy; 2008 Photoshop Essentials.com.\" width=\"280\" height=\"289\" \/>\n<div class=\"image-desc\">The starburst shape appears on its own Shape layer in the Layers palette. The shape is visible in the layer's preview thumbnail.<\/div>\n<h4>Step 22: Hide The Shape Outlines<\/h4>\n<p>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. <\/p>\n<p>I'm going to switch Photoshop back to the <span class=\"em\">Standard View Mode<\/span>, which will place my image back inside a floating document window, by pressing the letter <span class=\"em\">F<\/span> twice on my keyboard. If you're using Photoshop CS3, you'll need to press <span class=\"em\">F<\/span> 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 <span class=\"em\">Ctrl++<\/span> (Win) \/ <span class=\"em\">Command++<\/span> (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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-standard-view.gif\" alt=\"The Layers palette in Photoshop showing the starburst shape on its own Shape layer. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">The starburst shape appears on its own Shape layer in the Layers palette. The shape is visible in the layer's preview thumbnail.<\/div>\n<h4>Step 23: Change The Color Of The Shape Layer<\/h4>\n<p>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 <span class=\"em\">double-click<\/span> directly on the Shape layer's <span class=\"em\">color swatch<\/span>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/shape-layer-color.gif\" alt=\"Double-click on the Shape layer's color swatch. Image &copy; 2008 Photoshop Essentials.com.\" width=\"280\" height=\"289\" \/>\n<div class=\"image-desc\">Double-click on the Shape layer's color swatch to change its color.<\/div>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/color-picker.gif\" alt=\"Choosing a new color for the starburst effect in the Color Picker in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"548\" height=\"351\" \/>\n<div class=\"image-desc\">Use the Color Picker to select a new color for the starburst effect.<\/div>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/starburst-orange.gif\" alt=\"The starburst effect after having changed the shape color. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">The same effect with a new color for the starburst shape.<\/div>\n<p>You can change the background color for the effect just as easily. Simply <span class=\"em\">double-click<\/span> directly on the \"Color Fill 1\" <span class=\"em\">color swatch<\/span> in the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/color-fill-1-swatch.gif\" alt=\"Double-click on the 'Color Fill 1' color swatch in the Layers palette to change the background color. Image &copy; 2008 Photoshop Essentials.com.\" width=\"280\" height=\"289\" \/>\n<div class=\"image-desc\">Double-click on the color swatch for \"Color Fill 1\" to change the effect's background color.<\/div>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/starburst-green-blue.gif\" alt=\"The same starburst effect, this time using green and blue as the colors. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">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.<\/div>\n<p>You can also try using two shades of the same color, rather than two separate colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/starburst-pink.gif\" alt=\"The same starburst effect, this time using two shades of the same color. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">Try using two shades of the same color rather than two separate colors for a different look.<\/div>\n<p>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.<\/p>\n<p>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 <strong>Custom Shape<\/strong>! 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.<\/p>\n<h4>Step 24: Make Sure The Starburst Shape Is Active<\/h4>\n<p>To save a shape as a Custom Shape in Photoshop, we first need to make sure that the shape is currently active. As I mentioned, when a shape is active, outlines appear around the shape in the document window and a white highlight border appears around the Shape layer's preview thumbnail in the Layers palette. At the moment, our starburst shape is not active. We purposely deactivated it back in Step 22 in order to hide the shape outlines. We need to activate it again. To do that, simply click on the shape's <span class=\"em\">preview thumbnail<\/span> in the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/shape-preview-thumbnail.gif\" alt=\"Clicking on the Shape layer's preview thumbnail in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"280\" height=\"289\" \/>\n<div class=\"image-desc\">Click on the Shape layer's preview thumbnail to active the shape.<\/div>\n<p>You'll see a highlight border appear around the preview thumbnail and the outlines will re-appear around the shape in the document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-shape-outlines.gif\" alt=\"The outlines are now visible around the shape in the document window. Image &copy; 2008 Photoshop Essentials.com.\" width=\"438\" height=\"450\" \/>\n<div class=\"image-desc\">The outlines are now visible around the shape.<\/div>\n<h4>Step 25: Define A Custom Shape<\/h4>\n<p>With the shape now active, go up to the <span class=\"em\">Edit<\/span> menu at the top of the screen and choose <span class=\"em\">Define Custom Shape<\/span>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/define-custom-shape.gif\" alt=\"Choosing the Define Custom Shape option under the Edit menu in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"283\" height=\"208\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Define Custom Shape.<\/div>\n<p><strong>Note:<\/strong> If you forgot to make the shape active first, you'll find that the Define Custom Shape option is grayed out and unavailable. You'll need to make the shape active and then try again.<\/p>\n<p>Once you've selected the Define Custom Shape option, Photoshop will pop up a small dialog box asking you to enter a name for your new custom shape. I'm going to name mine &quot;Starburst&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/custom-shape-name.gif\" alt=\"Enter a name for your Custom Shape in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"584\" height=\"116\" \/>\n<div class=\"image-desc\">Enter a name for your new custom shape.<\/div>\n<p>Click OK when you're done to exit out of the dialog box and save the custom shape. We can now use our \"Starburst\" shape any time we need it! Simply select the <span class=\"em\">Custom Shape Tool<\/span> from the Tools palette. It's grouped in with all of the other Shape tools in the same place where we found the Polygon Tool:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/custom-shape-tool.gif\" alt=\"Selecting the Custom Shape Tool from the Tools palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"233\" height=\"158\" \/>\n<div class=\"image-desc\">Select the Custom Shape Tool.<\/div>\n<p>Then, with the Custom Shape Tool selected, go up to the <span class=\"em\">Options Bar<\/span> at the top of the screen, click on the <span class=\"em\">Shape preview area<\/span> to bring up the <span class=\"em\">Custom Shape selection box<\/span> and select your \"Starburst\" shape from the list. If you have \"Show Tool Tips\" enabled in Photoshop's Preferences, you'll see the name of the shape appear when you hover over it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/select-custom-shape.gif\" alt=\"Select your custom shape from the Options Bar. Image &copy; 2008 Photoshop Essentials.com.\" width=\"484\" height=\"200\" \/>\n<div class=\"image-desc\">Select your custom shape in the Options Bar.<\/div>\n<p>With the \"Starburst\" shape selected, simply click anywhere near the center of your document and begin dragging out the shape! Once you've started dragging, hold down your <span class=\"em\">Shift<\/span> key to constrain the proportions of the shape so you don't distort the look of it, and hold down your <span class=\"em\">Alt<\/span> (Win) \/ <span class=\"em\">Option<\/span> (Mac) key to drag the shape out from its center rather than from the corner. Here, I've created a new document, same size as last time, and I've already added a Solid Color Fill layer (see Steps 7 and 8) to use as the background color for my effect. I'm dragging the &quot;Starburst&quot; shape out from somewhere near the center of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/drag-shape.gif\" alt=\"Dragging out the shape in the document window. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">Click near the center of the document and drag out the shape, holding down Shift plus the Alt (Win) \/ Option (Mac) key as you drag.<\/div>\n<p>Continue dragging out the shape until it fills your entire document, then release your mouse button, at which point the shape will appear filled with a solid color. To change the color, double-click on the Shape layer's color swatch in the Layers palette, just as we did in Step 23, and choose a new color from the Color Picker. Here's my effect after dragging out my shape and changing its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/starburst-purple.gif\" alt=\"A purple starburst effect. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">The effect after dragging out the \"Starburst\" custom shape and changing its color.<\/div>\n<p>If you want to make sure the starburst is aligned perfectly with the exact center of the document, go up to the <span class=\"em\">Select<\/span> menu at the top of the screen and choose <span class=\"em\">All<\/span>, or use the keyboard shortcut <span class=\"em\">Ctrl+A<\/span> (Win) \/ <span class=\"em\">Command+A<\/span> (Mac). This will place a selection marquee around the entire document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/select-all.gif\" alt=\"A selection marquee appears around the entire document. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">Go to Select &gt; All to place a selection marquee around the entire document.<\/div>\n<p>With the entire document selected, grab the <span class=\"em\">Move tool<\/span> from the Tools palette, or press <span class=\"em\">V<\/span> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/photoshop-move-tool.gif\" alt=\"Selecting Photoshop's Move tool from the Tools palette. Image &copy; 2008 Photoshop Essentials.com.\" width=\"70\" height=\"118\" \/>\n<div class=\"image-desc\">Select the Move tool.<\/div>\n<p>Then, with the Move tool selected, go up to the <span class=\"em\">Options Bar<\/span> at the top of the screen and click on the <span class=\"em\">Align Vertical Centers<\/span> and <span class=\"em\">Align Horizontal Centers<\/span> icons. Photoshop will automatically align the center of the starburst shape with the center of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/align-centers.gif\" alt=\"Click on the Align Vertical Centers and Align Horizontal Centers icons in the Options Bar. Image &copy; 2008 Photoshop Essentials.com.\" width=\"620\" height=\"47\" \/>\n<div class=\"image-desc\">Click on the Align Vertical Centers (left) and Align Horizontal Centers (right) icons in the Options Bar to center the shape.<\/div>\n<p>Go back up to the <span class=\"em\">Select<\/span> menu and choose <span class=\"em\">Deselect<\/span> to remove the selection from around your document, or use the keyboard shortcut <span class=\"em\">Ctrl+D<\/span> (Win) \/ <span class=\"em\">Command+D<\/span> (Mac). The selection outline will disappear and your starburst shape will be perfectly aligned with the center of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/starburst-background\/starburst-aligned.gif\" alt=\"The starburst shape is now aligned with the center of the document. Image &copy; 2008 Photoshop Essentials.com.\" width=\"437\" height=\"450\" \/>\n<div class=\"image-desc\">The starburst shape is now aligned with the center of the document.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to create a classic starburst background in Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to recreate the classic starburst-style background you&#8217;ve seen hundreds of times in grocery stores, department stores and weekly flyers, using a little-known but very powerful feature in Photoshop &#8211; Transform Again.<\/p>\n","protected":false},"author":1,"featured_media":234,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-233","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Classic Starburst Background Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to create a classic starburst background in Photoshop using a little known feature called Transform Again.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Classic Starburst Background Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a classic starburst background in Photoshop using a little known feature called Transform Again.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-01T19:04:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:13:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/starburst80j.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Classic Starburst Background Effect In Photoshop\",\"datePublished\":\"2012-10-01T19:04:49+00:00\",\"dateModified\":\"2019-04-13T17:13:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/\"},\"wordCount\":5215,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/starburst80j.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/\",\"name\":\"Classic Starburst Background Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/starburst80j.jpg\",\"datePublished\":\"2012-10-01T19:04:49+00:00\",\"dateModified\":\"2019-04-13T17:13:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to create a classic starburst background in Photoshop using a little known feature called Transform Again.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/starburst80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/starburst80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Classic Starburst Background Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/starburst-background\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Starburst\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Classic Starburst Background Effect In Photoshop","description":"Learn how to create a classic starburst background in Photoshop using a little known feature called Transform Again.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/","og_locale":"en_US","og_type":"article","og_title":"Classic Starburst Background Effect In Photoshop","og_description":"Learn how to create a classic starburst background in Photoshop using a little known feature called Transform Again.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T19:04:49+00:00","article_modified_time":"2019-04-13T17:13:36+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/starburst80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Classic Starburst Background Effect In Photoshop","datePublished":"2012-10-01T19:04:49+00:00","dateModified":"2019-04-13T17:13:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/"},"wordCount":5215,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/starburst80j.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/","name":"Classic Starburst Background Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/starburst80j.jpg","datePublished":"2012-10-01T19:04:49+00:00","dateModified":"2019-04-13T17:13:36+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to create a classic starburst background in Photoshop using a little known feature called Transform Again.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/starburst80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/starburst80j.jpg","width":"80","height":"80","caption":"Classic Starburst Background Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/starburst-background\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Starburst"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":26,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"predecessor-version":[{"id":27466,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/233\/revisions\/27466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/234"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}