Тутор по векторам в GIMP'е

1) Подготовка.
1.1) Открываем подложку с которой будем делать векторы. Можно и без нее, но с ней нагляднее получается. Мы будем в качестве подложки использовать логотип родного Винграда.

Присоединённый файл ( Кол-во скачиваний: 1 )
 logo.gif

1.2) Сразу сохраняем файл. Но не в gif'е, а в "родном" для GIMP'а формате - xcf.
1.3) Немного увеличим размер холста и выровняем логотип по середине чтобы все влезло.

Присоединённый файл ( Кол-во скачиваний: 1 )
 1.3.png

2) Делаем пути.
В GIMP'е векторные елементы называются траекториями (paths) или для просто ты - путями.

2.1) Делаем путь верхнего завитка.
2.1.1) Выбираем инструмент Путь (Paths - B) и переводим его в режим Design.

Присоединённый файл ( Кол-во скачиваний: 1 )
 path.png

2.1.2) Щелчками выставляем точки пути. При этом автоматически создастся путь. Посмотреть его можно на панели Пути (Paths).

Присоединённый файл ( Кол-во скачиваний: 1 )
 2.1.2.png

2.1.3) Делаем путь закрытым. Для этого щелкните по первой точке пути с нажатым Ctrl.

Вот результат.

Присоединённый файл ( Кол-во скачиваний: 1 )
 2.1.png

2.2) Делаем путь нижнего завитка.
2.2.1) Создадим еще один путь - для нижнего завитка.
2.2.2) Назовем его для ясности Path 2. =)

Присоединённый файл ( Кол-во скачиваний: 1 )
 2.2.2.png

2.2.3) Опять расставим контрольные точки и замкнем путь.

Присоединённый файл ( Кол-во скачиваний: 1 )
 2.2.png

2.3) Подгоняем форму верхнего завитка.
2.3.1) Выбираем путь Path 1. Переводим инструмент Путь в режим Редактирование (Edit).
2.3.2) Чтобы сделать сегмент пути криволинейным нужно щелкнуть по точке левой кнопкой мыши и потянуть. Вы увидите рычаг, изменяющий кривизну сегмента. Может так случиться, что сразу создастся рычаг, изменяющий кривизну другого сегмента, примыкающего к этой точке. Ничего страшного. Просто оттяните его пока что в сторону, чтобы он нам не мешал. Еще раз пробуем - создастся нужный рычаг. Поместите его в нужное место. Так, чтобы кривая соответствовала контуру намеченой обрасти.
Теперь можно удалить ненужный рачаг - щелкните по нему левой кнопкой мыши с нажатой клавишей Shift. Точки пути и соединяющие их сегменты удаляются точно так же.
2.3.3) Выстроим все рычаги так, чтобы получить как можно более точное совпадение пути с контуром завитка на логотипе.

2.4) Подгоняем форму нижнего завитка.
Этот путь в качестве тренировки сами приведите к подобающей форме.

Присоединённый файл ( Кол-во скачиваний: 1 )
 2.3_2.4.png

3) Заливка
Обратите внимание на то, в каком режиме цвета вы работаете. Если вы работаете в режиме индексированой палитры (Indexed...), то заливка получится ступенчатой, без сглаживания. Поэтому мы перейдем в полноцветный режим (RGB).

Присоединённый файл ( Кол-во скачиваний: 1 )
 3.png

3.1) Подготовка.
3.1.1) Для заливки наших путей нам понадобится отдельный слой. На панели Слои (Layers) нажмите кнопку Новый Слой (New Layer...). Назовите его как-нибудь.

Присоединённый файл ( Кол-во скачиваний: 1 )
 3.1.png

3.2) Заливка нижнего завитка.
Начнем с нижнего завитка так как его немножко проще заливать. Далее узнаете почему. ;)

Заливка пути в GIMP'е не привязывается к самому пути, как это происходит во многих других редакторах. Зпливка - это абсолютно растровый элемент. Изменение формы пути не приведет к изменеию формы заливки так как заливка с ним не связана. Это может показаться не очень удебным, но это всего лишь от привычки. ;) Я уверен - вы очень скоро привыкнете к новому методу и, возможно, даже найдете некоторые преимущества данного подхода. =)
3.2.1) Итак. Выбираем путь нижнего завитка . Мы будем работать с ним.
3.2.2) Нажимаем кнопку Путь в Выделение (Path to Selection) или выбираем соответствующий пункт из контекстного меню пути. Так мы выделяем облать для заливки.

Присоединённый файл ( Кол-во скачиваний: 2 )
 3.2.2.png

3.2.3) Выбираем инструвент Заливка (Fill with a color or pattern - Shift+B).

Присоединённый файл ( Кол-во скачиваний: 1 )
 fill.png

3.2.4) Выбираем белый основным цветом инструмента.

Присоединённый файл ( Кол-во скачиваний: 1 )
 3.2.4.png

3.2.5) Щелкаем левой кнопкой мыши по выделеной области. Все, заливка готова.

Присоединённый файл ( Кол-во скачиваний: 1 )
 3.2.5.png

3.3) Заливка верхнего завитка.
Верхний завиток в принципе заливается точно так же. Разница состоит в том лишь, что верхний завиток мы будем заливать градиентой чтобы было вообще красиво. =)

3.3.1) Выбираем путь верхнего завитка.
3.3.2) Выбираем инструмент Градиента (Fill with a color gradient - L).

Присоединённый файл ( Кол-во скачиваний: 1 )
 gradient.png