Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Design Company Layout
rss

Design Company Layout

Author: PhoNuts.org More by this author


1. Create a new document (800*600).

2. Fill the background with nothing (make sure it's transparent) and select a rectangle using your rectangular marquee tool like this and fill it with #2d2d2d!

Click to enlarge
Click to enlarge

3. Now adjust the blending options of that layer and add a drop shadow and a stroke with the following settings!

image 2

image 3

4. Now create a new layer (layer - new layer) and select a rectangle above the previous one like shown in the second screenshot and fill it with a gradient using the gradient tool using the settings shown in the first picture. Make sure you place it under the layer from step 2 because otherwise we won't see the shadow!

image 4

Click to enlarge
Click to enlarge

5. Now we're going to add some noise to the green gradient layer (filter - noise - add noise) and use these settings!

image 6

6. Change your foreground color to white #ffffff and use your elliptical marquee tool to select a round shape in the middle of everything which you need to fill up with white #ffffff using your paint bucket. Mine has a fixed size with a heigth of 50px and a width of 50px.

Click to enlarge
Click to enlarge

7. Create another new layer (you know how) and select a good looking brush! We will now use some brushes on the header of this design to make it more interesting… I don't know which brush I used but if you go to deviantart and look for vector brushes I'm sure you'll find a good one! this is what I came up with…

Click to enlarge
Click to enlarge

8. Now it's just time to add some text! Use your horizontal type tool and start typing! The menu text is in #414006 with a size of 9px, microsoft sans serif… The content text uses the same font and size but just the color white #ffffff! I've also added an image to fill it up a little bit! And this is what we've just created!

Design Company Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: phonuts.org

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Design Company Layout"