вход или регистрация

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

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

Успехов!

18 августа 2011 37

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

Макс Шевченко

Метки: контуры, инструменты, интерфейс.

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

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 в 12:16Личное сообщение

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

0

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

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

0

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

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

0

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

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

0

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

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

0
онлайн

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

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

1

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

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

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

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

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

Имитация карандашного рисунка. N-ая попытка
Очередная попытка преобразовать фото в рисунок. Внимание, плагины!

Добавляем снег на фото
Данный урок является моим как бы прощанием с зимой. Адаптация.

Луч света в темноте (адаптация)
Урок по созданию иллюстрации при активном использовании градиента.

Эффектное появление аватара (адаптация)
Маловато у нас анимации, поэтому решил добавить такой урок, может кому-то пригодится.

Фото в стиле Рариндры Пракарса. Золотое фото
Урок по пост-обработке фотографий в одном из стилей известного индонезийского фотографа.

Кисти

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

Похожие страницы

Описание редактора
Про Гимп

GIMP 2.4 (обзор версии)
Про Гимп

Будущее GIMP
Про Гимп

GIMP 2.6 (обзор версии)
Про Гимп

GIMP 2.8
Про Гимп

Оценка урока

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

9170+243
Комментариев