Looks quite good, no? Now just slap in the url font tahoma size 11 and no AA. Drag it up on a new layer and it should look like something below: Select the Rectangular Marquee Tool and erase the webdesign black gradient part, since we only want the black gradient layer to be on the “dev” text. Now select the Gradient Tool, but we won’t use from white to transparent now we will use black to transparent. Select the text layer again and go to Select- Load Selection and move it up by 1-2 pixels. Here’s the result: I have duplicated the gradient layer to give it a stronger transition from yellow to orange. Select the Gradient Tool and on a new layer drag up. Select the text layer and go to Select- Load selection and move the selection up by about 1-2 pixels. Set the layer Blending Mode to overlay to give it a more orange-ish color. Using the Gradient Tool set on white to transparent make a gradient. Select the FIRST layer in the rollover button group and go to Select- Load Selection. It should look something like this now… Make a new layer and using the Rectangular Marque Tool make a black shape like below. Slap some text in those babies and no way…it’s starting to look like a navigation! Select a dark gray color for the text.
Go to Layer-Layer Style-Color Overlay and pick an orange color. Click the button group you want to edit and select the FIRST layer in that group. I decided I am going to modify one of the buttons and make it a rollover button.
Now go to Layer- Duplicate group and move all the buttons around the way you like. Now click and drag them into the button folder. Click on the layers while having ctrl pressed down. Should look something like this? Getting better right? Lower the opacity of the gradient layer to suit your taste. Then Select the Gradient Tool again and now make sure the foreground color is black. Go to Select- Load Selection then go to Select-Modify-Contract and select 2px. Make the color of the button just a bit darker so it doesn’t stand out too much. Off to the navigation! Select the Rounded Marquee Tool with a radius of 5 and make a selection like below: Fill it with white and it should look something like this: Cut of the lower part of the button with the Rectangular Marquee Tool.
Draw a white line like below: This gives it a cool kinda “engraved” effect. Make a new layer and select the Pencil Tool again with a 1px brush. Hit OK then drag your mouse down like below: Here we have the result quite nice no? I feel the white is a bit strong so i lowered the opacity a little bit. Select the 2nd gradient option and make sure that the foreground color is white. If you can’t see it right click on the Paint Bucket Tool and it should appear. Make a new Layer and select the Rectangular Marquee Tool and make a selection like below. Select the top with the Rectangular marquee tool and fill it with a darker grey like so: On the dark gray layer go to Layer- Layer Style- Gradient Overlay and use a gradient like this: Now select the pencil tool and a 1px brush. Here is the end result: Start by making a new canvas around 950×950 pixels. Note: If you are very new to Photoshop or web design you may have some trouble with this tutorial. In this Photoshop tutorial, I will teach you just that. Photoshop tutorials are very much in demand nowadays because every web designer wants to know how to create a website with Adobe Photoshop.
In this Photoshop tutorial, you will learn how to create a website with Adobe Photoshop.