Digital Display

Digital Display
Digital Display

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).

Colorize

  1. 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

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


Final Results

Final Results

Final results
(Rollover the image with your cursor to see the image before the Digital Photoshop effect was applied. )

Final Results 100%

Final results closeup

final-results-2-full

Colorized final results
(Rollover the Image with your cursor to zoom in. Click to view full image)

Printed Final Results

Final results when printed

Create Dot Grid Art in 1 Click
Sponsored

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

cross