Mar 22, 2012

How to Create Search Field in Photoshop

Learn How To Create Search Field In Photoshop! Today we will learn how to Create Search Field in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial. This tutorial is very simple to follow, so I suggest to everyone to give a try.






Final Result

12 Search Field final How to Create Search Field in Photoshop
1.  Create a new project with a resolution of 1280 x 1024 pixels

1 white background11 How to Create Search Field in Photoshop

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

2 Search Field shape How to Create Search Field in Photoshop

3.  Now Create new layer and fill Pattern (Shift+F5) like as below

3 Search Field fill How to Create Search Field in Photoshop

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

4 Search Field center How to Create Search Field in Photoshop

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

5 Search Field blue How to Create Search Field in Photoshop

6.  Now select the Rectangular Marquee tool (M) and make a round shape like as below

6 Search Field blue shape How to Create Search Field in Photoshop
7.  Now select the Rectangular Marquee tool (M) and make a round shape like as below

7 Search Field white How to Create Search Field in Photoshop

8.  Now select the Rectangular Marquee tool (M) and make a round shape like as below

8 Search Field long B How to Create Search Field in Photoshop

9.  Now again Select the Rounded Rectangle Tool (U) and make shape like as below

9 Search Field long How to Create Search Field in Photoshop

10.  Now again Select the Rounded Rectangle Tool (U) and make shape arrow

10 Search Field arrow How to Create Search Field in Photoshop

11.  Select the Type Tool (T) and type the text like as below

11 Search Field text How to Create Search Field in Photoshop
I hope you’ve enjoyed this tutorial and I hope these techniques have inspired some new thoughts and ideas for your next design.

buildtutorial.com 

No comments:

Post a Comment