Short Search Bar Tutorial

*** This is just an example. There are many ways to design and develop for the web.

Grab rounded rectangle tool(R) with a radios of 20 px and draw a shape. Mine has width: 374px, height: 26px and apply the following
layer styles:

Gradient Overlay:

Inner Shadow

Now on the middle of this shape we need to create another shape using the same rounded rectangle tool(R) but this time with a radios
of 7px, width: 265, height: 22 than apply the following layer styles:

Inner Shadow
Inner Glow:

Colour Overlay:

Now add some text and shapes as required.

Finished Search Bar