GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Инструмент "Контуры" в GIMP

Главная Уроки Инструмент "Контуры" в GIMP

Для начала теория:

«Кривые 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 файла с помощью диалога „Контуры“»

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

Успехов!


55

В избранном у 55 человек:

Метки: , , .

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

27 комментариев

7

Пользователь #3783Даниил Строчек22 августа 2011 в 00:56Личное сообщение

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

0

Пользователь #3524Дмитрий Шерстобитов22 августа 2011 в 10:26Личное сообщение

Для новичков будет полезно

5

Пользователь #2929Максим Фёдоров22 августа 2011 в 10:32Личное сообщение

люто, бешено плюсую
если честно, не знал что контрлом можно контур замыкать :D

1

Пользователь #2560зло22 августа 2011 в 10:59Личное сообщение

вот это урок!!! долго ждала. спасибо

3

Пользователь #1812Макс Шевченко22 августа 2011 в 14:37Личное сообщение

Филипп, одну ошибку за черт знает сколько времени можно простить?)))

2

Пользователь #4Андрей Сидоров22 августа 2011 в 17:03Личное сообщение

Макс, а как анимацию делал? Еще и с курсором.

0

Пользователь #1Филипп Ткачёв22 августа 2011 в 17:44Личное сообщение

Макс, эта ведь ссылка не только для вас одного ;)

2

Пользователь #4Андрей Сидоров22 августа 2011 в 17:47Личное сообщение

Филипп, придираешься, я считаю. Может быть, что это просто опечатка.

2

Пользователь #1812Макс Шевченко22 августа 2011 в 18:12Личное сообщение

Андрей, эта часть отняла наибольшую часть времени. Хотя чисто технически все просто: записывал действие Snagit`ом, затем вытаскивал нужные кадры и соединял их в анимацию (уже в GIMP`е).

1

Пользователь #4Андрей Сидоров22 августа 2011 в 18:14Личное сообщение

Вот это я понимаю подход к уроку)

2

Пользователь #4663Аля Юн22 августа 2011 в 20:33Личное сообщение

Ээээ слов нет, идеально составленный урок. Что еще сказать, само то что нужно.
Все предельно ясно и доступно написано, без лишних заморочек. Мне очень помог, многое объяснил, спасибо лично вам и сайту за такую возможность.

Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.

1

Пользователь #4345Настя Антипова22 августа 2011 в 22:19Личное сообщение

ух ты... голова идёт кругогм, когда представляю, сколько потребовалось времени на анимации... 6 с плюсом. Много узнала из этого урока.

1

Пользователь #1812Макс Шевченко22 августа 2011 в 22:40Личное сообщение

Времени на скриншоты потребовалось 3 часа 27 минут..) Но это на все скриншоты.

1

Пользователь #3637Инна Подзорова23 августа 2011 в 08:29Личное сообщение

Отличный урок. Я в нём узнала много нового. Кстати, очень хорошо, что вы написали по выделение в контур и контур в выделение. Мне, допустим, это требовалось много раз. Спасибо за урок!

1

Пользователь #3851Лилия Болощева26 августа 2011 в 15:02Личное сообщение

Макс,оформление урока просто суперское !!
Я в восторге....
Многим пригодиться...
Потрясающе)))

1

Пользователь #3590Валерия Иванова29 августа 2011 в 22:33Личное сообщение

Давно все ждали урока о таком инструменте, как контуры. Он вышел замечательным, очень полезным и понятным даже для новичков. Большое спасибо

1

Пользователь #1812Макс Шевченко30 августа 2011 в 00:21Личное сообщение

Он и был написан, в первую очередь, для новичков..) Рад, что помог в освоении.

3

Пользователь #4857Евгений Тимченко7 сентября 2011 в 16:21Личное сообщение

Вот вместо 100500 уроков про то, "как сделать гламурные букоффки" можно просто пройти этот урок и дальше экспериментировать уже самому.
Спасибо Максу за сэкономленное время и ответственное отношение к созданию контента сайта.

1

Пользователь #4751Максим Баженов31 октября 2011 в 13:16Личное сообщение

Спасибо большое, я обучился управлением контурами благодоря именно этому уроку. Пишу этот комментарий только через месяц, потому-что
тогда у меня небыло времени, а затем забыл. Кстати, сегодня перечитал урок внимательно и узнал что контур тоже можно добавить в текущее выделение, вычесть из него и т.д.
Короче суперский урок!

0

Пользователь #5290Лера Семикина31 октября 2011 в 13:20Личное сообщение

Спаибо, познавательный урок) Я тоже с контурами не в ладах была

0

Пользователь #5290Лера Семикина31 октября 2011 в 13:26Личное сообщение

Вот смотрю я на панель инструментов в скриншоте 1 и думаю, какая же это версия Гимпа? У меня в 2.6 нет последних четырёх инструментов.

0

Пользователь #4751Максим Баженов31 октября 2011 в 15:44Личное сообщение

Эти инструменты добавляются в практически любой версии. Зайдите в Окна>Прикрепляющейся диалоги>Инструменты. кликните по серому фону справа от надписей "Обесцвечивание","Цветовой баланс","Тон-насыщенность","Яркость-контраст","Уровни","Кривые" и "Операция GEGL". Рядом с ними должен появиться глазик. Теперь можно убрать это окно, а ваша панель иструментов будет как у Макса.

0

Пользователь #4751Максим Баженов31 октября 2011 в 15:45Личное сообщение

...кликните по серому фону справа от надписей...
____
Извеняюсь не справа, а слева!

0

Пользователь #1812Макс Шевченко31 октября 2011 в 16:15Личное сообщение

Максим, все гораздо проще.. Это следствие установки плагина GPS.

1

Пользователь #5758Юлия Кустова31 октября 2011 в 17:44Личное сообщение

Спасибо! Хоть буду теперь знать, как правильно эти контуры замыкаются. Я ведь их только недавно начала осваивать, и последнюю конечную точку просто поверх первой накладывала безо всяких Ctrl... -_-"

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

Фото-обработка. Фото в стиле «Высокий ключ»
Ещё один способ создания известного эффекта, без плагинов, но с каналами.

Фото-обработка. Портрет в стиле beauty
Как обычно, адаптация, но в этот раз видео-урока. Он простой и без плагинов, работать будем, в основном, с масками и режимами наложения.

Каменное сердце
Очередная адаптация очередной фотоманипуляции. Цветокоррекция, плагины и прочие вкусности в наличии.

Прозрачные руки на лице
Урок-ответ, в котором мы создадим полупрозрачный facepalm.

Лицо-спираль
Очередной урок с издевательством над фотографией знаменитости. Нет, на этот раз не Бибер.

Кисти

Cursor Handwriting Outlined Blue Prints 1 GIMP Brush GIMP Brush Кельтбраслет
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Оценка урока

«Инструмент "Контуры" в GIMP» получил оценку 4.95 на основе 22 голосов.

13876+0
Комментариев

вверх