{"id":747,"date":"2012-10-09T00:43:20","date_gmt":"2012-10-09T00:43:20","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=747"},"modified":"2022-12-14T10:00:32","modified_gmt":"2022-12-14T15:00:32","slug":"repeating-patterns-from-custom-shapes","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/","title":{"rendered":"Creating Repeating Patterns From Custom Shapes In Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>This is the third tutorial in our series on creating and using simple repeating patterns in Photoshop. In previous tutorials, we covered the basics of <a href=\"\/basics\/repeating-patterns\/\">creating our own repeating patterns<\/a> by first designing a single tile, saving the tile as a pattern, then using the pattern to fill an entire layer. Next, we learned <a href=\"\/basics\/repeating-patterns\/colors-and-gradients\/\">how to add color to our patterns<\/a> with Solid Color and Gradient fill layers.<\/p>\n<p>In this tutorial, we'll look at how we can use much of what we've already learned to create fun and interesting repeating patterns from Photoshop's <strong>custom shapes<\/strong>!<\/p>\n<\/section>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h3>Step 1: Create A New Document<\/h3>\n<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 20px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photoshop basics top responsive -->\n<ins class=\"adsbygoogle adslot-2\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"7310008691\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>As we learned back at the beginning of this series, the first thing we need to do is design a single tile which will become our repeating pattern. For that, we need a new blank document, so go up to the <strong>File<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>New<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/file-new.gif\" alt=\"The New Document command in the File menu in Photoshop. \" width=\"291\" height=\"108\" \/>\n<div class=\"caption\">Go to File &gt; New.<\/div>\n<p>This opens Photoshop's New Document dialog box. The size of the document we create here will become the size of the tile that will be repeating as a pattern. Since smaller tiles need to repeat more than larger ones to fill the same amount of space, tile size has a big impact on the overall appearance of the pattern. You'll want to experiment with different tile sizes for your own designs later, but for this tutorial, enter <strong>100 pixels<\/strong> for both the <strong>Width<\/strong> and <strong>Height<\/strong> of the document and make sure <strong>Background Contents<\/strong> is set to <strong>Transparent<\/strong>. You can leave the <strong>Resolution<\/strong> value set to its default <strong>72 pixels\/inch<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/new-document-dialog-box.gif\" alt=\"Photoshop New Document dialog box. \" width=\"597\" height=\"341\" \/>\n<div class=\"caption\">The New Document dialog box.<\/div>\n<p>Click OK when you're done to close out of the dialog box. The new blank document will appear on your screen. At only 100 pixels x 100 pixels, the document can be a bit small to work with, so I'll zoom in on it by holding down my <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and my <strong>spacebar<\/strong>, which temporarily switches us to Photoshop's <strong><a href=\"\/basics\/photoshop-zoom\/\">Zoom Tool<\/a><\/strong> (you'll see the mouse cursor change into a magnifying glass) and clicking a few times inside the document window. Here, I've zoomed in to 500%: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-blank-document.gif\" alt=\"A new blank Photoshop document. \" width=\"431\" height=\"450\" \/>\n<div class=\"caption\">The checkerboard pattern is Photoshop's way of telling us the background of the document is transparent.<\/div>\n<h3>Step 2: Add Guides In The Center Of The Document<\/h3>\n<p>Next, we need to find the exact center of our document, and we can do that using Photoshop's <strong>guides<\/strong>. Back when we covered the basics of creating repeating patterns, we learned how we can add guides using the New Guide command. This time, we'll add guides using Photoshop's <strong>rulers<\/strong>. Either way of adding guides is fine so feel free to use whichever method you prefer. For this tutorial though, go up to the <strong>View<\/strong> menu at the top of the screen and choose <strong>Rulers<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/view-rulers.gif\" alt=\"The View Rulers command in Photoshop. \" width=\"250\" height=\"152\" \/>\n<div class=\"caption\">Go to View &gt; Rulers.<\/div>\n<p>You'll see Photoshop's rulers appear along the top and left of the document. Click anywhere inside the left ruler and, with your mouse button held down, drag a vertical guide out into the center of the document. When you get close enough to the center, the guide will snap into place. Release your mouse button to place the guide: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/add-vertical-guide.gif\" alt=\"Dragging a vertical guide from Photoshop's rulers. \" width=\"432\" height=\"450\" \/>\n<div class=\"caption\">Click inside the left ruler and drag a guide into the vertical center of the document.<\/div>\n<p>Next, click anywhere inside the top ruler and, again with your mouse button still held down, drag a horizontal guide down into the center of the document. When you're close enough to the center, the guide will snap into place. Release your mouse button to place the second guide: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/add-horizontal-guide.gif\" alt=\"Dragging a horizontal guide from Photoshop's rulers. \" width=\"432\" height=\"450\" \/>\n<div class=\"caption\">Click inside the top ruler and drag a guide into the horizontal center of the document.<\/div>\n<p>Once both guides have been added, you can turn the rulers off by going back up to the <strong>View<\/strong> menu and again choosing <strong>Rulers<\/strong>. Or, you can use the handy keyboard shortcut <strong>Ctrl+R<\/strong> (Win) \/ <strong>Command+R<\/strong> (Mac) to quickly turn the rulers on and off when needed. The spot where both guides intersect is the exact center of the document. In my screenshot here, the guides appear in red. If you've been following along from the <a href=\"\/basics\/repeating-patterns\/\">first tutorial in the series<\/a>, you'll know that's because I changed the color of my guides in Photoshop's Preferences, just to make them easier to see in the screenshots. The default guide color is cyan which is the color your guides will appear in if you haven't changed it in the Preferences: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-guides.gif\" alt=\"Guides have been added to the Photoshop document. \" width=\"431\" height=\"450\" \/>\n<div class=\"caption\">Don't worry if your guides appear in a different color, like cyan. The color is not important.<\/div>\n<h3>Step 3: Select The Custom Shape Tool<\/h3>\n<p>Select the <strong>Custom Shape Tool<\/strong> from the Tools panel. By default, it's hiding behind the <strong>Rectangle Tool<\/strong>, so click on the Rectangle Tool and hold your mouse button down for a second or two until a fly-out menu appears, then select the Custom Shape Tool from the bottom of the list: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-custom-shape-tool.gif\" alt=\"Photoshop Custom Shape Tool. \" width=\"255\" height=\"152\" \/>\n<div class=\"caption\">Click and hold on the Rectangle Tool, then select the Custom Shape Tool from the menu.<\/div>\n<h3>Step 4: Choose The \"Fill Pixels\" Option<\/h3>\n<p>Photoshop gives us three different ways that we can use its shape tools. We won't get into specifics about them here, but in general, we can use them to draw <strong>vector shapes<\/strong>, <strong>paths<\/strong>, or <strong>pixel-based shapes<\/strong>. Photoshop will only allow us to save our design as a pattern if it was made with <a href=\"\/essentials\/pixels.php\">pixels<\/a>, so we first need to tell Photoshop that we want the shapes we're about to draw to be filled with pixels, and we do that in the Options Bar along the top of the screen. Near the far left of the Options Bar is a series of three icons. Each icon selects one of the three types of shapes we can draw. Click on the third icon (the one on the right) to choose the <strong>Fill pixels<\/strong> option: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/fill-pixels.gif\" alt=\"Photoshop Custom Shapes Fill pixels option. \" width=\"437\" height=\"62\" \/>\n<div class=\"caption\">Select the Fill pixels option by clicking on its icon in the Options Bar.<\/div>\n<h3>Step 5: Choose A Custom Shape<\/h3>\n<p>Now that we've told Photoshop to draw pixel-based shapes, we need to choose the shape we want to draw. Click on the shape <strong>preview thumbnail<\/strong> in the Options Bar: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/shape-preview-thumbnail.gif\" alt=\"The custom shape preview thumbnail. \" width=\"465\" height=\"80\" \/>\n<div class=\"caption\">Click on the shape preview thumbnail.<\/div>\n<p>This opens the <strong>Shape Picker<\/strong>, which displays small thumbnails of all the shapes we currently have to choose from. To choose a shape, simply click on its thumbnail. I'll choose the <strong>Heart<\/strong> shape by clicking on it. Once you've chosen a shape, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to close out of the Shape Picker: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-heart-shape.gif\" alt=\"Choosing a Heart custom shape in Photoshop. \" width=\"261\" height=\"160\" \/>\n<div class=\"caption\">Click on the Heart shape's thumbnail to select it.<\/div>\n<h3>Step 6: Draw The Shape In The Center Of The Document<\/h3>\n<p>We need to draw our shape in the center of the document, which is why we added guides to find the center for us. We want our shape to be black for now, so press the letter <strong>D<\/strong> on your keyboard to quickly reset Photoshop's <strong>Foreground and Background colors<\/strong> to their defaults if needed, which will set the Foreground color to black. You can see the current Foreground and Background colors by looking at their thumbnails near the bottom of the Tools panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/foreground-background-colors.gif\" alt=\"Photoshop Foreground and Background color swatches in the Tools panel. \" width=\"79\" height=\"137\" \/>\n<div class=\"caption\">The Foreground (top left) and Background (bottom right) color swatches in the Tools panel.<\/div>\n<p>With the Foreground color set to black, position your mouse cursor directly over the center of the document so the cursor's target symbol lines up with the vertical and horizontal guides, then click and, with your mouse button held down, begin dragging out the shape. After you've started dragging, hold down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac) and keep them held down as you continue dragging out the shape. Holding the Shift key down will maintain the original aspect ratio of the shape so you don't end up making it taller and thinner or shorter and wider than it should be, while the Alt (Win) \/ Option (Mac) key tells Photoshop to draw the shape out from its center. When you're done, your document should look similar to this (my document is zoomed in to 500% which is why the edges of the shape look blocky): <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/heart-shape.gif\" alt=\"A heart shape drawn in Photoshop. \" width=\"431\" height=\"450\" \/>\n<div class=\"caption\">Drag out the shape in the center of the document.<\/div>\n<h3>Step 7: Turn Off The Guides<\/h3>\n<p>Now that we've drawn our shape, the guides are no longer needed and are just getting in the way, so let's turn them off. Go up to the <strong>View<\/strong> menu at the top of the screen, choose <strong>Show<\/strong>, then choose <strong>Guides<\/strong>. You'll see a checkmark to the left of the word Guides which tells us they're currently turned on. Selecting them while they're on will turn them off: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/view-show-guides.gif\" alt=\"Turning guides off in Photoshop. \" width=\"448\" height=\"163\" \/>\n<div class=\"caption\">Go to View &gt; Show &gt; Guides to turn the guides off.<\/div>\n<h3>Step 8: Duplicate The Layer<\/h3>\n<p>Let's make our design a bit more interesting before saving it as a pattern. Make a copy of the layer by going up to the <strong>Layer<\/strong> menu at the top of the screen, choosing <strong>New<\/strong>, then choosing <strong>Layer via Copy<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/new-layer-via-copy.gif\" alt=\"The New Layer via Copy command in Photoshop. \" width=\"459\" height=\"177\" \/>\n<div class=\"caption\">Go to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>You could also use the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) to quickly copy the layer. Either way tells Photoshop to make a copy of Layer 1, which it creatively names \"Layer 1 copy\", and place it above the original in the Layers panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/layer-1-copy.gif\" alt=\"Layer 1 copy. \" width=\"318\" height=\"291\" \/>\n<div class=\"caption\">A copy of the layer appears above the original.<\/div>\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<h3>Step 9: Apply The Offset Filter<\/h3>\n<p>Just as we did when we were learning the basics of creating repeating patterns, we'll use Photoshop's Offset filter to add a little more interest to our tile. Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Other<\/strong>, then choose <strong>Offset<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/filter-other-offset.gif\" alt=\"Photoshop Offset filter. \" width=\"132\" height=\"135\" \/>\n<div class=\"caption\">Go to Filter &gt; Other &gt; Offset.<\/div>\n<p>This opens the Offset filter dialog box. We want to enter half the width of our document into the <strong>Horizontal<\/strong> value box and half the height of the document into the <strong>Vertical<\/strong> value box. Since our document is 100 pixels x 100 pixels, set both the Horizontal and Vertical options to <strong>50<\/strong> pixels. Then, make sure the <strong>Wrap Around<\/strong> option is selected at the bottom of the dialog box: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-offset-filter.gif\" alt=\"Photoshop Offset filter dialog box. \" width=\"346\" height=\"241\" \/>\n<div class=\"caption\">The Offset filter dialog box.<\/div>\n<p>Click OK when you're done to close out of the dialog box. The Offset filter has essentially split the copy of the heart shape into four equal parts and placed them in each corner of the document. It may look strange at the moment, but it won't when we see the pattern repeating a bit later. The heart shape in the center of the document is the original shape we added back in Step 6: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/offset-heart.gif\" alt=\"The heart shape after applying the Offset filter. \" width=\"431\" height=\"450\" \/>\n<div class=\"caption\">The document after applying the Offset filter to the copy of the heart shape.<\/div>\n<h3>Step 10: Save The Design As A Pattern<\/h3>\n<p>With the design of our tile completed, we're ready to save it as a pattern. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Define Pattern<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-define-pattern.gif\" alt=\"The Define Pattern command in Photoshop. \" width=\"264\" height=\"119\" \/>\n<div class=\"caption\">Go to Edit &gt; Define Pattern.<\/div>\n<p>Photoshop will pop open the <strong>Pattern Name<\/strong> dialog box so we can give our new pattern a name. It's good practice to include the size of your tile in the name in case you end up designing several similar tiles, all at different sizes. I'll name my pattern \"Hearts 100x100\" since the dimensions of the tile are 100 px x 100 px. When you're done, click OK to close out of the dialog box. The pattern is now saved and ready for use: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/pattern-name.gif\" alt=\"Photoshop Pattern Name dialog box. \" width=\"565\" height=\"116\" \/>\n<div class=\"caption\">Including the dimensions of the tile as part of the name can be helpful.<\/div>\n<h3>Step 11: Create A New Document<\/h3>\n<p>Let's create a new document to fill with our newly created pattern. As we did in Step 1, go up to the <strong>File<\/strong> menu and choose <strong>New<\/strong>. This time when the New Document dialog box appears, enter <strong>1000 pixels<\/strong> for both the <strong>Width<\/strong> and <strong>Height<\/strong> of the document and change the <strong>Background Contents<\/strong> to <strong>White<\/strong>. Leave the <strong>Resolution<\/strong> value set to <strong>72 pixels\/inch<\/strong>. Click OK to close out of the dialog box. The new document, filled with white, will appear on your screen: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/new-document-2.gif\" alt=\"The New Document dialog box in Photoshop. \" width=\"597\" height=\"341\" \/>\n<div class=\"caption\">Creating a new document.<\/div>\n<h3>Step 12: Add A New Blank Layer<\/h3>\n<p>Rather than filling the Background layer with our pattern, which will limit what we can do with it later, we'll add the pattern on its own layer. Click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/new-layer-icon.gif\" alt=\"Photoshop New Layer icon. \" width=\"285\" height=\"239\" \/>\n<div class=\"caption\">Click on the New Layer icon.<\/div>\n<p>Photoshop adds a new blank layer named \"Layer 1\" above the Background layer: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-new-layer.gif\" alt=\"A new layer is added to the Layers panel. \" width=\"285\" height=\"291\" \/>\n<div class=\"caption\">Photoshop places the new layer above the Background layer.<\/div>\n<h3>Step 13: Select The Paint Bucket Tool<\/h3>\n<p>In the previous tutorials in this series, we learned how we can fill a layer with a pattern using Photoshop's Fill command. This time, let's see how we can do the same thing using the <strong>Paint Bucket Tool<\/strong>, which also lets us fill a layer or selection with either a color or a pattern. You'll find the Paint Bucket Tool in the Tools panel. By default, it's hiding behind the <strong>Gradient Tool<\/strong>, so click on the Gradient Tool and hold your mouse button down until a fly-out menu appears, then choose the Paint Bucket Tool from the list: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-paint-bucket-tool.gif\" alt=\"Photoshop Paint Bucket Tool. \" width=\"213\" height=\"102\" \/>\n<div class=\"caption\">Click and hold on the Gradient Tool, then select the Paint Bucket Tool from the list.<\/div>\n<h3>Step 14: Change The Source To Pattern<\/h3>\n<p>With the Paint Bucket Tool selected, go up to the Options Bar and set the <strong>Source<\/strong> for the Paint Bucket to <strong>Pattern<\/strong> (by default, it's set to Foreground): <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/pattern-source.gif\" alt=\"Photoshop Paint Bucket Tool source option. \" width=\"484\" height=\"57\" \/>\n<div class=\"caption\">Change the source from Foreground to Pattern.<\/div>\n<h3>Step 15: Select The Pattern<\/h3>\n<p>With Pattern selected, click on the pattern <strong>preview thumbnail<\/strong> in the Options Bar: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/pattern-preview-thumbnail.gif\" alt=\"Paint Bucket Tool pattern preview thumbnail. \" width=\"484\" height=\"66\" \/>\n<div class=\"caption\">Click on the preview thumbnail to the right of the Source option in the Options Bar.<\/div>\n<p>This opens Photoshop's <strong>Pattern Picker<\/strong> where we can choose the pattern we want to use. The pattern we just created will be the last one in the list. Click on its <strong>thumbnail<\/strong> to select it. Once you've selected the pattern, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to close out of the Pattern Picker: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-pattern-picker.gif\" alt=\"Photoshop Pattern Picker. \" width=\"262\" height=\"167\" \/>\n<div class=\"caption\">Choose the Hearts pattern by clicking on its thumbnail.<\/div>\n<h3>Step 16: Click Inside The Document To Add The Pattern<\/h3>\n<p>Make sure Layer 1 is selected in the Layers panel (selected layers are highlighted in blue), then with the pattern chosen in the Options Bar, simply click anywhere inside the document with the Paint Bucket Tool, which will instantly fill the document with the pattern. The tile repeats as many times as needed to fill the entire space: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-hearts-pattern.gif\" alt=\"A repeating hearts pattern created in Photoshop. \" width=\"439\" height=\"450\" \/>\n<div class=\"caption\">Clicking anywhere inside the document fills Layer 1 with the pattern.<\/div>\n<p>At the moment, our pattern is in black and white but we can easily colorize it. You'll find all steps needed for colorizing patterns in our previous <strong><a href=\"\/basics\/repeating-patterns\/colors-and-gradients\/\">Repeating Patterns - Adding Colors And Gradients tutorial<\/a><\/strong> so I won't bother repeating everything here, but here's a quick example of how the same pattern can look after colorizing both the white background and the pattern itself: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/hearts-pattern-photoshop.gif\" alt=\"Photoshop heart shapes repeating pattern. \" width=\"439\" height=\"450\" \/>\n<div class=\"caption\">The same pattern after adding color.<\/div>\n<p>We can see in the Layers panel that I've added the colors using nothing more than two <strong>Solid Color fill layers<\/strong>, one for the background and one for the pattern. Again, you'll find all the steps needed in the <strong><a href=\"\/basics\/repeating-patterns\/colors-and-gradients\/\">previous tutorial<\/a><\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/photoshop-layers-panel.gif\" alt=\"Photoshop Layers panel. \" width=\"296\" height=\"369\" \/>\n<div class=\"caption\">The colors were added with Solid Color fill layers.<\/div>\n<h3>Loading Additional Custom Shapes<\/h3>\n<p>Back in Step 5 when we chose a custom shape from the Shape Picker, you may have noticed that by default, Photoshop doesn't give us many shapes to choose from. Unless you were hoping to add repeating arrows, light bulbs or envelopes to your design, you may have been a little disappointed in the selection. Fortunately, there are lots of other shapes we can choose from. We just need to load them in ourselves. Here's how. <\/p>\n<p>With the Shape Picker open, click on the small <strong>arrow icon<\/strong> in the top right corner: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/small-arrow.gif\" alt=\"The arrow icon in the Shape Picker in Photoshop. \" width=\"267\" height=\"172\" \/>\n<div class=\"caption\">Click on the arrow icon.<\/div>\n<p>This opens a menu with various options, including a list of additional shape sets we can choose from. I won't go through all of them since you can experiment with them on your own, but as an example, I'll choose the <strong>Animals<\/strong> shape set: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/animal-shapes.gif\" alt=\"Selecting the Animal custom shape set in Photoshop. \" width=\"190\" height=\"153\" \/>\n<div class=\"caption\">Choose any of the additional custom shape sets from the list.<\/div>\n<p>Photoshop will ask if you want to replace the current shapes with the new ones or if you want to keep the current shapes and append the new ones to the end of the list. Choose <strong>Append<\/strong>: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/append.gif\" alt=\"Appending the new shapes with the current ones. \" width=\"440\" height=\"162\" \/>\n<div class=\"caption\">Click on the Append button.<\/div>\n<p>Back in the Shape Picker, scroll through the thumbnails to find the new shapes added after the original ones. Select any of the newly added shapes by clicking on its thumbnail. I'll choose the <strong>Dog Print<\/strong> shape: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/dog-print-thumbnail.gif\" alt=\"Selecting the Dog Print shape in Photoshop. \" width=\"261\" height=\"160\" \/>\n<div class=\"caption\">Selecting the Dog Print shape.<\/div>\n<p>And here's an example of what the repeating pattern would look like with the dog print shape using the steps we've covered in this tutorial. In this case, I created a slightly larger 150 pixel x 150 pixel document for my tile (see Step 1) and in the Offset filter dialog box (Step 8), I set the Horizontal and Vertical options to 75 pixels each (half the width and height of the document). Once again, color has been added to the pattern using a Solid Color fill layer for the background and another for the pattern itself: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/repeating-patterns\/custom-shapes\/dog-paw-pattern.gif\" alt=\"A repeating dog paw pattern created in Photoshop. \" width=\"439\" height=\"450\" \/>\n<div class=\"caption\">Another example of a repeating pattern created with Photoshop's custom shapes.<\/div>\n<p>If none of the custom shapes Photoshop ships with suit the needs of your design, you can easily create your own custom shapes! Be sure to check out our <a href=\"\/basics\/custom-shapes\/\"><strong>Creating Custom Shapes In Photoshop tutorial<\/strong><\/a> for all the details! <\/p>\n<\/section>\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<aside>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! That's how to create repeating patterns from custom shapes in Photoshop! Visit our <a href=\"\/basics\/\">Photoshop Basics<\/a> section for more tutorials on patterns and other essential Photoshop skills!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop&#8217;s custom shapes!<\/p>\n","protected":false},"author":1,"featured_media":748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"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>Creating Repeating Patterns From Custom Shapes In Photoshop<\/title>\n<meta name=\"description\" content=\"In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop&#039;s custom shapes!\" \/>\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\/basics\/repeating-patterns-from-custom-shapes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Repeating Patterns From Custom Shapes In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop&#039;s custom shapes!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/\" \/>\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-09T00:43:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-14T15:00:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/patterns-shapes-80j.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=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Creating Repeating Patterns From Custom Shapes In Photoshop\",\"datePublished\":\"2012-10-09T00:43:20+00:00\",\"dateModified\":\"2022-12-14T15:00:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/\"},\"wordCount\":2950,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/patterns-shapes-80j.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/\",\"name\":\"Creating Repeating Patterns From Custom Shapes In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/patterns-shapes-80j.jpg\",\"datePublished\":\"2012-10-09T00:43:20+00:00\",\"dateModified\":\"2022-12-14T15:00:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop's custom shapes!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/patterns-shapes-80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/patterns-shapes-80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Creating Repeating Patterns From Custom Shapes In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/repeating-patterns-from-custom-shapes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Repeating Patterns From Custom Shapes\"}]},{\"@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":"Creating Repeating Patterns From Custom Shapes In Photoshop","description":"In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop's custom shapes!","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\/basics\/repeating-patterns-from-custom-shapes\/","og_locale":"en_US","og_type":"article","og_title":"Creating Repeating Patterns From Custom Shapes In Photoshop","og_description":"In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop's custom shapes!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-09T00:43:20+00:00","article_modified_time":"2022-12-14T15:00:32+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/patterns-shapes-80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Creating Repeating Patterns From Custom Shapes In Photoshop","datePublished":"2012-10-09T00:43:20+00:00","dateModified":"2022-12-14T15:00:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/"},"wordCount":2950,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/patterns-shapes-80j.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/","name":"Creating Repeating Patterns From Custom Shapes In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/patterns-shapes-80j.jpg","datePublished":"2012-10-09T00:43:20+00:00","dateModified":"2022-12-14T15:00:32+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this third tutorial in our series on repeating patterns, learn how to create fun and interesting patterns from Photoshop's custom shapes!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/patterns-shapes-80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/patterns-shapes-80j.jpg","width":"80","height":"80","caption":"Creating Repeating Patterns From Custom Shapes In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/repeating-patterns-from-custom-shapes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"Repeating Patterns From Custom Shapes"}]},{"@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\/747","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=747"}],"version-history":[{"count":41,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":33943,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/747\/revisions\/33943"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/748"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}