How To Make A Search Box

[Plutonium]

Step 1

First off create a new document to house the search box (or add it to one of your existing designs). I’ve filled the background of mine with the colour #2e3033



Step 2

Using the Rounded Rectangle Tool make a white rectangle with radius 10px and dimensions 200x40px. This will be where we enter our search terms.



Step 3

Using the text tool add in some dummy text. The font styling I’ve used is Arial, Bold, 15 pt, Sharp, #37393d.



Step 4

Now we’ll make a button for the search action. Using the same tool make a 80x40px rectangle



Step 5

Apply this gradient overlay to the button layer.



Step 6

Add some text for the button. The font styling I’ve used here is Arial, Bold, 15 pt, Sharp, #ffffff with an outer glow of 30% #000000. I’ve also added another darker rectangle behind the search field and button and a radial gradient in the background.



-/ There, Another tutorial by me. YES, I used Photoshop CS5 & not the CS4 this time. Not sure why though.. XD

My fingers are bleeding.. rawr..

* This will be useful if you're having a HTML website! =)

~ P

[Fragma]

Really simple but the end result looks pretty awesome.

Perhaps you could create a tutorial on how to make a full webpage?

Thanks.

[Plutonium]

Really simple but the end result looks pretty awesome.

Perhaps you could create a tutorial on how to make a full webpage?

Thanks.

I could, But that would take ages *not really.*

I'll consider it =)

[N'aix]

You make the best tutorials Plutonium.

[Plutonium]

You make the best tutorials Plutonium.

Well thank you!

[Nemmyy]

Really simple but the end result looks pretty awesome.

Perhaps you could create a tutorial on how to make a full webpage?

Thanks.

Yea, you should do this

[Plutonium]

Yea, you should do this

As I said. I'll consider it.

[Statics]

Thank you for this tutorial, it is noob friendly and it sure does help me as I am starting to lear graphics.

[Plutonium]

Thank you for this tutorial, it is noob friendly and it sure does help me as I am starting to lear graphics.

Glad you liked it! ;)

[xLnT]

Haha keep it up is awesome !.

-xLnT