ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Инструмент "Контуры"
Для начала теория:
«Кривые GIMP принадлежат к математическому типу, называемому «Кривые Безье». Практическими терминами это означает, что они определяются управляющими точками и рычагами. «Управляющая точка» это точка, через которую проходит контур. «Рычаги» определяют направление контура когда он входит или покидает управляющую точку: каждая точка имеет два прикреплённых к ней рычага." ©
А теперь приступим непосредственно к разбору, более практическому и, надеюсь, не менее понятному. Для тех, кто не знает: ЛКМ и ПКМ — левая и правая кнопки мыши соответственно.
Создание
Вот он, наш сегодняшний герой:

Также этот инструмент можно выбрать, зайдя в Инструменты > Контуры или нажав «горячую клавишу» B при английской раскладке.
Контуры бывают двух видов:
- замкнутые (А)
- незамкнутые (Б)

Давайте создадим простенький незамкнутый контур. Для этого расставим управляющие точки (далее я их буду называть просто «точки»), кликая ЛКМ на нужном месте:

Точки любого созданного контура можно перемещать, просто хватая их ЛКМ и перетаскивая. Указатель мыши в этом случае выглядит так:

Теперь замкнем наш контур. Для этого кликом выбираем любую из двух конечных точек, зажимаем Ctrl, а затем кликаем ЛКМ на другой конечной точке:

Внимание:
- Замкнуть контур можно, используя только (!) конечные точки.
- Зажатая при постановке точки клавиша Shift позволяет создавать отдельные управляющие точки, не соединенные прямыми.
- При включенной галочке «Многоугольник» контур будет создаваться только из прямолинейных отрезков, которые нельзя будет изгибать.
- Любой созданный контур сохраняется во вкладке «Контуры».
Редактирование
Редактировать контур можно, изгибая его. Для этого как раз и необходимы рычаги, управляющие кривизной линий между точками (эти линии назовем сегментами). В каждой точке находится 2 рычага.
Чтобы изогнуть прямолинейный сегмент дугой, достаточно просто схватить этот сегмент ЛКМ и перетащить:

В этом случае, как вы можете видеть, появляется только 2 рычага, по одному от каждой точки. Оставшиеся два (они уже немного видны) находятся в самих точках.
Теперь мы можем изгибать нашу дугу, управляя рычагами. Для этого наводим курсор на нужный рычаг, зажимаем ЛКМ и перетаскиваем:

Давайте обратимся к двум верхним точкам

Как видите, рычагов у них не видно. Значит, нужно их вытащить. Можно это сделать как описано выше, но давайте попробуем так: зажмем Ctrl, наведем курсор на любую из этих точек и, зажав ЛКМ, вытянем из нее рычаги:

Проделав похожую операцию со второй точкой, я получил вот такой контур:

Порой бывает необходимо добавить одну или несколько точек в уже существующий сегмент. Делается это элементарно: зажимаем Ctrl и ЛКМ расставляем точки в нужном месте сегмента.

Теперь с ними можно работать, как и с другими управляющими точками.
Ну и, наконец, если вам нужно переместить готовый контур в другое место изображения, то зажимаем Alt, наводим курсор на любую часть контура и, зажав ЛКМ, перетаскиваем контур:

Обводка
Пока что созданный нами контур — это просто контур и не более, он никак не отобразится на итоговом изображении. Чтобы ему
На скриншотах ниже показаны основные способы, как можно вызвать меню обводки:


После использования любого из этих способов мы увидим окно, позволяющее нам настроить стиль обводки, а также то, чем это может быть выполнено

Ниже показан наш контур, обведенный различными способами: одним цветом (А), текстурой (Б), кистью (В), аэрографом (Г)

Взаимодействие с выделением
Как выделение легко превращается в контур, так и контур можно спокойно преобразовать выделение. Для первого случая нужно зайти в Выделение > В контур.
Для второго есть несколько способов, показанных на скриншотах:


Также это можно сделать, прогулявшись в Выделение > Из контура, или нажав комбинацию Shift+V.
Если вы пожелаете превратить в выделение незамкнутый контур, то программа сама соединит по прямой конечные точки контура, там самым замкнув выделение

Небольшой, но важный аспект: любая информация о частично выделенных областях (растушевка
Взаимодействие с текстом
Созданный текст можно преобразовать в контур, нажав на текстовом слое в списке ПКМ и выбрав в появившемся меню «Текст в контур».

При выборе пункта «Текст по контуру», написанный текст исказится, следуя уже созданному контуру


Взаимодействие с svg
Вот здесь я приношу свои извинения и позволю себе внаглую скопировать раздел из «Руководства пользователя», поскольку не смогу более понятно и детально рассмотреть данный вопрос, всвязи с отсутствием опыта работы с векторными редакторами.
«SVG означает „Scalable Vector Graphics“ — „Масштабируемая векторная графика“, набирающий всё болшую популярность формат файлов векторной графики, в котором графические элементы представлены в независимом от разрешения формате, в противоположность растровой графике, в которой графические элементы представлены массивом точек. GIMP является в основном программой обработки растровой графики, но контуры представляют собой векторные элементы.
К счастью, контуры представлены в файлах SVG почти также, как они представлены в GIMP. (В действительности удача здесь не причём: поведение контуров GIMP’а было переписано для GIMP 2.0 по памяти из контуров SVG.) Эта совместимость позволяет сохранять контуры GIMPа как SVG файлы без потери
Также это означает, что GIMP может создавать контуры из SVG файлов, сохранённых в других программах, таких как Inkscape или Sodipodi, двух популярных программ векторной графики с открытым кодом. Это хорошо, поскольку эти программы имеют намного более мощные чем в GIMP инструменты для манипуляций с контурами. Вы можете импортировать контур из SVG файла с помощью диалога „Контуры“»
Ну, вот и все, что я хотел рассказать вам об этом замечательном инструменте. Жду конструктивной критики и дельных дополнений.
Успехов!
Уроки: ← предыдущий следующий →
27 комментариев
Дмитрий Шерстобитов22 августа 2011 в 10:26Личное сообщение
Для новичков будет полезно
Максим Фёдоров22 августа 2011 в 10:32Личное сообщение
люто, бешено плюсую
если честно, не знал что контрлом можно контур замыкать :D
зло22 августа 2011 в 10:59Личное сообщение
вот это урок!!! долго ждала. спасибо
Макс Шевченко22 августа 2011 в 14:37Личное сообщение
Филипп, одну ошибку за черт знает сколько времени можно простить?)))
Андрей Сидоров22 августа 2011 в 17:03Личное сообщение
Макс, а как анимацию делал? Еще и с курсором.
Филипп Ткачёв22 августа 2011 в 17:44Личное сообщение
Макс, эта ведь ссылка не только для вас одного ;)
Андрей Сидоров22 августа 2011 в 17:47Личное сообщение
Филипп, придираешься, я считаю. Может быть, что это просто опечатка.
Макс Шевченко22 августа 2011 в 18:12Личное сообщение
Андрей, эта часть отняла наибольшую часть времени. Хотя чисто технически все просто: записывал действие Snagit`ом, затем вытаскивал нужные кадры и соединял их в анимацию (уже в GIMP`е).
Андрей Сидоров22 августа 2011 в 18:14Личное сообщение
Вот это я понимаю подход к уроку)
Аля Юн22 августа 2011 в 20:33Личное сообщение
Ээээ слов нет, идеально составленный урок. Что еще сказать, само то что нужно.
Все предельно ясно и доступно написано, без лишних заморочек. Мне очень помог, многое объяснил, спасибо лично вам и сайту за такую возможность.
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Настя Антипова22 августа 2011 в 22:19Личное сообщение
ух ты... голова идёт кругогм, когда представляю, сколько потребовалось времени на анимации... 6 с плюсом. Много узнала из этого урока.
Макс Шевченко22 августа 2011 в 22:40Личное сообщение
Времени на скриншоты потребовалось 3 часа 27 минут..) Но это на все скриншоты.
Инна Подзорова23 августа 2011 в 08:29Личное сообщение
Отличный урок. Я в нём узнала много нового. Кстати, очень хорошо, что вы написали по выделение в контур и контур в выделение. Мне, допустим, это требовалось много раз. Спасибо за урок!
Лилия Болощева26 августа 2011 в 15:02Личное сообщение
Макс,оформление урока просто суперское !!
Я в восторге....
Многим пригодиться...
Потрясающе)))
Валерия Иванова29 августа 2011 в 22:33Личное сообщение
Давно все ждали урока о таком инструменте, как контуры. Он вышел замечательным, очень полезным и понятным даже для новичков. Большое спасибо
Макс Шевченко30 августа 2011 в 00:21Личное сообщение
Он и был написан, в первую очередь, для новичков..) Рад, что помог в освоении.
Евгений Тимченко7 сентября 2011 в 16:21Личное сообщение
Вот вместо 100500 уроков про то, "как сделать гламурные букоффки" можно просто пройти этот урок и дальше экспериментировать уже самому.
Спасибо Максу за сэкономленное время и ответственное отношение к созданию контента сайта.
Максим Баженов31 октября 2011 в 12:16Личное сообщение
Спасибо большое, я обучился управлением контурами благодоря именно этому уроку. Пишу этот комментарий только через месяц, потому-что
тогда у меня небыло времени, а затем забыл. Кстати, сегодня перечитал урок внимательно и узнал что контур тоже можно добавить в текущее выделение, вычесть из него и т.д.
Короче суперский урок!
Лера Семикина31 октября 2011 в 12:20Личное сообщение
Спаибо, познавательный урок) Я тоже с контурами не в ладах была
Лера Семикина31 октября 2011 в 12:26Личное сообщение
Вот смотрю я на панель инструментов в скриншоте 1 и думаю, какая же это версия Гимпа? У меня в 2.6 нет последних четырёх инструментов.
Максим Баженов31 октября 2011 в 14:44Личное сообщение
Эти инструменты добавляются в практически любой версии. Зайдите в Окна>Прикрепляющейся диалоги>Инструменты. кликните по серому фону справа от надписей "Обесцвечивание","Цветовой баланс","Тон-насыщенность","Яркость-контраст","Уровни","Кривые" и "Операция GEGL". Рядом с ними должен появиться глазик. Теперь можно убрать это окно, а ваша панель иструментов будет как у Макса.
Максим Баженов31 октября 2011 в 14:45Личное сообщение
...кликните по серому фону справа от надписей...
____
Извеняюсь не справа, а слева!
Макс Шевченко31 октября 2011 в 15:15Личное сообщение
Максим, все гораздо проще.. Это следствие установки плагина GPS.
Юлия Кустова31 октября 2011 в 16:44Личное сообщение
Спасибо! Хоть буду теперь знать, как правильно эти контуры замыкаются. Я ведь их только недавно начала осваивать, и последнюю конечную точку просто поверх первой накладывала безо всяких Ctrl... -_-"
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- купить ноутбук в москве, каталог товаров информация.
Информация по уроку
Добавил урок:
Макс Шевченко
Выполнено в GIMP 2.6.11
Опубликовано 18 августа 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
GIMP 2.4 (обзор версии)
Про Гимп
Будущее GIMP
Про Гимп
GIMP 2.6 (обзор версии)
Про Гимп
GIMP 2.8
Про Гимп
Вопросы
Как прикрепить панель параметров к панели инструментов?
Оценка урока
«Инструмент "Контуры"» получил оценку 4.95 на основе 22 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →







Имитация карандашного рисунка. N-ая попытка
Добавляем снег на фото
Луч света в темноте (адаптация)
Эффектное появление аватара (адаптация)
Фото в стиле Рариндры Пракарса. Золотое фото

За урок благодарен. Меня по началу бесили контуры потому что были мне непонятны, а теперь всё отлично. Спасибо.