Create a Corporate style yellow web template in Photoshop

Hi friends, we are back to tutorials. Corporate style templates are known for certain features. They are its ease of navigation, minimal design and classic layout. So having all these features in mind we have designed this web template. In today’s post we are going to see how to create a corporate style yellow web template in Photoshop.







Step 1: Open a new document of size 800 px X 650 px with white background and 72 ppi resolution
Step 2: Take the gradient tool and click on the gradient editor available on the properties bar on the top and choose a gradient like this.



Step 3: Choose linear gradient option and click and drag from top to bottom like this.


Step 4: Next take the text tool choose black to be as foreground color and type some text like this.

Step 5: Take the rectangular marquee tool and make a thin small selection like this and fill it with black color.

Step 6: Create a new layer and make a similar selection and fill it with white color.

Step 7: Change the blending mode of the black line layer as soft light.

Step 8: Group those two layers and then take 4 more copies of that group and place them like this.

Step 9: Next place the companies logo, name and caption like this.

Step 10: Choose rounded rectangle tool with shape layers option and draw a rounded rectangle like this with corner radius as 10 px.


Step 11: Press Ctrl + T open the transform controls and right click and choose warp option from the drop down menu.


Step 12: Choose bulge option from the presets available from the drop down menu available in the properties bar and give the following settings.



Step 13: Apply the following layer styles to black rounded rectangle layer.


Step 14: Take a copy of the same layer and remove the layer style. Next right click in that particular layer in the layers palette and choose rasterize option from the drop down menu that appears.

Step 15: Next goto Filter -> Blur -> Gaussian blur and give the following value.




Step 16: Place this blur rectangle layer below the yellow rectangle layer like this.

Step 17: Press Ctrl + T and open the transform controls and make it small like this.


Step 18: Next type some text like this.

So, this is the final output of this corporate style yellow web template. Hope you all loved, enjoyed and got benefited by this tutorial.

tutsfriend.com