Web Design Tutorials: Photoshop, HTML, Flash, PHP

Photoshop Tutorial – Blue on Black Navigation Bar

Blue on Black Navigation Bar Photoshop Tutorial Step 1 Firstly, create a new document – the size I’ve used is 540 by 220 pixels. Now for the background I’ve filled it with a black colour. To do this go Edit > Fill with the colour #0d0d0d. Step 2 Secondly, we’ll be making the background for the navigation buttons to go inside. Create a new layer (Layer > New > Layer) and...

Photoshop Tutorial – Professional Navigation menu photoshop tutorial

Step1. Make a new document sized 200×400 and fill it with a grey color: Set your background and foreground colors to : E8E8E8 and DDDDDD like in the image: Now grab the gradient with the folowing settings: Create a new layer and a selection like below: And go from top to bottom with the gradient. You will have something like this: Add a drop shadow with the following settings: You can also add your text on...

Photoshop Tutorial – Classic Thursday – Clean Navigation menu

Step 1. Start of with a new document 300×300 pixels with a purple background. Then create a new layer, and using the rounded rectangle tool create a shape like below using a darker gray colour. Step 2. Using the rectangle marquee tool create a selection like below: Grab the burn tool with the settings below and start brushing over the selection: Brush more on the left part: Then grab the dodge tool, remove...

Photoshop Tutorial – Professional Navigation menu

Step1. Make a new document sized 200×400 and fill it with a grey color: Set your background and foreground colors to : E8E8E8 and DDDDDD like in the image: Now grab the gradient with the folowing settings: Create a new layer and a selection like below: And go from top to bottom with the gradient. You will have something like this: Add a drop shadow with the following settings: You can also add your text on...

Powered by WordPress | Designed by Elegant Themes