This Photoshop tutorial will give you some idea to create a multi color web graphics which will be very useful for your next  website template project.

[1] Take a new file of 400 pixels,400 pixels, of resolution 72 dpi in the RGB mode.

multi-color-web-graphics1.jpg

[2] Now take the Shape Tool and select this one.

multi-color-web-graphics2.jpg

[3] Create a new shape and fill with white color.

multi-color-web-graphics3.jpg

[4] Make the copy of layer 1.

multi-color-web-graphics4.jpg

[5] Now change the any color would you like, layer 1 copy press Cnlt+T, transform selection to minimize the shape as shown image below.

multi-color-web-graphics5.jpg

[6] Go to View>Rulers.

multi-color-web-graphics6.jpg

[7] Now set the Rulers lines as shown image below.

multi-color-web-graphics7.jpg

[8] Then select the Layer 1 then hold Cnlt+Click on the copy layer 1.

multi-color-web-graphics8.jpg

[9] And now click on this two icon as shown image below.

multi-color-web-graphics10.jpg

[10] Then take the Rectangular Marquee Tool create a new shape, and then right click select Layer via cut as shown image below.

multi-color-web-graphics11.jpg

[11] Your layer Pallete something look like this.

multi-color-web-graphics12.jpg

[12] Now Reapte the Step-10 3 more time, then your Layer Pallete look like this.

multi-color-web-graphics13.jpg

[13] Now select the layer 1 go to Blending Option use the following settings.

multi-color-web-graphics14.jpg

multi-color-web-graphics15.jpg

multi-color-web-graphics16.jpg

[14] Your image should be look like this.

multi-color-web-graphics17.jpg

[15] Now right click on the layer 1 then copy Layer Style.

multi-color-web-graphics18.jpg

[16] And now paste the Layer Style each layer but the main thing is you can change the Color Overlay each layer.

multi-color-web-graphics19.jpg

[17] Your image should be look like this.

multi-color-web-graphics20.jpg

[18] Now select the Red Shape Layer go to Blending Option use the following settings.

multi-color-web-graphics21.jpg

multi-color-web-graphics22.jpg

[19] Your image should be look like this.

multi-color-web-graphics23.jpg

[20] Now Cnlt+Click on this layer as shown image below.

multi-color-web-graphics24.jpg

[21] Make the new layer.

multi-color-web-graphics25.jpg

[22] Then go to Select>Modify>Contract Selection use these values.

multi-color-web-graphics26.jpg

[23] And now go to Select>Feather Selection apply the following settings.

multi-color-web-graphics27.jpg

[24] Then fill the selection with white color now set the opacity 34%.

multi-color-web-graphics28.jpg

[25] Your image should be look like this.

multi-color-web-graphics29.jpg

[26] Take the Shape Tool and select this one.

multi-color-web-graphics30.jpg

[27] Create a shape fill with black color.

multi-color-web-graphics31.jpg

[28] Go to Blending Option apply the following settings.

multi-color-web-graphics32.jpg

multi-color-web-graphics33.jpg

[29] Your final image should be look like this.

multi-color-web-graphics34.jpg

Photoshop Web Template - Web Site Design Tutorial ,Free Online Photoshop Tutorial