Tutorio.com

Photoshop Wire Tutorial
wireicon

This is a simple photoshop tutorial which explains how to create wires in photoshop which an be added to other images and interfaces as finishing touches.
unstyledwire
Draw a line in photoshop using either the a hard edged brush or draw a path using the pen tool apply a brush stroke to it.

Plain Wire

photoshop plain wire

RightClick on the layer choose Blending Options then apply the following styles (image opens in a popup)

  1. bevel settings
  2. Drop Shadow

Plastic Wire

plastic wire

The first example is kinda plain, but the good thing about Photshop's Layer Styles is that you can changes things very easily. For example you can create a plastic look by adding a contour setting.

wire countour settings

Metallic Wire

metallic wire

To give the wire a more metallic look add the Satin Layerstyle with the following settings.

wire satin

Segmented Wires

photoshop-segmented-wiresegmented wire 2

Now you can even create segmented wires like these ones. Although this will only look good with thin wires. You can do this by adding a texture in the bevel layer style. Here are the settings that I used.

wire bevel-texture settings
example1

This example from the photoshop grunge tutorial, illustrates one of many possible ways to use these effects

Note the interface used in this example was created using a technique from the Futuristic Decay Interface Tutorial

Rating(3) +-
Tutorio.com. Privacy Policy, Contact