Create contemporary Website Template

Here I will teach you about How we can create contemporary Website Template

[1]-First of all Open New Document of Custom size, Height & Width 600×600 pixels, Resolution 72 & Mode RGB Color

Pun452-Contemporary-Website-Template-Tutorials1

[2]-Now create the following selection with the help of Rectangular Marquee Tool

Pun452-Contemporary-Website-Template-Tutorials2

[3]-Now Open New Layer & then fill the selection with any color & then go to Blending Options with the help of Click on
following Button which is indicating by Hand sign

Pun452-Contemporary-Website-Template-Tutorials3

[4]-Now select Drop Shadow & use the following settings
Photoshop Technqiue-How to use the Drop Shadow features

Pun452-Contemporary-Website-Template-Tutorials4

[5]-Now select Bevel & Emboss & use the following settings

Pun452-Contemporary-Website-Template-Tutorials5

[6]-Now select Contour Elements & use the following settings

Pun452-Contemporary-Website-Template-Tutorials6

[7]-Now select Gradient Overlay & use the following settings
Photoshop Technqiue-How to use the Gradient Overlay features

Pun452-Contemporary-Website-Template-Tutorials7

Pun452-Contemporary-Website-Template-Tutorials8

[8]-Now your image should look like as shown below & then create the following selection with the help of Lasso Tool

Pun452-Contemporary-Website-Template-Tutorials9

[9]-Now Press “Delete” & after that create the following selection with the help of Rectangular Marquee Tool

Pun452-Contemporary-Website-Template-Tutorials10

[10]-Now Open New Layer(this Layer should below all Layers) & then fill the selection with any color & after that go to
Blending Options, select Gradient Overlay
Photoshop Technique-How to use the Gradient OVerlay features

Pun452-Contemporary-Website-Template-Tutorials11

Pun452-Contemporary-Website-Template-Tutorials12

[11]-Now your image should look like as shown below & then create the following selection with the help of Rectangular Marquee
Tool with Hold Shift

Pun452-Contemporary-Website-Template-Tutorials13

[12]-Now Open New Layer & then fill the selection with any color & reduce the Opacity of this Layer like as shown below

Pun452-Contemporary-Website-Template-Tutorials14

[13]-Now your image should look like as shown below

Pun452-Contemporary-Website-Template-Tutorials15

[14]-Now select Text Tool Pun452-Contemporary-Website-Template-Tutorials16 & create the following Text with the help of Text Tool

Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

Pun452-Contemporary-Website-Template-Tutorials17

animated gif photoshop cs3

animated gif using photoshop

animated photoshop

Leave a Reply

You must be logged in to post a comment.