Как утолщить контур наружу, сохранив внутренние детали
Чтобы утолщить контур персонажа, не закрывая глаза, отметины и другие внутренние детали, измените только внешний силуэт. Для замкнутой векторной фигуры используйте обводку, выровненную снаружи. Для растрового изображения расширьте выделение силуэта и залейте его на отдельном слое под исходным персонажем.
В этом руководстве рассматривается редактирование изображений персонажей во внешних графических редакторах: Illustrator для векторных фигур и GIMP для растровых изображений. Практическая цель — сделать внешнюю границу толще, сохранив исходные внутренние элементы на месте.
Определите, какую границу нужно утолщить
Прежде чем менять толщину, решите, хотите ли вы усилить существующий контур тела или добавить рамку вокруг всего собранного персонажа. Для этих задач могут потребоваться разные исходные фигуры.
Например, персонаж может состоять из залитого тела, отдельных глаз, декоративных пятен и отсоединённого аксессуара. Если нужно увеличить только контур тела, выделите его внешний край. Если рамка должна окружать персонажа целиком, подготовьте отдельный силуэт из тех элементов, которые должны оказаться внутри рамки.
Перед редактированием воспользуйтесь этой таблицей:
| Условие изображения | Подходящий исходный метод | Что проверить |
|---|---|---|
| Одна замкнутая векторная фигура тела | Обводка, выровненная снаружи | Выравнивание существующей обводки |
| Несколько векторных элементов тела | Отдельный силуэт под изображением | Нежелательные границы между элементами |
| Залитый растровый персонаж на прозрачном фоне | Расширенное выделение силуэта под изображением | Прозрачные отверстия и полупрозрачные края |
| Растровый рисунок, состоящий только из линий | Сначала подготовить залитый силуэт | Просветы между внутренними линиями |
Это различие для растровых изображений важно, потому что команда GIMP «Альфа-канал в выделение» учитывает непрозрачность: непрозрачные области выделяются полностью, прозрачные не выделяются, а полупрозрачные выделяются частично. Поэтому слой только с глазами и линиями контура не даёт такого же выделения, как залитый силуэт персонажа. Руководство GIMP: «Альфа-канал в выделение»
Сохраните нетронутую копию изображения. По возможности отделите рамку от лица и декоративных деталей: так будет проще менять силуэт, не выделяя каждый элемент заново.
Используйте обводку с выравниванием снаружи для замкнутой векторной фигуры
В Illustrator выравнивание снаружи — подходящий вариант, если силуэт персонажа представляет собой замкнутый контур. Adobe описывает выравнивание обводки для замкнутых контуров, не входящих в группы Live Paint. Adobe Illustrator: применение цвета, толщины и выравнивания обводки
- Выберите только внешний контур тела персонажа.
- Откройте Окно → Обводка.
- Задайте цвет и толщину обводки.
- Выберите Выровнять обводку по внешнему краю.
- Проверьте углы и при необходимости измените тип соединения.
Эти параметры задают толщину и положение обводки относительно выбранного контура. Округлённые соединения смягчают углы, скошенные — срезают их, а соединения с остриём образуют острые вершины. Для персонажа с мягкими округлыми формами сначала попробуйте округлённые соединения, а затем сравните результат с исходным контуром. Adobe Illustrator: параметры обводки
При выравнивании снаружи обводка располагается за пределами фигуры, оставляя внутри больше места. Однако изменение выравнивания может изменить вид существующей обводки. Если нужно в точности сохранить исходную обводку, выровненную по центру, оставьте её без изменений и поэкспериментируйте с отдельным силуэтом под ней. Adobe Learn: изменение цвета и обводок
Не выбирайте лицо и тело вместе, применяя новую толщину. Утолщение всех выбранных контуров может изменить внутренние детали, даже если внешний контур выглядит правильно.
Создайте растровый контур под исходным изображением персонажа
В GIMP в качестве источника выделения используйте залитую фигуру персонажа на прозрачном фоне. Не включайте фоновый слой в выделение. Если изображение состоит только из отдельных линий, сначала создайте отдельный залитый силуэт, повторяющий нужный внешний контур.
Процесс сочетает три описанные операции: выделение непрозрачности персонажа, увеличение выделения и заливку расширенной области на новом слое. Команда GIMP «Увеличить» находится в меню Выделение → Увеличить; по умолчанию единица измерения — пиксели. Руководство GIMP: «Увеличить»
- Выберите слой с залитой фигурой персонажа или подготовленным силуэтом.
- Выберите Слой → Прозрачность → Альфа-канал в выделение.
- Выберите Выделение → Увеличить и задайте нужное расширение наружу, например 3 пикселя для иллюстрации.
- Выберите Слой → Создать слой, назовите его
Outer outlineи задайте заливку Прозрачность. Убедитесь, что его размеры позволяют вместить расширенное выделение. - Переместите
Outer outlineпод все исходные элементы персонажа, но над любым фоном. - Задайте цвет контура как основной цвет.
- Когда слой
Outer outlineактивен, а выделение всё ещё создано, выберите Правка → Залить основным цветом. - Снимите выделение и проверьте результат.
GIMP создаёт новый слой над выбранным, поэтому в этой последовательности важно явно переместить контур под исходное изображение. В диалоговом окне создания слоя можно также задать размеры и параметры заливки. Руководство GIMP: «Новый слой»
Команда «Залить основным цветом» заполняет активное выделение основным цветом. Убедитесь, что выделение всё ещё активно: без него команда зальёт весь активный слой. Руководство GIMP: «Залить основным цветом»
Расширенная заливка уходит под персонажа. Непрозрачное изображение сверху скрывает перекрывающуюся часть, оставляя добавленный контур видимым по внешнему краю. Прозрачные отверстия нужно проверить отдельно: через них может быть виден слой контура.
Выберите толщину с учётом итогового размера отображения
Выбирайте толщину контура с учётом размера, в котором персонаж будет отображаться. На большом рабочем холсте сдержанная обводка после уменьшения может стать едва заметной.
Вот пример расчёта, а не универсальная рекомендация: предположим, ширина подготовленного персонажа — 512 пикселей, а отображаться он будет шириной 128 пикселей. Коэффициент масштабирования равен 128 ÷ 512 = 0,25. Расширение наружу на 8 пикселей в рабочем изображении после пропорционального уменьшения составит примерно 2 пикселя.
В этом примере начните с растрового расширения на 8 пикселей, просмотрите уменьшенный результат и скорректируйте значение. Для векторного изображения проверьте персонажа в предполагаемом размере вывода, прежде чем окончательно задавать толщину обводки.
Также проверьте близко расположенные просветы. В идеальном случае прямого просвета расширение на 3 пикселя с каждой из двух обращённых друг к другу сторон уменьшит его на 6 пикселей. От просвета шириной 8 пикселей останется примерно 2 пикселя. Этот простой расчёт помогает определить, где контур может соединить отдельные части; криволинейные края и отображение пикселей всё равно нужно проверить визуально.
Сохраните просветы, углы и прозрачные детали
Расширение наружу сохраняет непрозрачные внутренние элементы, если добавленная фигура находится под ними. Однако оно может изменить негативное пространство: просвет между двумя частями относится к окружающей пустой области, поэтому расширение в эту область сужает просвет.
Решите, должен ли каждый просвет остаться открытым. Если узкий просвет важен для формы персонажа, уменьшите толщину контура или локально отредактируйте его силуэт. Если прозрачное отверстие внутри должно остаться совершенно неизменным, исключите его из слоя контура, а не рассчитывайте на то, что верхнее изображение его закроет.
Полупрозрачные детали требуют такого же внимания. Поскольку команда «Альфа-канал в выделение» создаёт частичное выделение для полупрозрачных областей, их края ведут себя иначе, чем полностью непрозрачный силуэт. Просмотрите контур на предполагаемом фоне и проверьте, не проступает ли его цвет. Руководство GIMP: «Альфа-канал в выделение»
Углы также зависят от выбранного метода. В Illustrator можно выбрать тип соединения, а в документации GIMP указано, что увеличение прямоугольного выделения создаёт скруглённые углы. Если форма угловых аксессуаров важна для дизайна, проверьте их отдельно. Adobe Illustrator: соединения обводки, Руководство GIMP: «Увеличить»
Убедитесь, что изменился только нужный контур
Сравните отредактированного персонажа с нетронутой копией в одинаковом положении и масштабе. Сначала осмотрите внутренние детали, затем внешний край. Так легче заметить изменение глаза или отметины до того, как внимание отвлечёт более толстый контур.
- Изменились внутренние детали: Проверьте, не получили ли эти объекты новую обводку и не находится ли слой контура над ними.
- У маленьких элементов появились отдельные границы: Проверьте, не состояло ли исходное выделение из отдельных линий вместо залитого силуэта.
- Просветы стали уже: Уменьшите расширение или измените контур вокруг этих просветов.
- Углы выглядят слишком острыми или округлыми: Проверьте тип соединения или геометрию силуэта.
- Контур обрывается: Проверьте границы холста, слоя или экспорта и оставьте достаточно места вокруг изображения.
Наконец, проверьте экспортированное изображение в предполагаемом размере отображения. Сохраните редактируемый оригинал и отдельный слой контура, чтобы позже изменить его толщину. В готовом результате внешний край должен стать выразительнее, просветы — остаться различимыми, а внутренние детали — сохраниться.