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.

Pages: 1 2

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

Leave a Reply

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

cross