Photoshop Tutorials

Circuit Board

E-mail Print
User Rating: / 11625
PoorBest 
Article Index
Circuit Board
Adding an Outline to the Blocks
Creating the Connectors
Colorizing the Final Results
All Pages
Circuit Board Photoshop Tutorial

Transform a regular photo into a high-tech artwork made up of blocks and connectors resembling a circuit board.

Creating the Blocks

First, we'll create convert the image to blocks using a combination of Photoshop filters. 

Step 1

Open 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.
This photo will be used to create the Circuit Board Photoshop effect.

Step 2

Duplicate the layer (Layer> Duplicate Layer or Ctrl+J).
Duplicated Layer

Step 3

Activate the top layer and apply a Mosaic filter (Filter> Pixelate> Mosaic) with a cell size of 16 square.
undefined

Step 4

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

Step 5

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

Step 6

Apply a Minimum filter (Filter> Other> Minimum) with a radius by 4 pixels.
The Minimum Filter

Step 7

Finally, invert the current layer (Image> Adjustments> Invert or Ctrl+I).
Inverted Layer



 

More tutorials by Denny Tang

Subscribe to Photoshop Tutorials

Free Email Newsletter

Search

Active Writers

  • Denny Tang is the founder of Photoshop Tutorials and specializes in photo editing with Adobe Photoshop.
  • David Cox is a graphic designer from the USA. You can check out his blog/portfolio at AEVION.
  • Oliver Cereto is a graphic designer and photographer from Málaga, Spain. View more of Oliver's work at olivercereto.com.
  • Ross Aitken is currently studying design at Glasgow, UK. You can find more tutorials by Ross at PSD Learning.

Get paid $150-300 per tutorial. Become a writer.

You are here: Home Photoshop Tutorials Special Effects Circuit Board