Photoshop  Home Photoshop Web Layout Modern Gaming Style Header
rss

Modern Gaming Style Header

Author: PhotoshopForFun.com More by this author


Create a rectangular selection using rectangular marquee tool.

image 1

Press Q to enable quick mask. From "Filter" menu select "Brush Strokes >>Spatter". Apply settings as shown.

image 2

Press Q to disable quick mask. Create a new layer and fill it with white color.

image 3

Create two rounded rectangle using rounded rectangle shape tool. Ctrl+Click the rounded rectangle layer to get the selection. Select the white layer and press delete.

Repeat the same steps and delete the second rounded rectangle selection too.

image 4

Hide both the rounded rectangle layers. Select the white layer. Double click the layer to open layer style window. Apply settings as shown.

image 5

image 6

image 7

image 8

image 9

Create some more rectangles with distorted edges as we done before. Apply same layer style.

image 10

Select brush tool. Using some irregular brush settings apply black & white colors to give it an old look.

image 11

Using a 2 pixels solid brush tool create some wires as shown in the image below.

image 12

Double click the layer to open layer style window. Apply settings as shown.

image 13

image 14

image 15

Create a circle using elliptical shape tool.

image 16

Double click the layer to open layer style window. Apply settings as shown.

image 17

image 18

Create some more circles in decreasing order. Apply previously applied layer styles.

image 19

Create a rectangle using rectangular shape tool. Apply layer style we used for rounded frame. Create another rectangle using rectangular shape tool. fill it with black color. This will create a button.

Similarly create more buttons.

image 20

Create some circles for the nut bolt using elliptical shape tool. Enable "subtract from shape area" at the top bar. Using line tool subtract it from middle as shown in the image below. Apply previously applied layer style.

image 21

Add other details using basic tools and apply same layer styles as we used above.

image 22

Type link names and field area to populate the header.

Modern Gaming Style Header Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: photoshopforfun.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 "Modern Gaming Style Header"