Learn How To Create Nice Login Form In Photoshop!

Final Result

1. Create a new project with a resolution of 1280 x 1024 pixels

2. Create a new layer to use as background and fill it with the color #090909

3. Open layer style and click  Pattern overlay  from the Menu.Apply the pattern (add a Pattern Overlay style) to the background layer

4.  Select the Rounded Rectangle Tool. Set the rectangle size to 700 x 333 pixels and the radius to 10 pixels,After creating the rectangle, apply the color #3C3C3C

6. Now Go to Layer Style and set the Gradient Overlay like as below

7. Copy this layer with (Ctrl v) and again Go to Layer Style and set the Gradient Overlay like as below

8. Now select the Rectangular Marquee tool (M) and make selection for cut the layer like as below

9. Get new layer and Select the Rounded Rectangle Tool (U)  for shape, Duplicate the rectangle or draw a new one.This is the username and password
input field

10. Now again Select the Rounded Rectangle Tool (U) and make shapes like as Below

11. Select the Type Tool and type the “Username:” and “Password:” text above the username and password fields and type other
text, Use the Arial font and the color #ffffff

I hope you’ve enjoyed this tutorial and I hope these techniques have inspired some new thoughts and ideas for your next
design.


 

 

LEAVE A REPLY

*