How to Create Mosaic Effect in Adobe Photoshop
In this tutorial, you’ll learn how to get one very interesting mosaic effect in Adobe Photoshop.
Final Image Preview
Create a new document with 1000px width and 600px height. Fill it with black color (#000000) and update layer name to Background (click twice on layer name).
For this tutorial, we need to create an action. Make Actions Panel active with Window > Actions (or Alt+F9) and press Create new Action button on lower window options.
After that create a new layer and apply Filter > Render > Clouds. Change layer mode to Screen for this layer.
Apply Filter > Pixelate > Mosaic with following settings:
Apply Filter > Sketch> Reticulation with following settings:
Now we need to stop recording our new action. Press Stop on Action panel. Make sure that your new Action only has the following items: Make layer, Clouds, Set current layer, Mosaic, and Reticulation. If you have more items remove them and if you have any missing delete Action and recreate it.
With our Action created, we are going to create mosaic bricks. We need to apply our Action about 6-7 times more until all black spots will disappear on canvas.
The result should be similar to this:
Merge all layers together except the background layer by selecting them and using Ctrl+E. After merge, change layer mode to Screen again. We now have only two layers: background layer and mosaic layer.
We now are going to add glow. Apply Filter > Sketch > Photocopy on the mosaic layer (Detail: 24 and Darkness:1).
Invert layer colors by pressing Ctrl+I.
Set Auto Contrast by going to Image > Auto Contrast (on older Photoshop versions it´s inside Image > Adjustments).
Create new layer and change layer mode to Overlay. Select Brush Tool (soft round brush with about 80 pixels) and apply brush on edges of dark squares with white color.
Merge all layers except the background layer by selecting them and using Ctrl+E. Duplicate the mosaic layer again with Ctrl+J.
On duplicated layer apply Filter > Blur > Gaussian Blur. Change layer mode to Overlay.
Duplicate current layer with Ctrl+J to increase the effect.
Merge all mosaic layers except the background layer.
On this step, we are going to bring some color to the mosaic layer. Apply Image > Adjustments > Hue/Saturation with following settings:
Time to add some perspective to the mosaic. Use Edit > Transform > Perspective to transform mosaic to something similar to what I did on the image below.
To remove too much-blurred areas if you have any, use Crop Tool to fix them.
We may add some additional colors to our mosaic.
Add a new layer and change layer mode to Overlay. Set up foreground color as purple (#8a00ff) and with Brush Tool selected (soft round brush with 300px) apply on the right side of mosaic.
Finally set up foreground color to blue (#002cff) and apply Brush Tool on the left side to increase brightness and add some glow.
And now this tutorial is complete.