Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.
Creating the BlocksFirst, we'll create convert the image to blocks using a combination of Photoshop filters.
Step 1Open a photo you would like to edit. We recommend using a high resolution image of at least 1000x1000 pixels. It is also fine to upscale a low resolution image before using this effect.
Step 2Duplicate the layer (Layer> Duplicate Layer or Ctrl+J).
Step 3Activate the top layer and apply a Mosaic filter (Filter> Pixelate> Mosaic) with a cell size of 16 square.
Step 4Apply a Find Edges filter (Filter> Stylize> Find Edges).
Step 5Apply a Median filter (Filter> Noise> Median) with a radius of 2 pixels.
Step 6Apply a Minimum filter (Filter> Other> Minimum) with a radius by 4 pixels.
Step 7Finally, invert the current layer (Image> Adjustments> Invert or Ctrl+I).
Adding an Outline to the BlocksNow that we have the blocks created, we'll add a simple outline around them.
Step 8Duplicate the top layer (Layer> Duplicate Layer or Ctrl+J) and change the blending mode of the new layer to Screen.
Step 9Apply a Find Edges filter (Filter> Stylize> Find Edges).
Step 10Invert the current layer (Image> Adjustments> Invert or Ctrl+I) and the outline should blend into the image. One last thing to do is to reduce the opacity to 25%.
Creating the Connectors
We're almost done with the effect. All we need to do now is add the connectors. This is a simple process using a few Photoshop filters.