Tuesday, April 8, 2008

Massive Game Header

Open a new document
Size: 760 x 450 pixels
Background color: #333333

Then Create a shape like in the following image with the Rounded Rectangle Tool ( set the radius to 5 pixels )

Click to enlarge

Click to enlarge

Then go to Layer > Rasterize > Shape

Select Rectangular marquee tool ( set the radius to 0 pixels ) and make the following selection

Click to enlarge

Click to enlarge

Then Hit Delete on your keyboard
Then press CTRL+D to deselect

image 3

Select pen Tool and use the following settings

image 4

Then with Pen tool make the following path

image 5

Then press on The Load Path as a selection

image 6

The result will be in the following image

image 7

Then hit one more time the delete key from your keyboard
Press CTRL+D to deselect and you should have something like this

image 8

Duplicate this layer , then go to Edit > transform > Flip Horizontal
Then with the right arrow key move this new layer to the right

Click to enlarge

Click to enlarge

Then Select both layers , and press CTRL+E ( this will merge this 2 layer into a single one )

image 10

Now add the following layer styles

image 11

image 12

image 13

image 14

image 15

This is the result

Click to enlarge

Click to enlarge

Select Elliptical marquee tool and make a selection like in the following image

Click to enlarge

Click to enlarge

Create a new layer ( press CTRL+SHIFT+ALT+N )
Then go to Edit > Stroke and use the following settings

image 18

Press CTRL+D to deselect
Then with the erase tool , delete all the line , and be sure you will leave only some small lines like in the following image

image 19

Then for this small lines add the following layer style

image 20

image 21

This is the result

image 22

Now Create some small shapes.

Click to enlarge

Click to enlarge

Now rasterize all this red shapes
Then apply the following layer styles for all red shapes

image 24

image 25

image 26

This is the result

Click to enlarge

Click to enlarge

Now take the Eraser Tool and delete half of the shapes. Be sure you have this result

Click to enlarge

Click to enlarge

Now select Rounded Rectangle Tool and make some small shapes like in the following image

image 29

Duplicate this small shapes as many times you want and place it like me
You can use different colors if you want

Click to enlarge

Click to enlarge

Grab the rectangle Tool, and make a simple shape

Click to enlarge

Click to enlarge

Then add this layer styles

image 32

image 33

image 34

image 35

image 36

image 37

image 38

Then drag the layer above the background layer

Click to enlarge

Click to enlarge

Then duplicate the following layers

image 40

And place it like me. You can also add some text on the blue navigation bar

Click to enlarge

Click to enlarge

Select Line Tool, Set the line weight to 1 pixel and make 3 lines. one gray, one black and one gray ( gray|black|gray ) and place it between your text buttons

Click to enlarge

Click to enlarge

Select Rounded rectangle Tool and create a white shape

Click to enlarge

Click to enlarge

Drag the layer above the background layer ( in layer palette )
Then add the following layer styles

image 44

image 45

image 46

image 47

image 48

image 49

image 50

This is the result

Click to enlarge

Click to enlarge

After that you can add some tech brushes. You can find some one deviantart.
Or you can add your own details, or your own images

This is my final result

Massive Game Header Tutorial: Final Result (Click to enlarge)

Click to enlarge

Source : Clock here

No comments: