2:18:00 PM

(0) Comments

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.










Prepare the Image

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.
{mosimage}
  • Select the Magic Wand tool (W) and apply these settings:
    Tolerance: 8
    Anti-Alias: Checked
    Contiguous: Checked
    {mosimage}
  • 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.
    {mosimage}
  • Deselect (Select> Deselect or Ctrl+D) and apply an Auto Levels (Image> Adjustments> Auto Levels or Shift+Ctrl+L)
    {mosimage}
  • Invert the current layer (Image> Adjustments> Invert or Ctrl+I) {mosimage}
  • 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.
      {mosimage}
    2. Apply a Find Edges filter (Filter> Stylize> Find Edges).
      {mosimage}
    3. Invert the current layer (Image> Adjustments> Invert or Ctrl+I).
      {mosimage}

    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
      {mostip image=tipon}This step is optional and may be skipped if you do not want to colorize the image. {/mostip} {mosimage}
    {mospagebreak title=Final Results}

    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


    0 Responses to "Digital Display"

    Post a Comment