UserBars.ru

[Jampire]

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

• размер 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) и выбираем Правка-Обвести выделенное... Настраиваем как на картинке и обводим



Сохраняем наш юб под расширениями xcf (рабочий файл гимпа), затем в png.

Вот и все. Успехов.

Урок переработан и дополнен мной с gimper.ru
_________________

[admin]

[3eJIeHb]

Молодец! Люблю кривую обводку!
_________________
Follow me on VKontakte

если не соблюдать хотя бы размер юзербаров форум превратиться просто в форум с просьбами изготовления картинок разных размеров. © MOOF

[Roler]

Из этого тутора я сделал вывод, что гимп действительно фигня)
Ну и геморр.
А кто-то мне ещё говорил что гимп круче фотошопа.
_________________

[FREEZE]

да ппц мучения то что для ФШ стандарт . .
_________________

[admin]

[Jampire]

И в чем выражается геморр? Некоторые вещи делаются в разы легче, чем в фш.
Единственная проблема - отсутствие стилей текста. Поэтому такие сложности в создании обводки. Все остальное на уровни второго класса среднеобразовательной школы

А уж как гимп взаимодействует с компом по сравнению с фш вобще сказка. Просто летает. И проблем типа "Could not complete your request" и впомине нет))).

ЗЫ. Вся сложность в привычке. Вспомните свои ощущения, когда впервые открыли фш...
_________________

[FREEZE]

Jampire

если ты про то что у меня в подписи то это на работе долбанный ФШ дома никаких лагов почти не было , если что и возникало то устронялось сразу

то на что ты расписал целую страницу тутора в ФШ делается в шагов 5 - 6
_________________

[Roler]

[admin]

[Dark_Ajvengo]

Если чесно вот с таких прог начинать легче. Если бы не мой первый опыт в paint.NET о после установки фш, я бы сразу забил на юзербары. Такие проги полегче фш - не такого огромного количества функций которые путают ночика. А за тутор 5.

[Jampire]

[Roler]

У меня кстати фильтры применяются мгновенно, грузится шоп секунд 15.
Это в основном от компьютера зависит.
Я считаю, что использую если конечно не 80%, но где-то 40%.
Да и нет в гимпе аналога многим фильтрам фотошопа.

А насчёт офиса, я после переустановки винды поставил опенофис. Сейчас качаю мелкомягкий. В чём-то он определённо лучше.

_________________

[admin]

[valeok]

можно устроить конкурс: "ГИМП против фотошопа"; победителю респект и уважуха
ЗЫ: я лично за ГИМП... Написавшему тутор, 5+

[-Undercover-]

ппЦ.Часа на 2 убивать время..Тутор-класс.ГИМП-фигня.

[valeok]

[admin]

[KillProO]

[тhe marazmo]

ну...гемморой действительно порядочный
но всеровно зачёт..ибо ктотоже всётки работает в гимпе D:
PS:
почему йа его раньше тут не видел оО
_________________
[img]C:\Documents and Settings\Гловарь\Мои Документы\Котание Rocstart.jpg[/img]