• Around The HomeToggle Menu

    • Entertainment
    • Productivity
    • Smart Home
  • FamilyToggle Menu

    • Parenting
    • Toys
    • Pets
    • Travel
  • Product ReviewsToggle Menu

    • Phones
    • Tablets
    • Laptops
    • Desktops
    • Wearables
    • Audio
    • Cameras
    • Headphones
    • Printers
    • Smart Home
    • TVs
    • Gaming and Video
  • One Cool ThingToggle Menu

    • Frugal Tech
    • Kickstarters
    • Videos
Techwalla
  1. Home
  2. Around The Home
  3. Productivity
  4. How to Convert a Photoshop Image to a Wireframe

How to Convert a Photoshop Image to a Wireframe

March 31, 2015
By: Naomi Bolton
  • Share
  • Share on Facebook

Although you can't convert a 2-D Photoshop image into a true 3-D wireframe, you can use filters to achieve a similar look. Using filters is less time consuming than creating the lines by hand using the Pen tool. The results depend on the complexity and lines of the original Photoshop image and how aggressively you apply the filters. For the best results, use an image that has a complex design, as simple shapes have fewer lines for Photoshop to extract. A blank background or one with a uniform color also yields better results.

Video of the Day

Sports car with wireframe
Use filters to create the illusion of a wireframe outline for images.
credit: -M-I-S-H-A-/iStock/Getty Images

Step

Open an image in Photoshop and press "Ctrl-J" to create a duplicate layer of the original image. Working with a duplicate layer allows for destructive changes to the image without affecting the original layer.

Step

Select "Filter" from the menu bar and then click "Blur." Select "Gaussian Blur" and drag the slider to the right to increase the amount of blur. The goal is to decrease the amount of detail in the image to use only the most important lines for the wireframe. Use your own judgment when selecting the amount of blur, as the optimal value differs depending on the image; however, a value of 2.0 pixels should suffice. Click "OK" to apply the changes to the duplicate layer when you are satisfied with the results in the preview window.

Step

Select "Filter" from the menu bar. Click "Stylize"and then select "Find Edges" to reduce the image to outlines.

Step

Click the "Create a new fill or adjustment layer" icon -- styled like a half-filled circle -- on the Layers panel, and then select "Black & White" to remove any residual color from the image.

Step

Select the duplicate layer from the Layers panel again, as the focus will have shifted to the adjustment layer, and then select "Filter" from the menu bar. Select "Unsharp Mask" and adjust the Amount, Radius and Threshold levels. Use the preview window to determine the optimal values, as these differ depending on the original image. Higher values typically produce better results.

Step

Click "OK" to apply the changes when you are satisfied with the image preview. Save the file in the PSD format to preserve the layers so you can make further changes in the future.

Show Comments

Related Articles

How Do I Make a Vignette in Photoshop?

How Do I Make a Vignette in Photoshop?

Around The Home
Productivity
By: Laurel Storm
How Do I Outline Images in GIMP?

How Do I Outline Images in GIMP?

Around The Home
Productivity
By: Zicheng Ren
How to Fix Blurry GIMP Pictures

How to Fix Blurry GIMP Pictures

Around The Home
Productivity
By: Elizabeth Valentine
How Do I Pixelate an Image Using Microsoft Paint?

How Do I Pixelate an Image Using Microsoft Paint?

Around The Home
Productivity
By: David Weedmark
Differences Between LCD & Old Style Televisions

Differences Between LCD & Old Style Televisions

Around The Home
Entertainment
By: Anaid Heyd
How Do I Change a Photoshop Document to Landscape?

How Do I Change a Photoshop Document to Landscape?

Around The Home
Productivity
By: David Weedmark
  • HOW WE SCORE
  • ABOUT US
  • CONTACT US
  • TERMS
  • PRIVACY POLICY
  • COPYRIGHT POLICY
  • Advertise

An error occurred. Try again later.

Thanks for signing up!
© 2018 Leaf Group Ltd. Leaf Group Media

Get great tech advice delivered to your inbox.

Keep your family productive, connected, entertained, and safe.

Please enter a valid email.