Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Wire Wall Art in Photoshop
  • By Design Bundles
  • 6 Mins
  • Photoshop Tutorials

Wire Wall Art in Photoshop

For this tutorial, you will need some outlined vectors or png files of a subject you want to use as the wall art. We are using a free Zodiac sign bundle.

1 - In Photoshop, open the image you chose as “Background”.

2 Then, open the one you want to use as “Wall Art” making sure it has a “Transparent” Background.

3 - Right-click on top of its Thumbnail and choose “Convert to Smart Object”.

4 - Use “Free Transform” (Command/Control + T) to resize the image if needed. Click on the small Check Mark on the Top Menu or hit “Enter” to “Commit” the changes.

5 - “Duplicate” the layer by dragging its Thumbnail to the “Create New Layer” button at the bottom of the “Layers Panel” and name it “Base”.

6 - Select the duplicate, right-click on top of its Thumbnail and choose “Rasterize Layer”.

7 - Go to Image > Mode > RGB Color, choose “Don’t Merge” and “Don’t Rasterize” when prompted.

8 - Go to Filter > Filter Gallery > Sketch > Torn Edges and use the following values (22, 15 1). Then, go to Filter > Filter Gallery > Sketch > Stamp and use the following values (25, 8).

9 - Go to Filter > Blur > Gaussian Blur and use a “Radius” of 1 Pixel.

10 - Go to Filter > Sharpen > Unsharp Mask and use the following values (100, 50 , 0).

11 - Go to Select > Load Selection... Use the default settings.

12 - Create a “New Layer” (Shift + Command/Control + N), name it “Wires” and make sure it is on top of everything.

13 - With your selection still active and the “Wires” Layer selected, head to the “Paths” Panel and click the “Create Path” button at the bottom of the Panel. Double-click on the “Work Path” Thumbnail and name it “Wires”.

14 - Select the “Brush Tool” (B) and use a 12 px 100 % “Hardness” brush.

15 - With the “Selection Tool” right-click on top of the “Path” and choose “Stroke Path” use “Brush” as “Tool” and click “OK”. Don’t forget to “Deselect” the Path.

16 - Select the “Wires” Layer and create “Layer Mask” by clicking on the small button at the bottom of the “Layers Panel”.

17 - Double-click on top of its Thumbnail and apply the following “Layer Styles”:

Bevel & Emboss:

Drop Shadow:

18 - Go to Layer > Layer Style > Global Light and use a 125° “Angle” and a 70° “Altitude”.

19 - You can “Delete” the “Base” Layer if you want.

20 - Create a “New Solid Color Fill Layer” on top of everything by clicking on the small Black and White icon at the bottom of the “Layers Panel” and use a Dark Grey (#373737) as “Fill” color.

21 - Right-click on top of the “Fill Layer” Thumbnail and choose “Create Clipping Mask”.

22 - Select the top two layers (Color and Wires) and “Group” them together by clicking on the small “Folder” icon at the bottom of the “Layers Panel”. Name the Group “Wire”.

23 - Bring the “Wire” Group into the “Background” Document.

24 - Resize and/or Rotate it if needed using “Free Transform” (Command/Control + T). Click on the small Check Mark on the Top Menu or hit “Enter” to “Commit” the changes.

25 - Check out your Artwork!

by @lornacane


6 Related Photoshop Tutorials

For this tutorial, we will use the portrait of a person to apply this effect to. We will also use some “Cracked Dirt” and “Grunge” Textures to achieve the effect. The Tutorial is divided it in two parts, "Part 1" shows how to create "Cracked Skin".(1) 15 - Create a “New Layer” ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, you will need an image or portrait with a white or very neutral background.1 - In Photoshop, open the image you chose.2 - Duplicate your image twice (Command/Control + J). Hide the top one by clicking on the small eye icon to the left of its thumbnail.3 ...

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

For this tutorial, we will use an image of to use as an outline for the “Type Art” and a “Quote” that relates with your subject.1 - In Photoshop, open the image you wish to convert to “Type Art”.2 - Select the “Quick Selection Tool” (W), use the “Add to ...

For this Tutorial, we will use an image of a brick wall for our background, an image of “Graffiti” and some other image to “paint” into the wall.1 - In Photoshop, open your “Background” image. Check if you need to fix any color or brightness/contrast issue (we applied “Auto ...

You may also like

Help Center
ol image