In this Adobe® Photoshop tutorial, you will learn the techniques for creating a set of wire frames. Photoshop is always filled with lots of simple yet effective tricks which eventually allow you to create an enhanced design with a little mouse move and patience. Here, in this tutorial you are going to learn the methods for creating a simple bending wire frame in very easy moves!

Create a new .psd document. Size does not matter. Make a background layer and fill this layer with color of your choice. To do this, go to Edit-->Fill and then pick a color to fill.

19.jpg


Now add a transparent layer to the background and name it as, say "wire". Now select the "Brush Tool" from the Toolbar aside. Keep the diameter of the brush to be small to get better effect. Now set 100% opacity and draw a simple outline on the "Wire" layer. Try drawing Polygons to get more realistic wire frames.

26.jpg


This process can also be done using the Pen Tool for creating a unique path. This ensures straight line while drawing polygon of your idea. The next step is to hide the background layer.

Pick up the Rectangular Marquee tool and draw a box around the wire. Photoshop will automatically crop out the dead space. Now select Edit-->Define Brush. Now you can hide or delete the layer since you will not be using it any more.

33.jpg

Then, create a new transparent layer on the top of other layer to make a path. Select the Pen Tool and make a smooth round path. Avoid sharp corners for better effects.

437.jpg

Now click on the Brush palette and select the Brush tip shape tab. Now select the brush which you have added just now, and keep the spacing around 20-25. Don't keep too high since it won’t provide you a linked look. After setting the ranges here, go to the Shape Dynamics tab. select the Angle Jitter and select the Fade setting. Keep the range of the "Value" and the "Twist" appropriately and test each thing.

533.jpg


The last step is to emboss the object created on the background layer. Keep the mouse pointer in the curl, and draw the object over the layer named as "Background". You will now notice the single "wire" providing a look of wire frame.

616.jpg

Popularity: 9% [?]

Share and Enjoy:
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
Subscribe in a reader |

Links you may find interesting -