SEARCH
Newsletter
Subscribe to get design tips, latest trends, free stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Web Layout How to Create Glossy Grass Login Panel (Exclusive Tutorial)

How to Create Glossy Grass Login Panel (Exclusive Tutorial)

BuildTutorial Web Layout Jul 06, 2012

1. Create a new project with a resolution of 1280 x 1024 pixels and select a Grass Images like as below

Glossy Grass Login Panel

2. Now Select the Rounded Rectangle Tool (U) and make shape with radius to 10 pixels like as Below

Glossy Grass Login Panel

3. Now set the Fill Opacity 21% like as below

Glossy Grass Login Panel

4. Now Select the Rounded Rectangle Tool (U) and make shape with radius to 10 pixels like as Below

Glossy Grass Login Panel

5. Now Select the Rounded Rectangle Tool (U) and make shape with radius to 4 pixels like as Below

Glossy Grass Login Panel

6. Open layer style and select Drop shadow and set the shadow like as below

Glossy Grass Login Panel

7. Now Select the Rounded Rectangle Tool (U) and make shape with radius to 4 pixels like as Below

Glossy Grass Login Panel

8. Open layer style and click and select Gradient Overlay and set the Gradient Overlay like as below

Glossy Grass Login Panel

9. Now Select Text Type Tool (T) and type text like as below

Glossy Grass Login Panel

10. Now Select Text Type Tool (T) and type text like as below

Glossy Grass Login Panel

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

Glossy Grass Login Panel

subscribe to newsletter