Adobe Photoshop Tutorials - Photo Effects

Photoshop Effects: Digital Pixel Effect

Photoshop Effects and Photo Effects at Photoshop Essentials.com

Step 8: Fill The Layer Mask With White

Let's look at another variation on our "digital pixel" effect. First, we need to remove the gradient we added to the layer mask a moment ago. We could simply press Ctrl+Z (Win) / Command+Z (Mac) to undo it, but let's re-fill the layer mask with white instead. To do that, with the layer mask thumbnail selected in the Layers palette and white as our current Background color, use the keyboard shortcut Ctrl+Backspace (Win) / Command+Delete (Mac) to fill the layer mask with the Background color (white). The layer mask thumbnail will once again appear solid white, and the image will now appear completely pixelated once again:

Filling the layer mask with white.

Photoshop tutorial: Press "Alt+Backspace" (Win) / "Option+Delete" (Mac) to fill the layer mask with white and reveal the entire pixelated layer in the document window once again.

Step 9: Select The Brush Tool

Select the Brush Tool from the Tools palette, or press B for the keyboard shortcut:

Selecting the Brush Tool in Photoshop.

Photoshop tutorial: Select the Brush Tool

Step 10: Paint With Black To Reveal Parts Of The Image

Using a soft-edged brush and with black still as our Foreground color, I'm going to reveal the main part of his face by simply painting over it with my Brush Tool. Since I'm painting on the layer mask and not on the image itself, anywhere I paint with black will hide the pixelated layer and reveal the Background layer beneath it. I can resize my brush on the fly using the left and right bracket keys on my keyboard, and I can set my brush to a soft edge by holding down the Shift key and pressing the left bracket key a few times:

Painting with black to reveal parts of the original image below the pixelated image.

Photoshop tutorial: Use a soft-edged brush to paint away parts of the pixelated layer, revealing the original image underneath.

Here's my image after revealing the main areas of his face by painting over them with black, giving the impression that he is somehow looking through the pixels:

The image after revealing the main parts of his face.

Photoshop tutorial: The main parts of his face now appear as they were in the original photo, while the rest of the photo remains pixelated.

Step 11: Lower The Opacity Of The Pixelated Layer

I'm going to let the original image partially show through the pixelated image, and I can do that simply by going up to the Opacity option in the top right corner of the Layers palette and lowering the opacity value. I'm going to lower it to around 75%:

Lowering the opacity of the pixelated layer to 75%.

Photoshop tutorial: Lower the opacity of the pixelated layer to allow the original image to partially show through.

Here's my image after lowering the opacity of the pixelated layer, creating our second variation on the effect:

The image after lowering the opacity of the pixelated layer.

Photoshop tutorial: The second variation on the "digital pixel" effect.

Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!

Go to page: 1 | 2 | 3 | 4