adv banner
Photoshop  Home Photoshop Web Layout Header with Tech Look for your web Design Company
rss

Header with Tech Look for your web Design Company

Author: amitk More by this author


Open a new document in photoshop.

Size: 800 x 200 pixels
Background: white

Set the foreground color to #01b9f5
Set the Background color to #006696

Create a new layer ( press Ctrl+Shift+Alt+N )

Grab Gradient Tool and draw a line from the top to the bottom of your document

Click to enlarge
Click to enlarge

Create a new layer again ( press Ctrl+Shift+Alt+N )

Select Elliptical Marquee Tool, and use this settings

Click to enlarge
Click to enlarge

Then create a simple selection on your header

image 3

Select Rectangular Marquee Tool, and use this settings

Click to enlarge
Click to enlarge

Then make a rectangle like in the next image

image 5

Now select one more time Elliptical Marquee Tool, Please use the following settings

Click to enlarge
Click to enlarge

And make the following selection on your header

image 7

This is the Result after i will release my mouse button

image 8

Select Paint Bucket Tool and fill your selection with White ( then press Ctrl+D ) to deselect

image 9

Duplicate this layer ( press Ctrl+J ) and resize this layer

image 10

Select Line Tool ( Set the weight to 1 pixel ), and make some lines like in the following image

image 11

Now select Ellipse Tool and make a small circle and place it like in the following image

image 12

Select Rectangle Tool , and make a small rectangle

image 13

With this layer selected, go to Edit > Transform > Perspective , and use the following settings ( change the horizontal Skew to 30 )

image 14

Hit Enter. this is my result

Duplicate this layer a few times and place it with the Arrow keys like in the following image

To duplicate a layer you have to select first the layer , then press Ctrl+J

image 15

Select all the layers , except the background layer and the layer above the background layer , then press Ctrl+E ( this will merge all the layers )

image 16

Duplicate the merged layer and place it like in the next image

image 17

Select both Layers and duplicate them one more time,

image 18

Then go to Edit > Transform > Flip Horizontal

With a few times on your Right Arrow key until you place the layers like in the following image.

You can add also some text on your header

Click to enlarge
Click to enlarge

Now select one more time all the merged layers

image 20

Duplicate them ( drag all the layers to the " create new layer " button - from your layer palette

Select Move tool ( press V )

Then use the Alignment Buttons

image 21

This is my result:

Click to enlarge
Click to enlarge

Next step is to create another small details. for example i will grab Type Tool , and i will write some random text , with a small font

Click to enlarge
Click to enlarge

We will add now another details but first you need to create a pattern:

Now Create another document:

image 24

Zoom this document to 1600% and with the Pencil Tool Draw 3 points:

image 25

After that go to Edit > Define Pattern...

Choose a name for your pattern and press OK

Now let's come back to our header. Create a new layer ( press Ctrl+Shift+Alt+N )

Select Paint Bucket Tool , Set the source for fill area to Pattern

image 26

Then press one time on your new layer

This will be the result

Click to enlarge
Click to enlarge

Then Change the Blending mode to: " Soft light "

image 28

This is my final result.

Header with Tech Look for your web Design Company Tutorial: Final Result (Click to enlarge)
Click to enlarge

I am sure you can make better. Now that you know some new techniques you can try alone.



Author's URL: www.talk-mania.com

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 "Header with Tech Look for your web Design Company"