Skip to content


Sometimes you need something to spice up your web interface. A neat-looking gimmick which should fill unused space. Like wires which give your site a technic look. But how to make them?

Create a new image, go to "Layers, Channels & Paths". Create a new path by clicking on . Use to modify the points:

If you are not familiar with paths, take a look at Søren's excellent tutorial.

Select a brush (Circle 07 should be good):

Select a color. Not too bright (R:127 G:31 B:0 gives a nice dark red). Klick on to stroke the path:

Select a fuzzy brush (in our case Cirle Fuzzy 07):

Select a brighter color (I used R:255 G:63 B:0). Stroke the path again:

Now, it's time to add contacts. Some circles and rectangles should do it. Add some shadow, flatten the image and here we are:

Create thinner / thicker wires by using other brushes. Experiment, have fun!