{"id":280,"date":"2012-10-01T19:53:39","date_gmt":"2012-10-01T19:53:39","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=280"},"modified":"2019-04-13T13:09:09","modified_gmt":"2019-04-13T17:09:09","slug":"halftone-pattern-photo-border","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/","title":{"rendered":"Halftone Pattern Photo Border With Photoshop"},"content":{"rendered":"<aside><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><\/aside>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we'll learn how to create a fun and simple halftone pattern photo border using a couple of Photoshop's filters, a basic selection tool, a layer mask, and a layer blend mode. We'll be using Smart Filters to create the effect, which will allow us to easily make changes to the photo border after we've created it without having to undo or redo any steps. Smart Filters were first introduced in Photoshop CS3, which means you'll need at least Photoshop CS3 if you want the added benefits that Smart Filters offer (I'll be using Photoshop CS4 myself), but this effect can be created with any version of Photoshop, including Photoshop Elements, so don't lose hope just because you don't have CS3 or CS4.<\/p>\n<p>If you're using Photoshop CS2 or earlier, or Photoshop Elements, simply ignore the few steps that deal specifically with Smart Filters and apply regular filters to the layer as you normally would. The only thing you'll be missing out on is the added flexibility and editability that Smart Filters give us.<\/p>\n<p style=\"clear:both;\">Here's the halftone pattern photo border that we'll be creating:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/halftone-pattern-photo-border.jpg\" alt=\"The final halftone pattern photo border in Photoshop. Image licensed from iStockphoto by Photoshop Essentials.com.\" width=\"647\" height=\"450\" \/>\n<div class=\"image-desc\">The final halftone pattern photo border.<\/div>\n<\/section>\n<aside> <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><\/aside>\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<section>\n<h2 class=\"sub\">How To Create A Halftone Pattern Photo Border<\/h2>\n<h3>Step 1: Add A New Blank Layer<\/h3>\n<p>With our photo newly opened in Photoshop, we can see in our Layers palette that we currently have one layer named <em>Background<\/em>. This is the layer that contains our image. We're going to create our photo border on a separate layer above the image, which means we need to add a new layer to our Photoshop document. To add a new layer, click on the <strong>New Layer<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-cs4-new-layer.jpg\" alt=\"The New Layer icon in the Layers panel in Photoshop CS4.\" width=\"274\" height=\"230\" \/>\n<div class=\"image-desc\">Click the New Layer icon to add a new blank layer above the Background layer.<\/div>\n<p>A new blank layer appears in the Layers palette directly above the Background layer. Photoshop automatically names the new layer \"Layer 1\". If we look at the preview thumbnail to the left of the layer's name, we can see a gray and white square pattern. This is how Photoshop represents transparency, letting us know that our new layer is currently transparent. In other words, there's nothing on it at the moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-new-layer.gif\" alt=\"A new blank layer appears in the Layers panel in Photoshop CS4.\" width=\"274\" height=\"236\" \/>\n<div class=\"image-desc\">The preview thumbnail to the left of a layer's name shows us what's currently on the layer. A gray and white pattern means the layer is blank.<\/div>\n<h3>Step 2: Fill The New Layer With White<\/h3>\n<p>We're going to use white as the color for our photo border, so we'll need to fill our new layer with white. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-edit-fill.gif\" alt=\"Selecting the Fill command from the Edit menu in  Photoshop CS4.\" width=\"265\" height=\"156\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fill.<\/div>\n<p>This brings up Photoshop's Fill dialog box. Choose <strong>White<\/strong> from the list to the right of the word <strong>Use<\/strong> in the top half of the dialog box. Also, make sure the <strong>Mode<\/strong> option in the bottom half of the dialog box is set to <strong>Normal<\/strong> and the <strong>Opacity<\/strong> is set to <strong>100%<\/strong>. These are the default settings for these options so you probably won't need to worry about them unless you've made changes to them previously:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-fill-command.gif\" alt=\"The Fill dialog box in Photoshop CS4.\" width=\"370\" height=\"255\" \/>\n<div class=\"image-desc\">The Fill command is one way to fill a layer or selection with a color in Photoshop.<\/div>\n<p>Click OK to exit out of the dialog box. Photoshop will fill the new layer with white, temporarily blocking the photo on the <em>Background<\/em> layer from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-document-white.gif\" alt=\"The Photoshop document is now filled with solid white.\" width=\"568\" height=\"400\" \/>\n<div class=\"image-desc\">Since \"Layer 1\" is above the Background layer, the photo below it is temporarily blocked from view by the solid white fill color.<\/div>\n<h3>Step 3: Select The Rectangular Marquee Tool<\/h3>\n<p>We need to define the edges of our photo border, and for that, we'll use Photoshop's <strong>Rectangular Marquee Tool<\/strong> which allows us to easily draw rectangular-shaped selections. Click on the Rectangular Marquee Tool in the Tools palette to select it, or press the letter <strong>M<\/strong> on your keyboard to quickly select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-rectangular-marquee-tool.gif\" alt=\"The Rectangular Marquee Tool in Photoshop.\" width=\"79\" height=\"132\" \/>\n<div class=\"image-desc\">The Rectangular Marquee Tool is one of Photoshop's basic selection tools.<\/div>\n<p>Then, with the Rectangular Marquee Tool selected, click in the top left of the document and drag out a selection outline to define the edges of the photo border. The area outside of the selection (between the selection outline and the edges of the document) will become the photo border, while the area inside the selection will be where the photo is visible. If you need to reposition the selection as you're drawing it, hold down your <strong>spacebar<\/strong> and drag your mouse to move the selection as needed, then release the spacebar and continue drawing the selection. When you're done, you should have a rectangular selection outlining the four edges of the photo border:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-selection-outline.gif\" alt=\"Drawing a selection outline in the Photoshop document.\" width=\"648\" height=\"450\" \/>\n<div class=\"image-desc\">Try to leave an equal amount of space around each edge for the photo border.<\/div>\n<h3>Step 4: Fill The Selected Area With Black<\/h3>\n<p>We need to fill the selected area with black, and we can use the same Fill command we used earlier when we filled the entire layer with white. Go back up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong> once again. This time, when the Fill dialog box appears, choose <strong>Black<\/strong> from the list to the right of the word <strong>Use<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-fill-black.gif\" alt=\"Selecting Black as the Fill color in Photoshop.\" width=\"370\" height=\"255\" \/>\n<div class=\"image-desc\">Choose Black this time as the fill color.<\/div>\n<p>Click OK to once again exit out of the Fill dialog box. The last time we used the Fill command, Photoshop filled the entire layer with our chosen color. This time, since we have an active selection in our document, only the area inside the selection is filled. Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to deselect the selection and remove the selection outline:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/filled-with-black.gif\" alt=\"The area inside the selection is now filled with black.\" width=\"646\" height=\"450\" \/>\n<div class=\"image-desc\">If a selection is currently active, the Fill command will fill only the area inside the selection.<\/div>\n<h3><span>Step 5:<\/span> Convert \"Layer 1\" To A Smart Object<\/h3>\n<p>If you're using Photoshop CS2 or earlier, or Photoshop Elements, you can skip this step since it only applies to Photoshop CS3 and higher. We're going to be applying a couple of <strong>Smart Filters<\/strong> to \"Layer 1\" which will allow us to go back and change the filter settings any time we want after we've created the initial photo border in order to fine-tune the effect. Before we can use Smart Filters though, we first need to convert our layer into a <strong>Smart Object<\/strong>. Applying one of Photoshop's standard filters to a Smart Object automatically converts the filter into a Smart Filter.<\/p>\n<p>To convert the layer into a Smart Object, go up to the <strong>Filter<\/strong> menu at the top of the screen and select <strong>Convert for Smart Filters<\/strong>. You could also go up to the <strong>Layer<\/strong> menu, choose <strong>Smart Objects<\/strong>, and then choose <strong>Convert to Smart Object<\/strong>. These are just two different ways of saying the same thing. In either case, we're simply converting the layer into a Smart Object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/convert-for-smart-filters.gif\" alt=\"The Convert For Smart Filters option in Photoshop CS4.\" width=\"225\" height=\"159\" \/>\n<div class=\"image-desc\">Smart Objects first appeared in Photoshop CS2, followed by Smart Filters in Photoshop CS3.<\/div>\n<p>In fact, to make it more obvious that all we're doing is converting the layer to a Smart Object, if you select \"Convert for Smart Filters\" from the Filter menu, Photoshop will pop up a dialog box warning that the layer is about to become a Smart Object. Click OK to exit out of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/warning-box.gif\" alt=\"A warning box appears in Photoshop.\" width=\"408\" height=\"181\" \/>\n<div class=\"image-desc\">Converting a layer for Smart Filters simply converts the layer to a Smart Object.<\/div>\n<p>Nothing will seem to have changed in the document window, but if we look in the bottom right corner of the preview thumbnail for \"Layer 1\" in the Layers palette, a small Smart Object icon has appeared, letting us know that the layer is now a Smart Object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-smart-object.gif\" alt=\"A Smart Object icon appears in the Layers palette in Photoshop.\" width=\"274\" height=\"236\" \/>\n<div class=\"image-desc\">The icon in the bottom right corner of the preview thumbnail tells us the layer is a Smart Object.<\/div>\n<h3>Step 6: Apply The Gaussian Blur Filter<\/h3>\n<p>If you skipped the previous step because you're not using Photoshop CS3 or CS4, welcome back! We're now going to create our halftone pattern effect, and these next few steps are the same no matter which version of Photoshop you're using. First, we need to soften the edges of the photo border. Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, and then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/filter-blur-gaussian-blur.gif\" alt=\"Selecting the Gaussian Blur filter in Photoshop.\" width=\"374\" height=\"205\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This brings up the Gaussian Blur filter's dialog box. Soften the edges of the photo border by dragging the <strong>Radius<\/strong> slider at the bottom of the dialog box. The further you drag the slider towards the right, the more blurring you'll apply to the layer resulting in a wider transition area between the black part in the center and the white photo border around the edges. There's no specific radius value to use since it will depend on the size of the photo you're working on, with larger photos requiring larger radius values, so keep an eye on your image in the document window as you drag the slider to judge the results. Keep in mind that the width of the halftone pattern that we'll be adding in the next step will be determined by the width of the transition area that we set here. This is why Smart Filters make life so much easier, since we can easily go back and try different filter settings any time we want.<\/p>\n<p>I'm going to set my radius value to somewhere around 16 pixels. Again, the value you use may be different:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-gaussian-blur-filter.jpg\" alt=\"The Gaussian Blur filter in Photoshop.\" width=\"340\" height=\"343\" \/>\n<div class=\"image-desc\">Soften the edges between the white and black areas of the layer by adjusting the Radius value.<\/div>\n<p>Click OK when you're done to exit out of the dialog box and applying the blurring to the layer. The edges where the black and white areas of the layer meet are now much softer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/image-gaussian-blur.jpg\" alt=\"The image after applying Photoshop's Gaussian Blur filter.\" width=\"649\" height=\"450\" \/>\n<div class=\"image-desc\">A smooth transition area now appears between the black and white areas.<\/div>\n<h3>Step 7: Apply The Color Halftone Filter<\/h3>\n<p>Go back up to the <strong>Filter<\/strong> menu and this time, choose <strong>Pixelate<\/strong>, then choose <strong>Color Halftone<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/color-halftone.gif\" alt=\"Selecting the Color Halftone filter in Photoshop.\" width=\"380\" height=\"164\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Pixelate &gt; Color Halftone.<\/div>\n<p>This brings up Photoshop's Color Halftone  dialog box. The Color Halftone filter was designed to simulate the look of a traditional four color offset printing press, converting the image into a series of overlapping colored dots at various sizes. If that was the effect we were aiming for here (which it isn't), we'd first need to convert our image from the <strong>RGB<\/strong> color mode to the <strong>CMYK<\/strong> color mode, since the filter requires four color channels (Cyan, Magenta, Yellow and Black) to work properly and the RGB color mode uses only three channels (Red, Green and Blue). However, we're simply using the filter to create a repeating pattern of circles, so there's no need to worry about which color mode we're working in. You're most likely working in the RGB color mode and that's fine for this effect.<\/p>\n<p>First, set each of the four <strong>Channels<\/strong> options to <strong>45<\/strong> degrees. This will give us a clean, even pattern of circles. The <strong>Max Radius<\/strong> option at the top of the dialog box sets the size of the largest circles in the pattern. Much like the Gaussian Blur filter that we applied earlier, there's no specific value to use here since it depends entirely on the effect you want to create and the size of the photo you're working with. Again, this is where Smart Filters make things easy since we can go back and try different settings without having to undo any steps. Since I've already applied this effect several times while preparing this tutorial, I  know that a value of 12 pixels works well with my image. You'll most likely need to experiment a few times to find the size that works best for your photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-color-halftone.gif\" alt=\"The Color Halftone filter in Photoshop.\" width=\"381\" height=\"224\" \/>\n<div class=\"image-desc\">Set each Channel to 45 degrees, then set the size of the largest circles in the pattern with the Max Radius option.<\/div>\n<p>Click OK when you're done to exit out of the Color Halftone dialog box and apply the filter to the layer (or Smart Object). You should now see a series of repeating circles at various sizes around your photo border. The size of the largest circles in the pattern was set with the Max Radius value a moment ago:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/halftone-pattern.gif\" alt=\"The image after applying the Color Halftone filter in Photoshop.\" width=\"647\" height=\"450\" \/>\n<div class=\"image-desc\">The halftone pattern appears.<\/div>\n<p>If you're using Photoshop CS3 or CS4 and you're not happy with the size of the dots in the pattern, continue on for now since we'll see how to edit the Smart Filter settings at the end of the tutorial. If you're using an older version of Photoshop and you want to try a different Max Radius value to change the size of the dots, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo the last step, then repeat Step 7 again using a different value. You can undo the step and retry the filter with a different value as many times as needed.<\/p>\n<h3>Step 8: Change The Blend Mode Of \"Layer 1\" To Screen<\/h3>\n<p>Finally, to hide the solid black color on \"Layer 1\" and allow the photo on the <em>Background<\/em> layer below it to show through, go up to the <strong>Blend Mode<\/strong> option at the top of the Layers palette and change the layer's blend mode from Normal to <strong>Screen<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/photoshop-blend-mode.gif\" alt=\"Setting the layer blend mode to Screen.\" width=\"289\" height=\"236\" \/>\n<div class=\"image-desc\">Change the blend mode of \"Layer 1\" to Screen.<\/div>\n<p>The Screen blend mode, which I cover in much more detail in our <strong><a href=\"..\/..\/photo-editing\/layer-blend-modes\/\">Five Essential Blend Modes For Photo Editing tutorial<\/a><\/strong>, hides any areas on the layer that are filled with black while areas filled with white remain untouched, and if we look in our document window after changing the blend mode, we can see that our white halftone pattern border remains visible while the black has been completely hidden from view, allowing the image on the Background layer to show through and completing our photo border effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/halftone-pattern-photo-border.jpg\" alt=\"The final halftone pattern photo border in Photoshop. Image licensed from iStockphoto by Photoshop Essentials.com.\" width=\"647\" height=\"450\" \/>\n<div class=\"image-desc\">The final halftone pattern photo border.<\/div>\n<h3>Step 9: Change The Smart Filter Settings To Edit The Effect (Optional)<\/h3>\n<p>If you're using Photoshop CS3 or CS4 and you're working with Smart Filters, you'll see both filters that you've added to &quot;Layer 1&quot; listed below it in  the Layers palette, with the most recently added filter at the top of the list. You can try different filter settings to change the look of the photo border at any time simply by double-clicking directly on the filter's name. For example, I'll bring the Color Halftone dialog box back up by double-clicking on the name of the filter in the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/edit-color-halftone.gif\" alt=\"The Smart Filters are listed below the layer.\" width=\"274\" height=\"231\" \/>\n<div class=\"image-desc\">Double-click on the name of a Smart Filter in the Layers palette to edit the filter's settings.<\/div>\n<p>I can now try a different value for the Max Radius option without needing to undo any steps. I'll try a value of 20 pixels this time, which should make the circles in the pattern a bit larger:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/max-radius-20.gif\" alt=\"Editing the Color Halftone Smart Filter settings in Photoshop CS4.\" width=\"381\" height=\"224\" \/>\n<div class=\"image-desc\">Try a different Max Radius value to adjust the size of the circles in the pattern.<\/div>\n<p>Click OK to close out of the dialog box and Photoshop updates the image in the document window with the new settings. As expected, the circles in the halftone pattern are now larger. You can go back and try different settings as often as you like with Smart Filters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/image-larger-circles.jpg\" alt=\"The circles in the pattern now appear larger. Image licensed from iStockphoto by Photoshop Essentials.com.\" width=\"648\" height=\"450\" \/>\n<div class=\"image-desc\">Smart Filters make it easy to experiment with different filter settings when creating effects.<\/div>\n<p>You can also go back and adjust the width of the halftone pattern by changing the Radius value that we used for the Gaussian Blur filter. Simply double-click on the Gaussian Blur filter's name in the Layers palette to bring its dialog box back up. However, when you do, a little warning box will appear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/halftone-pattern\/smart-filters-warning.gif\" alt=\"A warning box for Smart Filters in Photoshop.\" width=\"439\" height=\"181\" \/>\n<div class=\"image-desc\">A Smart Filters warning.<\/div>\n<p>Unless you select the <strong>Don't show again<\/strong> option in the bottom left corner, you'll see this warning box any time you go to re-edit a Smart Filter that has other Smart Filters listed above it (in this case, the Color Halftone filter is listed above it), and you can safely click OK to exit out of it, at which point the filter's dialog box will appear. The warning simply tells us that Photoshop will be unable to show us a preview of how the changes we're making are affecting the other filters above it until we click OK and accept the changes. It's nothing to worry about since we can always go back and change the filter settings again if we don't like the results. I'm not going to bother editing my Gaussian Blur filter settings since I'm happy with the way my photo border looks, but be sure to play around on your own to see how incredibly easy it is to experiment with different filter settings thanks to Photoshop's Smart Filters.<\/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<p>And there we have it! That's how to create a halftone pattern photo border with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/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>Learn how to create a fun and simple halftone pattern photo border in Photoshop! We&#8217;ll use Smart Filters in Photoshop CS3 and CS4 to keep the effect fully editable even after it&#8217;s completed, but this photo border can be easily created with any version of Photoshop, including Photoshop Elements!<\/p>\n","protected":false},"author":1,"featured_media":15415,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,5],"tags":[87],"class_list":["post-280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-borders-and-frames","category-photo-effects","tag-photo-borders"],"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>Halftone Pattern Photo Border - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"Learn how to create a fun and simple halftone pattern photo border in Photoshop! Step by step, perfect for beginners!\" \/>\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\/halftone-pattern-photo-border\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Halftone Pattern Photo Border With Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a fun and simple halftone pattern photo border in Photoshop! Step by step, perfect for beginners!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/\" \/>\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:53:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:09:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-halftone-pattern-photo-border.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"14 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\\\/halftone-pattern-photo-border\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Halftone Pattern Photo Border With Photoshop\",\"datePublished\":\"2012-10-01T19:53:39+00:00\",\"dateModified\":\"2019-04-13T17:09:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/\"},\"wordCount\":2788,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-halftone-pattern-photo-border.jpg\",\"keywords\":[\"photo borders\"],\"articleSection\":[\"Photoshop Borders and Frames\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/\",\"name\":\"Halftone Pattern Photo Border - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-halftone-pattern-photo-border.jpg\",\"datePublished\":\"2012-10-01T19:53:39+00:00\",\"dateModified\":\"2019-04-13T17:09:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to create a fun and simple halftone pattern photo border in Photoshop! Step by step, perfect for beginners!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-halftone-pattern-photo-border.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-halftone-pattern-photo-border.jpg\",\"width\":250,\"height\":250,\"caption\":\"Halftone Pattern Photo Border With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/halftone-pattern-photo-border\\\/#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\":\"Borders and Frames\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Halftone Patten Border\"}]},{\"@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":"Halftone Pattern Photo Border - Photoshop Tutorial","description":"Learn how to create a fun and simple halftone pattern photo border in Photoshop! Step by step, perfect for beginners!","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\/halftone-pattern-photo-border\/","og_locale":"en_US","og_type":"article","og_title":"Halftone Pattern Photo Border With Photoshop","og_description":"Learn how to create a fun and simple halftone pattern photo border in Photoshop! Step by step, perfect for beginners!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T19:53:39+00:00","article_modified_time":"2019-04-13T17:09:09+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-halftone-pattern-photo-border.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Halftone Pattern Photo Border With Photoshop","datePublished":"2012-10-01T19:53:39+00:00","dateModified":"2019-04-13T17:09:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/"},"wordCount":2788,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-halftone-pattern-photo-border.jpg","keywords":["photo borders"],"articleSection":["Photoshop Borders and Frames","Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/","name":"Halftone Pattern Photo Border - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-halftone-pattern-photo-border.jpg","datePublished":"2012-10-01T19:53:39+00:00","dateModified":"2019-04-13T17:09:09+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to create a fun and simple halftone pattern photo border in Photoshop! Step by step, perfect for beginners!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-halftone-pattern-photo-border.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-halftone-pattern-photo-border.jpg","width":250,"height":250,"caption":"Halftone Pattern Photo Border With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/halftone-pattern-photo-border\/#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":"Borders and Frames","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/"},{"@type":"ListItem","position":4,"name":"Halftone Patten Border"}]},{"@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\/280","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=280"}],"version-history":[{"count":30,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/280\/revisions"}],"predecessor-version":[{"id":27451,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/280\/revisions\/27451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15415"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}