Для выполнения урока необходим фильтр «Layer Effects».

Создадим новое изображение размером 350x20px. Заполните линейным градиентом фоновый слой, он будет подложкой. Я выбрала для заполнения градиент Tropical Colors.

Теперь нужно сделать сетку, неотъемлемую часть юзербаров. Я делала сетку с помощью выделения.

Создавала новый слой, а потом заполнила выделение черным цветом. После этого продублировала слой и оттянула его в сторону на определенное расстояние. Соединила оба слоя с сеткой и снова продублировала слой, оттянула его, свела оба слоя. В результате всех действий у меня получилось так:

После этого нужно немного уменьшить интенсивность сетки. Я установила непрозрачность для сетки в 50%.

Теперь нужен логотип программы. Для этого нужно зайти в дирректорию, в которой установлен Гимп, а дальше в \share\gimp\2.0\images\, там будет файл gimp-logo.png. Его надо перетащить на холст с юзербаром и на нем появится слой gimp-logo.png. Перетащите Вильбера к левому краю.

Выбираем инструмент «Текст» и пишим большими буквами GIMP USER. В настройках инструмента устанавливаем шрифт Arial, размер 8px, ставим галочку напротив инструктурирования и автоинструктурирования, с антиалиасинга галочку убираем.

Заходим в меню Script-Fu – Layer Effects – Add Border. Устанавливаем белый цвет и применяем эффект к слою с текстом.

Делаем эффект отражения в стиле Web 2.0. Для этого создаем новый слой, берем инструмент эллиптического выделения, делаем выделение и заполняем его белым цветом.

Устанавливаем непрозрачность слоя с отражением 20%.

Последним шагом нужно сделать черную рамку вокруг юзербара. Для этого создаем новый слой, выделяем всю область юзербара и заходим в «Выделение – Граница», в появившемся окне надо установить 1px. Теперь нужно заполнить получившееся выделение черным цветом.

Юзербар Гимпа готов. Если хотите, можете использовать этот (или другой) юзербар на форумах.

Метки: Web 2.0, выделение, градиент, юзербар.

Уроки: ← предыдущий следующий →