Making Login Form for Website - Hello Friends XD Design and Illustration, In the article you read this time with the title of Making Login Form for Website, we have prepared this article for you to read and retrieve information therein. Hopefully The Article Web Design we write this you can understand. Well, Happy Reading!

Title and Link : Making Login Form for Website

Making Login Form for Website

Making Login Form 

Color Combination is the main thing in web-Design, Making Forms , web-pages.. Use proper and effective color combinations for web design for better looking..  Here we can see how to Design a Login page for your website..

Final view

Step 1: 
Create new file and fill the background with #3E3E3E color.

Step 2:

Make a new layer (Ctrl+Shft+N)
Select circular select tool and create circle on the Layer. 

Right click on circle ---> Select Inverse.
And fill the Selected area withe color #02A4E0(Shft+f5  ---> color).

Select eraser tool and erase the left side area.

Step 3:

Now Go to Blending Options ---> Drop Shadow. 
Change the angle to 0 degree.

Now select Horizontal text tool and Type the Sign In text at left corner with weight Bold.. 

Now with regular font weight type "User name" and "Password" Text.

Step 4:
Make New Layer (Ctrl+Shft+N).
Select Shape tool ---> Select Rounded corner rectangle .
And drag mouse below User name and Password  field with white color. 

Step 5:

Select Horizontal type text tool, Select larger font ant Type GO/Sign In/ Login.
Drop shadow to this button/text with increase in size.

Select Shape tool and Select arrow from shapes, drag mouse on right corner.

Drop shadow to arrow from Blending options ---> Drop Shadow.

Now select text tool and type forgot password below input Password field.

Done..!!

So an article about Making Login Form for Website

The article Making Login Form for Website this time, hopefully can give benefits to all of us.Well, see you in our other articles.

You are now reading the article about the Making Login Form for Website with link https://xdgraphicdesign.blogspot.com/2016/09/making-login-form-for-website.html

Tweet