how to convert photo into shatter effect in Photoshop

In this tutorial we shown, how to convert photo into shatter effect in Photoshop, we given snaps of every steps. We explained shatter effect usages with photo. We will need close-up image of a nice face, prefably facing front. I’m using one of Winona Ryder wallpapers in this tutorial.

how to convert photo into shatter effect in Photoshop

Step 1: Create a document of size 600×550 pixels.

Fill the Background layer with #000000.

Place the face at the center of the document and use Soft Eraser tool to remove the other unwanted background.

Step 2: Create a new document of size 20×20 pixels and create a new layer. Use Pencil tool with size 1px and color #FFFFFF, draw left and bottom border to form a “L”. Hide the Background layer and click Ctrl+A. Go to Edit > Define Pattern. Name this pattern as Grid.

Step 3: Back to Jessica Alba’s document, create a new layer above the Face. Use the Paint Bucket tool and select to fill with Grid pattern.

Step 4: Remove those grids that cross outside of the face area.

Go to Edit > Transform > Warp.

Distort the grids the way shown in the diagram.

Step 5: Set the opacity of the grid layer to 20%.

Right-click on the grid layer and choose Blending Options.

Activate Outer Glow and set its Blend Mode to Color Dodge, Opacity to 100%, Color to #FFFFFF, Spread to 0 and Size to 5px. Leave the rest of the settings as default.

Now our image looking like this:

Step 6: Create a new layer and name it as Holes.

With Pen tool, path out several square holes according to the face grids.

Go to the Paths tab, Ctrl+left click on the work path layer created.

Back to Layers tab, select the Holes layer and fill the selection with #000000.

Step 7: Ctrl+left click on the Holes layer to load selection.

Select the Face layer and hit Ctrl+X to cut out the pixels. Then press Ctrl+V to paste and then name this new layer as Blocks.

Drag the blocks to the right with Move tool. Go to Edit > Free Transform to reduce the size slightly.

Step 8: Duplicate the Blocks layer. Shift the lower Blocks layer 1 pixel to the left. Repeat this for 10 times and you will get some sort of extruding effect. Merge these 10 layers of duplicated Blocks and name this new merged layer as Sides.

Step 9: Right-click on the Sides layer and choose Blending Options. Activate Gradient Overlay and set Blend Mode to Normal, Opacity to 80%, Gradient from #000000 to #D58761 and Angle to 180. Leave the rest as default.

Step 10: Activate Pattern Overlay and set Blend Mode to Multiply, Opacity to 100% Pattern to Metal Landscape. Leave the rest as default.

Step 11: Right-click on Blocks layer and choose Blending Options. Activate Outer Glow and set Blend Mode to Color Dodge, Opacity to 75%, Color to #FFFFFF and Size to 10px. Leave the rest as default.

Repeat Step 6 to 11 for 2 more times to form more blocks floating towards the right.

Now our image looking like this:

Step 12: Merge all the Holes layers. Right-click on the merged layer and choose Blending Options.

Activate Bevel and Emboss, set the Style to Inner Bevel, Depth to 72%, Size to 5px, Soften to 0px, Angle to 0, Altitude to 50, Highlight Mode to Screen, Highlight Color to #DCA57E, Highlight Opacity to 100%, Shadow Mode to Multiply, Shadow Color to #000000 and Shadow Opacity to 75%. Leave the rest of settings as default.

Step 13: Create a new layer below the Blocks and name it as Smoke. Set the foreground color to #FFFFFF. Load the Reborn brushes downloaded earlier and paint a few smoke of different sizes on this layer.

Right-click on the Smoke layer and choose Blending Options. Activate Outer Glow and set its Blend Mode to Linear Dodge (Add), Opacity to 75%, Color to #FFFFFF, Spread to 0px and Size to 5px. Leave the rest of settings as default.

Step 14: Create a new layer and name it as Dark Blocks.

Using Pen tool, path out few more blocks along the face grid. Fill the shapes with #000000.

Set the Blend Mode of Dark Blocks layer to Soft Light.

Step 16: Create a new layer and name is as Light Blocks.

Similar to Step 6 but this time fill the shapes with #FFFFFF.

Set the Blend Mode of Light Blocks layer to Soft Light

Step 17: Now we need to smooth the face a little. Select the Face layer and go to Filter > Blur > Surface Blur. Set the Radius to 5px and Threshold to 15 levels.

Step 18: Create a new layer and using a large Soft Brush tool with color #000000 and opacity 40%, paint some dark areas on the right to fade the blocks slightly.

And here’s my final image after applying all the steps:

This is another long tutorial and I hope you will like this effect.

Thank You!