You can find stock photography easily on the web. The final touch, which adds a nice effect, is to put a picture of Give the button some text (I've used bold Tahoma), of a new colour (I've used yellow), and give it the usual effects, but without the texture. Put another light-to-dark gradient across the shape (I've used green), and then give them the usual bevel/contour, texture, stroke, and shadow. (This step is Adobe Photoshop 6.0 and 7.0 only - just use a rectangle in Adobe Photoshop 5.0) Create the shape, and then right-click it and convert it to a selection. (Select the little square button at the top left that says 'create new work path'). Use the Shape Tool to put in a rounded rectangle. If a black outline of one pixel is still too much, just make the outline 50% opacity, and it will look like it's half as thick.

Give each of these layers a 0.5 pixel black Stroke (outline), a Drop Shadow, and a Bevel. Right-click each of these layers, and choose Blending Options (Photoshop 6.0 and 7.0) or Effects (Photoshop 5.) The easiest way to put the horizontal line in is by just typing underscores. Use Times New Roman font here, and put some appropriate text in. The bulbous area at the tip is where the website's logo goes. Then Ctrl+Click on your red menu layer, click Select > Inverse, and press Delete, to delete the unwanted part. If your watermark extends over the edge of your menu area, just right-click it in the Layers list, and Rasterize or Render it, to make it editable. Press Ctrl+T to rotate them, then make them into a watermark by changing them to an Overlay layer. It should come out as two swirly symbols. To create a watermark (lightened area), use the Wingdings font, and type in 'jk'. Give the area a shadow, bevelling, contour, and a texture (I used Carpet here). Right-click the layer in the layers list, and choose 'Blending Options' (Adobe Photoshop 6.0 & 7.0) or 'Effects' (Adobe Photoshop 5). 2 – Making a website menu with a watermarkįill the selected area with a left-right gradient of a colour and a darker shade of that colour. Make sure that your points make almost a complete circuit, as the first and last points will connect up when you turn the path into a selection. (Right click on it and choose 'Make Selection'.) (You must zoom out or maximise the little window you're working in, otherwise you won't be able to drag your points into the grey area.) Make sure you have the 'Paths' option at the top left of the screen selected. Remember to hold Ctrl whenever you want to move your points around, or drag their 'arms'. Zoom out and use the Freeform Pen tool to make an appropriate shape for a website menu. Your website should always start in Photoshop, not your web page editor.

I had to tone down the background on my old website several times to get it right. A very faint photo or a well-done watermark is okay. by tiling), is dangerous, and rarely looks good. (natural, real) Making your website background If your website is a bit different, use black. (cool, different) A black website background shouldīe used if you're making a website that's even slightly non-corporate - games websites, adult websites, personal websites. The 'white' theme can also be done with a navy blue background, and white text. Should almost always be used on a company website, or a site that is trying to sell something. (reputable, mainstream) A white website background This tutorial goes through the steps of making a left-oriented website. I learned by imitating the websites of the professionals, and came up with this nice way of making a website. If you find that you are totally unable to design a nice-looking website, no matter what you do, you'll find this five-minute website tutorial to be invaluable.

Shadow text adobe photoshop 6.0