Hello Friends, lest start the login page design with Gravatar by using photoshop. It’s looking very nice and beautiful.
Media: Adobe Photoshop
Time: Maximum 1 hour
Dear readers, let’s start to our lesson.
Open new file 1000 x 1000 px in photoshop with transparent background.
Fill the background with the color of #EAEAEA.
Select Rectangular Tools (Press U for windows) and make a box in new layer exactly in below-
Now download any green grass. I just a grass image form internet. Then I just copy some part for my header and place it into new layer in top of my white box. The image look like below-
Now create a new layer and select Rectangular Tool (U) and make a new box with white background in the center of green background. New box will be place in the center of two background white and green layer also. The image look like this.
Then go to Blending Option (Click on Right Button on the layer and will get this option) and follow the below instruction…
Then set a photo onto this transparent box. The image look like this-
Ok, now create form elements. I am making a folder in layer part for my assistant. Then I will create a new layer and select Rectangular Tool and make a text field. After doing this, I used Blending Option on this layer. The process are in below-
and then create a new layer and select Type Tool and Write Email with Green color. Then I copied two layers [text field and Email] and put it down with Password text. Then image will like in below-
Then I will create a new layer and select Rectangular Tool and create a box in blow. Then applied some Blending Option function on it and the instruction are in below-
Now create a new layer and Write LOGIN by using Text tool. Then I applied some Blending Option function on it. Then instruction are in below-
Oky. I have completed my work. I think, you will get a beautiful Login Panel with Gravatar. The final Image will be link in below-
I think, you like this. Thanks for following this tutorial. Bye for now.