Turn an image into a high-tech digital art. From a distance, it will look like a LED display image but viewing up close will reveal the tiny details.

Note: Make sure that the image is in RGB color mode. To switch to RGB color mode, click on RGB Color under the Image> Mode menu.

Step 1

Open an image you would like to edit. Or, you may use the image used in this tutorial (from iStockPhoto). Using a low-resolution image is fine.

Bowling Pin Photo


Step 2

If you’re using a low resolution image, use the Image Size tool to increase the dimensions. We recommend at least 2000 pixels wide and tall for better clarity in the final result.

Tip: Ensure that the “Resample Image” checkbox is checked to allow scaling the actual pixel dimensions.

Photoshop Image Size Tool

 

Convert Image into a Grid of Circles


Step 3

Add a Mosaic filter (Filter> Pixelate> Mosaic) with a cell size of 8 square.

Photoshop Mosaic Filter


Step 4

Apply a Find Edges filter (Filter> Stylize> Find Edges)

Find Edges Filter Applied


Step 5

To warp the edges into circles, we’ll use the Median filter. Apply a Median filter (Filter> Noise> Median) with radius of 2 pixels.

Photoshop Median Filter Tool


Step 6

Select the Magic Wand tool (W) and apply these settings:

  • Tolerance: 8
  • Anti-Alias: Checked
  • Contiguous: Checked

Magic Wand Settings


Step 7

Use the Magic Wand tool to click on a white area. Inverse the selection (Select> Inverse or Shift+Ctrl+I)


Step 8

Apply another Median filter (Filter> Noise> Median) but with a Radius of 3 pixels.

Photoshop Median Filter


Step 9

Deselect (Select> Deselect or Ctrl+D) and apply an Auto Levels (Image> Adjustments> Auto Levels or Shift+Ctrl+L)

Auto Levels Applied


Step 10

Invert the current layer (Image> Adjustments> Invert or Ctrl+I)

Inverted Image


Step 11

Duplicate the current layer (Layer> Duplicate Layer or Ctrl+J), change the blending mode of the new layer to Overlay, then Merge the layers (Layer> Merge Layers or Ctrl+E).


Create Outlines


Step 12

Duplicate the background current layer (Layer> Duplicate Layer) and change the blending mode of the new layer to Screen.

Duplicated Layer


Step 13

Apply a Find Edges filter (Filter> Stylize> Find Edges).

Photoshop Find Edges Filter Applied


Step 14

Invert the current layer (Image> Adjustments> Invert or Ctrl+I).

Inverted Layer


Colorize


Step 15

Add a new Hue/Saturation adjustment layer (Layer> New Adjustment Layer> Hue/Saturation). For this step, I will use these settings:

  • Colorize: Checked
  • Hue: 100
  • Saturation: 100

Tip: This step is optional and may be skipped if you do not want to colorize the image.

Photoshop Hue/Saturation Adjustment Layer

 

Final Results


Multicolor version

Rollover the image below to see the before and after effect.

Final Results

100% crop

Final Results 100%

Colorized Version

Rollover the image below to see the before and after effect.

final-results-2-full

Image when printed

Printed Final Results

use the Median filter. Apply a Median filter (Filter> Noise> Median) with radius of 2 pixels.

  • Select the Magic Wand tool (W) and apply these settings:Tolerance: 8

    Anti-Alias: Checked

    Contiguous: Checked

  • Use the Magic Wand tool to click on a white area. Inverse the selection (Select> Inverse or Shift+Ctrl+I)
  • Apply another Median filter (Filter> Noise> Median) but with a Radius of 3 pixels.
  • Deselect (Select> Deselect or Ctrl+D) and apply an Auto Levels (Image> Adjustments> Auto Levels or Shift+Ctrl+L)
  • Invert the current layer (Image> Adjustments> Invert or Ctrl+I)
  • Duplicate the current layer (Layer> Duplicate Layer or Ctrl+J), change the blending mode of the new layer to Overlay, then Merge the layers (Layer> Merge Layers or Ctrl+E).

 


Create Outlines

  1. Duplicate the background current layer (Layer> Duplicate Layer) and change the blending mode of the new layer to Screen.
  2. Apply a Find Edges filter (Filter> Stylize> Find Edges).
  3. Invert the current layer (Image> Adjustments> Invert or Ctrl+I).