{"id":437,"date":"2012-10-02T17:38:19","date_gmt":"2012-10-02T17:38:19","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=437"},"modified":"2019-04-13T12:59:55","modified_gmt":"2019-04-13T16:59:55","slug":"pixel-photo","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/","title":{"rendered":"Faded Pixels Photo Border Effect In 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<\/strong> tutorial, we'll learn how to create a &quot;faded pixels&quot; photo border, with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.<\/p>\n<p>To create the effect, we'll be loading in one of the additional brush sets included with Photoshop, and we'll use some of the Brush Dynamics options to randomly resize and scatter the brush as we paint. We'll start with white as our background color, but at the end of the tutorial, we'll learn how we can easily change the color, including how to sample a color directly from the image itself!<\/p>\n<p>I'll be using Photoshop CS5 for this tutorial but any recent version of Photoshop will work.<\/p>\n<\/section>\n<section>\n<p style=\"clear:both;\">Here's the original <a href=\"http:\/\/www.fotolia.com\/partner\/202479569\">image<\/a> I'll be starting with:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/original-photo.jpg\" alt=\"The original photo. Image licensed from iStockphoto by Photoshop Essentials.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">The original photo.<\/div>\n<p>And here's how it will look when we're done:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-pixel-photo-effect.jpg\" alt=\"Photoshop pixel photo effect.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">The final result.<\/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<section>\n<h2 class=\"sub\">How To Create A Faded Pixels Photo Border<\/h2>\n<h3>Step 1: Duplicate The Background Layer<\/h3>\n<p>With the photo newly opened in Photoshop, let's begin by making a copy of the  image so we can leave the original untouched in case we ever need it again. If we look in the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we see that we're starting with just the original photo sitting on the <a href=\"\/basics\/layers\/background-layer\/\">Background layer<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-background-layer.gif\" alt=\"The Background layer in the Layers panel in Photoshop.\" width=\"271\" height=\"225\" \/>\n<div class=\"image-desc\">The Layers panel showing the original photo on the Background layer.<\/div>\n<p>To quickly duplicate the layer, press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard. Photoshop makes a copy of the layer, names the copy \"Layer 1\", and places it above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-1.gif\" alt=\"A copy of the Background layer appears above the original in the Layers panel.\" width=\"271\" height=\"184\" \/>\n<div class=\"image-desc\">A copy of the photo appears on \"Layer 1\".<\/div>\n<h3>Step 2: Add A White Solid Color Fill Layer Between The Existing Layers<\/h3>\n<p>Select the <strong>Background layer<\/strong> by clicking on it in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/select-background-layer.gif\" alt=\"Selecting the Background layer in the Layers panel in Photoshop.\" width=\"271\" height=\"184\" \/>\n<div class=\"image-desc\">Click on the Background layer to select it.<\/div>\n<p>With the Background layer selected, click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/new-fill-layer-icon.gif\" alt=\"The New Fill or Adjustment Layer icon in the Layers panel in Photoshop.\" width=\"271\" height=\"165\" \/>\n<div class=\"image-desc\">Clicking on the New Fill or Adjustment Layer icon.<\/div>\n<p>Choose a <strong>Solid Color<\/strong> fill layer from the top of the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/solid-color-fill-layer.gif\" alt=\"Choosing a Solid Color fill layer in Photoshop.\" width=\"198\" height=\"100\" \/>\n<div class=\"image-desc\">Selecting \"Solid Color\" from the list.<\/div>\n<p>We're going to use this Solid Color fill layer as the background color for our effect. Photoshop will pop open the <strong>Color Picker<\/strong> so we can choose the color we want. Choose <strong>white<\/strong> for now, either by clicking on white in the top left corner of the color selection box on the left or by entering <strong>255<\/strong> for the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> values near the bottom center of the dialog box. At the end of the tutorial, we'll learn how we can easily change the background color, but white will do for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-color-picker.jpg\" alt=\"Choosing white from the Color Picker in Photoshop.\" width=\"566\" height=\"385\" \/>\n<div class=\"image-desc\">Choose white from the Color Picker.<\/div>\n<p>Click OK when you're done to close out of the Color Picker. We won't be able to see the white background color just yet in the document, but if we look again in the Layers panel, we see the new Solid Color fill layer, which Photoshop has named \"Color Fill 1\", sitting between Layer 1 and the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/color-fill-1.gif\" alt=\"The Solid Color fill layer appears in the Layers panel.\" width=\"271\" height=\"247\" \/>\n<div class=\"image-desc\">Photoshop places the Solid Color fill layer between the two image layers.<\/div>\n<h3>Step 3: Add A Black-Filled Layer Mask To Layer 1<\/h3>\n<p>Click on <strong>Layer 1<\/strong> in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/select-layer-1.gif\" alt=\"Selecting Layer 1 in the Layers panel.\" width=\"271\" height=\"162\" \/>\n<div class=\"image-desc\">Select Layer 1.<\/div>\n<p>With Layer 1 selected, press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard and click on the <strong>Layer Mask<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-layer-mask-icon.gif\" alt=\"The Layer Mask icon in the Layers panel in Photoshop.\" width=\"271\" height=\"230\" \/>\n<div class=\"image-desc\">Hold down Alt (Win) \/ Option (Mac) and click on the Layer Mask icon.<\/div>\n<p>This adds a <a href=\"\/basics\/layers\/layer-masks\/\">layer mask<\/a> to Layer 1, and because we held down the Alt (Win) \/ Option (Mac) key as we clicked on the Layer Mask icon, Photoshop filled the layer mask with black, which completely hides the photo on the layer from view. We can see the black-filled <strong>layer mask thumbnail<\/strong> on Layer 1 in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-mask-thumbnail.gif\" alt=\"A black-filled layer mask thumbnail appears on Layer 1.\" width=\"271\" height=\"225\" \/>\n<div class=\"image-desc\">A layer mask thumbnail, filled with black, appears on Layer 1.<\/div>\n<p>With the photo on Layer 1 hidden, we can now see the white Solid Color fill layer in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-document-white.jpg\" alt=\"The white Solid Color fill layer is now visible in the document.\" width=\"263\" height=\"400\" \/>\n<div class=\"image-desc\">The white fill layer is now visible.<\/div>\n<h3>Step 4: Duplicate Layer 1 Three Times<\/h3>\n<p>Press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard three times to make three more copies of Layer 1. We won't be able to see anything happening in the document window, but when you're done, you should have four copies of the photo, each with its own black-filled layer mask, sitting above the Solid Color fill layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/four-copies.gif\" alt=\"Four copies of the photo appear above the Solid Color fill layer.\" width=\"271\" height=\"269\" \/>\n<div class=\"image-desc\">Four copies of the photo appear above the Solid Color fill layer.<\/div>\n<h3>Step 5: Select The Brush Tool<\/h3>\n<p>Select Photoshop's <strong>Brush Tool<\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-brush-tool.gif\" alt=\"Photoshop Brush Tool.\" width=\"65\" height=\"126\" \/>\n<div class=\"image-desc\">Selecting the Brush Tool.<\/div>\n<h3>Step 6: Load The Square Brushes Set<\/h3>\n<p>We're going to use one of Photoshop's brushes to create our pixel effect, but the brush we need isn't loaded in for us by default so we first need to load it manually. With the Brush Tool selected, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document to quickly open the <strong>Brush Picker<\/strong>, then click on the small <strong>arrow<\/strong> icon in the top right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-brush-picker.gif\" alt=\"Photoshop Brush Picker.\" width=\"267\" height=\"273\" \/>\n<div class=\"image-desc\">Click on the small arrow icon.<\/div>\n<p>This opens a menu with various options, including a list at the bottom of additional brush sets we can load in. Choose the <strong>Square Brushes<\/strong> set:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-square-brushes.gif\" alt=\"Loading the Square Brushes set in Photoshop.\" width=\"218\" height=\"127\" \/>\n<div class=\"image-desc\">Choose the Square Brushes set from the list.<\/div>\n<p>Photoshop will ask if you want to replace the original brushes with the new ones. Click <strong>Append<\/strong> to keep the originals and simply add the new brushes in after them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/append.gif\" alt=\"Appending the new brushes in with the originals in Photoshop.\" width=\"440\" height=\"161\" \/>\n<div class=\"image-desc\">Click \"Append\" add in the new brushes without removing the originals.<\/div>\n<p>With the new brushes loaded, scroll through the brush thumbnails in the Brush Picker until you come to the square brushes (which should be at the very bottom of the list). Double-click on the <strong>24 pixel square brush<\/strong> to select it and close out of the Brush Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/hard-square-24-pixels-brush.gif\" alt=\"Selecting the Hard Square 24 pixels brush in Photoshop.\" width=\"261\" height=\"263\" \/>\n<div class=\"image-desc\">Double-click on the thumbnail for the 24 pixel square brush.<\/div>\n<h3>Step 7: Set The Brush Size Jitter To 100%<\/h3>\n<p>Press the <strong>F5<\/strong> key on your keyboard to quickly open Photoshop's main <strong>Brushes<\/strong> panel, then click directly on the words <strong><a href=\"\/basics\/photoshop-brushes\/brush-dynamics\/shape-dynamics\/\">Shape Dynamics<\/a><\/strong> on the left side of the panel. Make sure you click on the words themselves, not just in the checkbox to the left of the words:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/shape-dynamics.gif\" alt=\"Selecting the Shape Dynamics options in the Brushes panel in Photoshop.\" width=\"161\" height=\"219\" \/>\n<div class=\"image-desc\">Click directly on the words Shape Dynamics in the Brushes panel.<\/div>\n<p>Increase the <strong>Size Jitter<\/strong> option all the way to <strong>100%<\/strong>, which will create randomly-sized squares as we paint with the brush. Make sure the <strong>Minimum Diameter<\/strong> option is set to <strong>0%<\/strong>, and that the <strong>Angle Jitter<\/strong> and <strong>Roundness Jitter<\/strong> options are also set to <strong>0%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-size-jitter.gif\" alt=\"The Shape Dynamics options in the Brushes panel in Photoshop.\" width=\"279\" height=\"332\" \/>\n<div class=\"image-desc\">Increase Size Jitter to 100% and make sure the other options are set to 0%.<\/div>\n<h3>Step 8: Add Scattering To The Brush<\/h3>\n<p>Click directly on the word <strong><a href=\"\/basics\/photoshop-brushes\/brush-dynamics\/scattering\/\">Scattering<\/a><\/strong> below Shape Dynamics on the left side of the Brushes panel. Again, make sure you click on the word itself, not inside the checkbox:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/scattering.gif\" alt=\"Selecting the Scattering options in the Brushes panel in Photoshop.\" width=\"189\" height=\"196\" \/>\n<div class=\"image-desc\">Select Scattering on the left side of the Brushes panel.<\/div>\n<p>Increase the <strong>Scatter<\/strong> value to around <strong>700%<\/strong> or so, which will scatter the squares as we paint. Select the <strong>Both Axes<\/strong> option by clicking inside its checkbox, then make sure the <strong>Count<\/strong> option is set to <strong>1<\/strong> and <strong>Count Jitter<\/strong> is set to <strong>0%<\/strong>. When you're done, press <strong>F5<\/strong> again on your keyboard to close out of the Brushes panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/scattering-options.gif\" alt=\"The Scattering options in the Brushes panel in Photoshop.\" width=\"278\" height=\"225\" \/>\n<div class=\"image-desc\">The Scattering options.<\/div>\n<h3>Step 9: Select The Top Layer's Mask<\/h3>\n<p>With our square brush ready to go, click on the top layer's <strong>mask thumbnail<\/strong> in the Layers panel. This way, we'll be painting on the layer mask itself, not on the photo. A white highlight box will appear around the thumbnail letting you know the mask is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/top-layer-mask-thumbnail.gif\" alt=\"Clicking on the layer mask thumbnail for the top layer in the Layers panel.\" width=\"272\" height=\"286\" \/>\n<div class=\"image-desc\">Click on the layer mask thumbnail for the top layer.<\/div>\n<h3>Step 10: Paint Over The Main Areas Of The Photo<\/h3>\n<p>Make sure the <strong>Opacity<\/strong> value for the top layer is set to <strong>100%<\/strong>, which it should be by default:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-opacity-100.gif\" alt=\"The Opacity value for the top layer is set to 100%.\" width=\"275\" height=\"219\" \/>\n<div class=\"image-desc\">The Opacity value for the top layer should be set to 100%.<\/div>\n<p>Also, before you start painting, press the letter <strong>D<\/strong> on your keyboard to quickly make sure your <strong>Foreground and Background colors<\/strong> are set to their defaults of <strong>white<\/strong> (Foreground color) and <strong>black<\/strong> (Background color). Photoshop uses the Foreground color as the color of the brush, and we want to be sure we're painting on the layer mask with white so we can reveal the photo as we paint:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/foreground-color-white.gif\" alt=\"Photoshop Foreground and Background color swatches.\" width=\"60\" height=\"137\" \/>\n<div class=\"image-desc\">Press D on your keyboard to reset the Foreground and Background colors.<\/div>\n<p>With the square brush in hand, the layer opacity set to 100% and your Foreground color set to white, begin painting over just the main, important areas of your photo. Of course, since all we can see at the moment is the solid white background, you'll need to take a &quot;best guess&quot; at where these important areas are. If you don't get it right the first time, simply press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo your brush stroke, then try again.<\/p>\n<p>As you paint, you'll see the photo appearing through a series of randomly-sized and scattered squares, creating the first stages of our pixel effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/begin-painting.jpg\" alt=\"Revealing the photo through randomly sized and scattered squares.\" width=\"650\" height=\"389\" \/>\n<div class=\"image-desc\">The photo is revealed through the squares as you paint.<\/div>\n<p>If you're not happy with the size of your square brush, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo the brush stroke (or press <strong>Ctrl+Alt+Z<\/strong> (Win) \/ <strong>Command+Option+Z<\/strong> (Mac) repeatedly to undo multiple brush strokes), then resize your brush using the left and right bracket keys on your keyboard. Each time you press the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ), you'll make the brush a bit smaller, while the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ) will make it larger. Begin painting again once you're happy with the brush size.<\/p>\n<p>Continue painting over the main part(s) of your image. Here's my document so far. Normally, I would make my brush size a bit smaller than what I'm using here, which would give me smaller squares, but smaller squares could be hard to see in the screenshots so for the sake of this tutorial, I'm leaving the brush set to its original 24 pixel size:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/pixel-effect-1.jpg\" alt=\"The first stage of the pixel effect.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">The first part of the effect is complete.<\/div>\n<h3>Step 11: Select The Layer Mask On The Next Layer<\/h3>\n<p>Click on the <strong>mask thumbnail<\/strong> for the layer directly below the top layer. Again, a white highlight border will appear around the thumbnail letting you know the layer mask is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/second-layer-mask-thumbnail.gif\" alt=\"Clicking the mask thumbnail for the second layer.\" width=\"272\" height=\"258\" \/>\n<div class=\"image-desc\">Click on the mask thumbnail for the second layer from the top.<\/div>\n<h3>Step 12: Lower The Layer's Opacity To 70%<\/h3>\n<p>Lower the <strong>Opacity<\/strong> value for this layer down to around <strong>70%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-opacity-70.gif\" alt=\"Lowering the layer opacity to 70%.\" width=\"271\" height=\"221\" \/>\n<div class=\"image-desc\">Change the layer's opacity to 70%.<\/div>\n<h3>Step 13: Paint Around The Initial Area To Reveal More Of The Photo<\/h3>\n<p>With the layer's opacity lowered, paint around the initial area to reveal more of the photo. Since the layer's opacity is set to only 70%, this new area will appear a bit faded compared to the previous area we painted over:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/pixel-effect-2.jpg\" alt=\"The second stage of the pixel effect.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">The newly-revealed area appears slightly faded around the main area.<\/div>\n<h3>Step 14: Select The Next Layer's Mask<\/h3>\n<p>Click on the <strong>mask thumbnail<\/strong> for the third layer from the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/third-layer-mask-thumbnail.gif\" alt=\"Clicking the mask thumbnail for the third layer.\" width=\"272\" height=\"259\" \/>\n<div class=\"image-desc\">Select the next layer's mask.<\/div>\n<h3>Step 15: Lower The Layer's Opacity To 35%<\/h3>\n<p>Lower the <strong>opacity<\/strong> for this third layer down to around <strong>35%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-opacity-35.gif\" alt=\"Lowering the layer opacity to 35%.\" width=\"272\" height=\"283\" \/>\n<div class=\"image-desc\">Change the layer's opacity to 35%.<\/div>\n<h3>Step 16: Paint To Reveal More Of The Photo<\/h3>\n<p>Continue painting around the previous area to reveal  more of the photo. This new area will appear even more faded than the last thanks to the 35% opacity value:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/pixel-effect-3.jpg\" alt=\"The third stage of the pixel effect.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">Continue painting to reveal more of the image.<\/div>\n<h3>Step 17: Select The Next Layer's Mask<\/h3>\n<p>Finally, click on the original Layer 1's mask thumbnail to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-1-mask-thumbnail.gif\" alt=\"Selecting the layer mask on Layer 1.\" width=\"271\" height=\"219\" \/>\n<div class=\"image-desc\">Select Layer 1's mask.<\/div>\n<h3>Step 18: Lower The Layer's Opacity To 10%<\/h3>\n<p>Lower the opacity of Layer 1 all the way down to 10% or so:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/layer-opacity-10.gif\" alt=\"Lowering the layer opacity to 10%.\" width=\"271\" height=\"157\" \/>\n<div class=\"image-desc\">Change the layer's opacity to 10%.<\/div>\n<h3>Step 19: Paint In The Remaining Areas Of The Photo<\/h3>\n<p>Paint inside the remaining white areas around the image to reveal the rest of it. This last part will appear very faint with the layer's opacity at only 10%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-pixel-photo.jpg\" alt=\"Photoshop pixel photo effect.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">Paint inside the remaining white areas around the document to reveal the rest of the image.<\/div>\n<h3>Step 20: Change The Background Color (Optional)<\/h3>\n<p>At this point, the effect is complete, but if you want to change the background color to something other than white, just <strong>double-click<\/strong> on the <strong>color swatch<\/strong> for the Solid Color fill layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/color-fill-swatch.gif\" alt=\"Clicking on the color swatch for the Solid Color fill layer.\" width=\"271\" height=\"220\" \/>\n<div class=\"image-desc\">Double-click on the fill layer's color swatch.<\/div>\n<p>This will re-open the Color Picker. You can select a new color  from the Color Picker, but what I like to do is sample a color directly from the image itself. To do that, with the Color Picker still open,  move your mouse cursor over the image. You'll see your cursor temporarily change into the <strong>Eyedropper Tool<\/strong> icon. Click on an area of the image that contains the color you want for your background. I'll click on an area in the woman's forehead:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/eyedropper.jpg\" alt=\"Sampling a color from the image with the Eyedropper Tool.\" width=\"406\" height=\"360\" \/>\n<div class=\"image-desc\">Click on a color in the image to use as the background for the effect.<\/div>\n<p>Click OK when you're done to close out of the Color Picker. The Solid Color fill layer instantly updates to the newly sampled color, giving us our new background color for the effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/pixel-photo\/photoshop-pixel-photo-effect.jpg\" alt=\"Photoshop pixel photo effect.\" width=\"329\" height=\"500\" \/>\n<div class=\"image-desc\">The same effect with the new background color.<\/div>\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 \"faded pixels\" 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>In this Photoshop Effects tutorial, learn how to create a &#8220;faded pixels&#8221; photo border, with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.<\/p>\n","protected":false},"author":1,"featured_media":15374,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[87],"class_list":["post-437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Faded Pixels Photo Border Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to create a faded pixels photo border in Photoshop with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.\" \/>\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\/pixel-photo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Faded Pixels Photo Border Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a faded pixels photo border in Photoshop with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/\" \/>\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-02T17:38:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:59:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-pixel-photo-effect-f.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=\"11 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\\\/pixel-photo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Faded Pixels Photo Border Effect In Photoshop\",\"datePublished\":\"2012-10-02T17:38:19+00:00\",\"dateModified\":\"2019-04-13T16:59:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/\"},\"wordCount\":2236,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-pixel-photo-effect-f.jpg\",\"keywords\":[\"photo borders\"],\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/\",\"name\":\"Faded Pixels Photo Border Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-pixel-photo-effect-f.jpg\",\"datePublished\":\"2012-10-02T17:38:19+00:00\",\"dateModified\":\"2019-04-13T16:59:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to create a faded pixels photo border in Photoshop with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-pixel-photo-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-pixel-photo-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Faded Pixels Photo Border Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/pixel-photo\\\/#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\":\"Faded Pixels 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":"Faded Pixels Photo Border Effect In Photoshop","description":"Learn how to create a faded pixels photo border in Photoshop with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.","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\/pixel-photo\/","og_locale":"en_US","og_type":"article","og_title":"Faded Pixels Photo Border Effect In Photoshop","og_description":"Learn how to create a faded pixels photo border in Photoshop with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T17:38:19+00:00","article_modified_time":"2019-04-13T16:59:55+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-pixel-photo-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Faded Pixels Photo Border Effect In Photoshop","datePublished":"2012-10-02T17:38:19+00:00","dateModified":"2019-04-13T16:59:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/"},"wordCount":2236,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-pixel-photo-effect-f.jpg","keywords":["photo borders"],"articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/","name":"Faded Pixels Photo Border Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-pixel-photo-effect-f.jpg","datePublished":"2012-10-02T17:38:19+00:00","dateModified":"2019-04-13T16:59:55+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to create a faded pixels photo border in Photoshop with the image appearing through randomly-sized and scattered square pixel shapes that gradually fade into a solid colored background.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-pixel-photo-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-pixel-photo-effect-f.jpg","width":250,"height":250,"caption":"Faded Pixels Photo Border Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/pixel-photo\/#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":"Faded Pixels 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\/437","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=437"}],"version-history":[{"count":32,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/437\/revisions"}],"predecessor-version":[{"id":27412,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/437\/revisions\/27412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15374"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}