Как сделать стильную форму поиска

Создаем красивую форму поиска для Вашего сайта!Как сделать стильную форму поискаПриблизительное время выполнения: 9 минут

Создайте новый документ размерами 450 на 200 пикселей. В качестве фона я использовал градиент от #808080 к #616161:stylish_search_bar_2.jpgВыберите инструмент Скругленный Прямоугольник (Rounded Rectangle - клавиша U) и нарисуйте на новом слое фигуру, как на рисунке ниже, указав инструменту следующие настройки:stylish_search_bar_3.jpgstylish_search_bar_4.jpgНазовите этот слой “Фигура 1″. Скопируйте его (CTRL+J) и назовите копию “Фигура 2″. Примените к новому слою следующие стили:stylish_search_bar_5.jpgstylish_search_bar_6.jpgstylish_search_bar_7.jpgstylish_search_bar_8.jpgТеперь примените указанные стили к слою “Фигура 1″:stylish_search_bar_9.jpgstylish_search_bar_10.jpgВыберите слой “Фигура 2″ и выделите на нем область, как на рисунке ниже:stylish_search_bar_11.jpgНажмите SHIFT + CTRL + I, чтобы инвертировать выделение:stylish_search_bar_12.jpgНажмите клавишу DELETE и затем CTRL+D, чтобы снять выделение:stylish_search_bar_13.jpgstylish_search_bar_14.jpgВыделите содержимое слоя “Фигура 1″, кликнув по его иконке в панели слоев с зажатой клавишей CTRL и обрежьте выделение при помощи инструмента Rectangular Marquee, зажав клавишу ALT:stylish_search_bar_15.jpgСоздайте новый слой (над слоем “Фигура 1″ и под слоем “Фигура 2″) и залейте выделение белым цветом. Понизьте прозрачность слоя до 30%:stylish_search_bar_16.jpgТеперь осталось лишь нарисовать поисковое поле и написать слово “Search“:Как сделать стильную форму поискаГотово! ;) Источник:

Популярность:12%

Стильная голубая кнопка Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10%

Стильный значок для Вашего сайта Стильный значок для Вашего сайта
Узнайте, как создать красивый веб 2.0 значок, который можно использовать где-угодно!Приблизительное время выполнения: 6 минутЧитать полностью »Популярность:17%

Создаем красивое лого в стиле Веб 2.0 Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18%

Как сделать очень стильную кнопку! Как сделать очень стильную кнопку!
Этот урок расскажет Вам, как сделать стильную веб-кнопку! Вперед!Читать полностью »Популярность:10%

Классные кнопки со стеклянным блеском Классные кнопки со стеклянным блеском
Этот урок научит Вас создавать классные кнопки с отблеском, как у стекла, которые Вы сможете использовать не только на своем сайте, но и на баннерах, печатных материалах и т.п.Читать полностью »Популярность:15%