Создаем красивую форму поиска для Вашего сайта!

Приблизительное время выполнения: 9 минут

Создайте новый документ размерами 450 на 200 пикселей. В качестве фона я использовал градиент от #808080 к #616161:

Выберите инструмент Скругленный Прямоугольник (Rounded Rectangle - клавиша U) и нарисуйте на новом слое фигуру, как на рисунке ниже, указав инструменту следующие настройки:

Назовите этот слой “Фигура 1″. Скопируйте его (CTRL+J) и назовите копию “Фигура 2″. Примените к новому слою следующие стили:

Теперь примените указанные стили к слою “Фигура 1″:

Выберите слой “Фигура 2″ и выделите на нем область, как на рисунке ниже:

Нажмите SHIFT + CTRL + I, чтобы инвертировать выделение:

Нажмите клавишу DELETE и затем CTRL+D, чтобы снять выделение:

Выделите содержимое слоя “Фигура 1″, кликнув по его иконке в панели слоев с зажатой клавишей CTRL и обрежьте выделение при помощи инструмента Rectangular Marquee, зажав клавишу ALT:

Создайте новый слой (над слоем “Фигура 1″ и под слоем “Фигура 2″) и залейте выделение белым цветом. Понизьте прозрачность слоя до 30%:

Теперь осталось лишь нарисовать поисковое поле и написать слово “Search“: