Урок по созданию панели поиска на сайте

Урок Фотошопа

кликайте на картинки, чтобы увидеть их полный размер

В этом уроке вы научитесь создавать панель поиска для веб сайта.

Создаём новый документ - 450х200px. Настраеваем градиент:
1 цвет - # 808080
2 цвет - # 616161.
Заливаем им лист снизу в верх.

Берем "Прямоугольник со скругленными углами(Rounded Rectangle Shape Tool)" с такими настройками и создаём фигуру::

Называем этот слой Shape 1. Дублируем его нажатием Ctrl+J и имя слоя копии изменяем на Shape 2. Слой Shape 2 помещаем над слоем Shape 1. Теперь применяем для слоя Shape 2 такие настройки:
Внутренняя тень, Наложение градиента и Обводка:

Вот что у нас должно получиться:

Теперь, примените следующие эффекты к слою “Shape 1”:

Now, apply the following settings to the “Shape 1” layer:

Растрируйте слой “Shape 2” (Правой кнопкой по слою ->Растрировать слой)
Выделяем часть фигуры "Овальной областью(Elliptical Marquee Tool )" как на рисунке, Жмем Ctrl+I, чтобы инвертировать выделение и Delete. Снимаем выделение (Ctrl+D):




Вот что должно получиться:

Выделяем слой Shape 1 нажатием по слою мышкой с зажатым Ctrl. C помощью "Прямоугольной области (Rectangular Marquee Tool)" и зажатым альтом(Alt) вычитаем из выделенной области нижнюю часть::

Создаём новый слой над слоем Shape 1 заливаем выделение белым цветом ставим прозрачность слоя 30% Жмем Ctrl+D.:

Сейчас с помощью Прямоугольной области (Rectangular Shape Tool) рисуем область где будет панель ввода. Шрифтом Arial 17 pt пишем слово Search на месте кнопки.

Вот он результат:



Copyright © http://megatutorials.blogspot.com