Follow along with the steps I took to create the website for the "Slime Factory". This website mixes metallic textures with gelatinous substances.

The owners of the Slime Factory wanted a website theme that would match their company name, so they enlisted me to design it for them. The purpose of this tutorial is to show you some of the effects I used to make their navigation bar.

This tutorial goes through the steps I took in Photoshop to make that website. It requires Photoshop 6.0, 7.0 or above to be able to replicate every aspect exactly as shown.

In Photoshop, create a new image (779 pixels wide), and draw a small line with the Freeform Pen Tool. (Make sure you have the "Paths" option at the top left of the screen selected.) Ctrl+Click the line to select it. The line should have a small block at each end. Hold Ctrl and drag the blocks (points) apart, to extend the line. Add new points by clicking on the line (don't press Ctrl.) If you select a point (Ctrl+Click on it), you'll notice it has two "arms". By dragging the arms around (while holding Ctrl), you can change the curve of the line.



Try to make something similar to what I've made in the diagram above (feel free to vary it as you see fit). It's okay to go off the canvas at the left and at the top (press the "Maximise" button at the top right of the window so you can see outside the canvas.) However, it is very important that the two ends of the line are very close together, as they'll connect up in the next step to form an enclosed area.

Remember - always hold Ctrl when moving a point or an arm.