Создание юзербара в GIMP

Представляю вам свой тутор по созданию юзербаров в свободном графическом редакторе GIMP.
Мы будем создавать классический юзербар. Напомню составляющие такого юзербара:

• размер 350х19
  
• переход градиента
  
• полоски
  
• эмблема
  
• текст
  
• тень под текстом
  
• объем (тут я отступлю от традиции и сделаю прямоугольный объем)
  
• рамка
  

Мы попытаемся создать вот такой юб



Итак, запускаем гимп и создаем документ размером 350х19 с прозрачным фоном



Задаем цвет переднего плана c4c3ff, цвет заднего - белый. Выбираем инструмент Градиент (L)





Настраиваем Градиент как показано на картинке (выбираем тип из Основного в фоновый, кликнуть на прямоугольник с цветом)



Заливаем наш юб слева направо



Создаем новый слой с именем полоски





Приступаем к созданию полосок. Создаем новый документ размером 3х3 с прозрачным слоем. Увеличиваем масштаб до 800%



Выьираем инструмент Карандаш (N). Настраиваем инструмент как показано на рисунке



и рисуем уже привычные полоски



Сохраняем документ под расширением pat в каталог ~/.gimp-2.4/patterns (для линукс) либо C:\Documents and Settings\<Имя пользователя>\.gimp-2.4\patterns\ (для винды)



Документ можно закрыть.
Возвращаемся к нашему юб. Выбираем инструмент Заливка (Shift B) и выставляем настройки как на рисунке. Кликаем на квадратик с изображением паттернов и выбираем только что сохраненные полоски





Затем заливаем наш юб полосками и выставляем Непрозрачность слоя на 20%





Переходим к эмблеме. Я выбрал эмблему дистрибутива Gentoo Linux.
Выбираем Файл->Открыть как слой (Ctrl+Alt+O) и ищем нашу эмблему. При помощи инструментов Перемещение (М) и Масштаб (Shift T) перемещаем и выравниваем картинку









Переходим к тексту. Я использую шрифт visitor_rus.
Пользователи винды, я надеюсь, знают, куда ложить шрифт.
Пользователи линукс ложат шрифт либо в ~/.gimp-2.4/fonts (шрифт доступен только для гимпа), либо в ~/.fonts (шрифт доступен всей системе).
Выбираем инструмент Текст (Т) (новый слой создавать не нужно, он создатся сам) и настраиваем так как показано на рисунке (цвет текста белый)



Щелкаем по юб и в появившемся окошке пишем текст



При помощи инструмента Перемещение (М) выравнниваем текст.

Создаем обводку. Копируем слой с текстом и перемещаем его под оригинал!!!



Выделяем слой-копию, щелкаем правой кнопкой мыши - Слой к размеру изображения, затем там же Альфа-канал -> Выделенная область.Затем выбираем Выделение->Увеличить и увеличиваем выделение на один пиксель.



Затем выбираем инструмент Заливка (Shift B), увеличиваем наш юб до 800% и заливаем выделение черным цветом



Создадим тень к тексту. Выделяем оригинальный слой с текстом и проходим по Фильтры-Свет и тень-Отбрасывемая тень и выставляем такие настройки



Приступаем к объему. Создаем новый слой с именем Объем. Выбираем инструмент Прямоугольное выделение (R) и чертим прямоугольник из координат (0, 0) в (349, 9). Заливаем его белым цветом. Непрозрачность ставим на 20%.



Фильтры-Размывание-Гауссово Размывание ставим на 2



Создаем рамку. Создаем новый слой Рамка. Цвет переднего плана черный. Выделяем весь слой (Ctrl A) и выбираем Правка-Обвести выделенное... Настраиваем как на картинке и обводим