Свой первый мультфильм в Toon Boom Harmony: Быстрый старт

Курс последовательно обучает созданию 2D-анимации: от первого рисунка и технической подготовки персонажа до настройки движения и финального рендеринга. Вы пройдете путь от чистого листа до готового анимированного ролика.

1. Интерфейс и первый рисунок: освоение базового инструментария и геометрических примитивов

Открывая Toon Boom Harmony впервые, легко почувствовать себя за штурвалом современного авиалайнера. Сотни кнопок, множество панелей, загадочные графики и таймлайны — интерфейс программы, в которой создавались «Симпсоны», «Клаус» и «Рик и Морти», выглядит пугающе профессионально. Возникает ложное ощущение, что для создания первого, даже самого простого рисунка, нужно изучить каждый переключатель. На самом деле, для старта и уверенной работы на начальном этапе вам понадобится ровно четыре базовые панели и три инструмента.

Архитектура рабочего пространства

Профессиональные аниматоры не используют мышь для поиска нужной кнопки в меню — они работают горячими клавишами и фокусируются на холсте. Рабочее пространство Toon Boom по умолчанию разделено на несколько логических зон, из которых сейчас нас интересуют только четыре.

!Базовые зоны интерфейса Toon Boom Harmony

Camera View (Камера / Холст) — это ваше главное рабочее окно, расположенное по центру. В отличие от бесконечных холстов в некоторых программах для иллюстрации, здесь вы сразу видите рамку кадра (обычно это стандартное разрешение пикселей). Всё, что выходит за эту прямоугольную рамку, не попадет в финальный мультфильм.

Для навигации по холсту используется золотой стандарт индустрии:

  • Зажатый пробел + левая кнопка мыши — перемещение холста (Pan).
  • Клавиша 1 — отдаление (Zoom Out).
  • Клавиша 2 — приближение (Zoom In).
  • Tool Properties (Свойства инструмента) — панель, которая делает Toon Boom по-настоящему гибким. Она динамически меняется в зависимости от того, какой инструмент вы выбрали. Если вы взяли кисть, здесь появятся настройки размера и сглаживания. Если выбрали заливку — настройки работы с контурами. Привычка сразу смотреть в эту панель после смены инструмента сэкономит вам десятки часов.

    Colour (Цвет) — это не просто палитра, как в Photoshop. В Toon Boom используется система «связанных палитр» (Linked Palettes). Когда вы создаете цвет, например, «Кожа персонажа», и красите им объект, программа запоминает эту связь. Если позже вы решите, что персонаж должен быть чуть бледнее, вам не придется перекрашивать его заново. Вы просто меняете оттенок в панели Colour, и он автоматически обновляется на всех рисунках и во всех кадрах проекта.

    Timeline (Временная шкала) — панель внизу экрана. Пока мы не занимаемся анимацией, она нужна нам исключительно как менеджер слоев. Здесь вы можете создавать новые слои для рисования, блокировать их (иконка замка) или скрывать (иконка глаза).

    Анатомия линии: Кисть против Карандаша

    В большинстве графических редакторов кисть и карандаш отличаются лишь текстурой. В Toon Boom Harmony разница между ними фундаментальна и лежит в основе всей механики цифровой анимации. Toon Boom — векторная программа. Это значит, что линия здесь — это не набор пикселей, а математическая формула, описывающая кривую между контрольными точками.

    Инструмент Brush (Кисть) создает векторный контур. Когда вы проводите линию кистью, программа генерирует замкнутую форму, граница которой состоит из точек.

  • Плюсы: Кисть реагирует на силу нажатия стилуса. Линия может сужаться и расширяться, создавая живой, органичный рисунок.
  • Минусы: Так как линия является формой с заливкой внутри, ее сложнее редактировать. Если вы захотите изменить изгиб линии, вам придется двигать точки на обеих сторонах контура.
  • Инструмент Pencil (Карандаш) создает векторный скелет (центральную линию). Это просто невидимая математическая кривая (сплайн), на которую программа «надевает» заданную толщину.

  • Плюсы: Идеально для чистовой обводки (Clean-up). Линия имеет постоянную толщину. Чтобы изменить форму изгиба, достаточно потянуть за одну центральную точку.
  • Минусы: Лишена живости и вариативности толщины (без применения специальных дополнительных модификаторов).
  • !Сравнение векторных точек Кисти и Карандаша

    Для понимания разницы представьте шланг. Кисть рисует внешние стенки этого шланга, а Карандаш — тонкую проволоку, проходящую ровно по его центру.

    Управление формой: Черная и Белая стрелки

    Нарисовав линию, вы можете ее изменить. Для этого на панели инструментов есть две разные стрелки.

    | Инструмент | Функция | Применение | | :--- | :--- | :--- | | Select (Черная стрелка) | Выделяет объект целиком. | Перемещение, масштабирование, вращение нарисованного элемента (например, глаза или руки). | | Contour Editor (Белая стрелка) | Выделяет отдельные векторные точки. | Точечное изменение формы. Позволяет потянуть за изгиб линии, удлинить ее край или изменить кривизну через «усики» Безье. |

    Один из важнейших параметров в Tool Properties для рисующих инструментов — Centerline Smoothing (Сглаживание). Если ваша рука дрожит при рисовании на планшете, увеличение этого параметра заставит программу автоматически выравнивать линию после того, как вы оторвете стилус от экрана. Для начала рекомендуется ставить значение сглаживания в диапазоне от до .

    Заливка и невидимые границы

    Инструмент Paint (Заливка) в векторной среде работает по принципу заливки замкнутых областей. Вы выбираете цвет, кликаете внутрь нарисованного круга, и он заполняется цветом. Но на практике, особенно при рисовании живой линией, контуры часто имеют микроскопические разрывы.

    В растровой программе заливка вытекла бы через этот разрыв на весь холст. В Toon Boom для решения этой проблемы есть параметр Close Gap (Закрыть зазор), который находится в панели Tool Properties при выбранном инструменте Paint.

    !Работа параметра Close Gap при заливке контура

    Программа умеет виртуально достраивать невидимые линии между концами разорванного контура. Вы можете настроить размер зазора, который программа будет игнорировать:

  • Close Small Gap: закрывает только едва заметные щели.
  • Close Medium Gap: стандартный режим для большинства набросков.
  • Close Large Gap: позволяет заливать формы даже с явными дырами в контуре.
  • Если заливка все равно не срабатывает, используйте инструмент Stroke (горячая клавиша Alt + V). Он позволяет нарисовать невидимую векторную линию, которая замкнет контур, но не будет видна на финальном рендере.

    Практика: Конструирование первого персонажа

    Чтобы закрепить теорию, мы создадим простого персонажа — робота-помощника. Мы намеренно используем геометрические примитивы, чтобы сфокусироваться на инструментах, а не на навыках академического рисунка. Любой сложный персонаж в анимации всегда разбивается на простые формы: сферы, цилиндры и кубы.

    Шаг 1: Базовые формы туловища и головы Вместо того чтобы рисовать ровные круги от руки, найдите на панели инструментов иконку прямоугольника (Shape Tool). Зажмите левую кнопку мыши на ней, чтобы открыть выпадающее меню, и выберите Ellipse (Эллипс).

  • В панели Colour создайте новый цвет (нажмите плюс) и назовите его «Контур». Сделайте его темно-синим.
  • Нарисуйте большой горизонтальный овал — это будет туловище нашего робота.
  • Выберите инструмент Rectangle (Прямоугольник) и нарисуйте квадрат сверху — это голова.
  • Возьмите черную стрелку (Select), выделите голову и переместите ее так, чтобы она слегка пересекала туловище.
  • Шаг 2: Конечности с помощью Карандаша Для рук и ног нам нужны линии одинаковой толщины.

  • Выберите инструмент Pencil. В панели Tool Properties установите размер (Size) на .
  • Нарисуйте две прямые линии вниз от туловища (ноги) и две линии по бокам (руки).
  • Если линия получилась кривой, возьмите белую стрелку (Contour Editor), кликните по линии и потяните за появившиеся точки, чтобы выровнять ее.
  • Шаг 3: Детализация Кистью Теперь добавим живости с помощью инструмента Brush.

  • Выберите кисть. Убедитесь, что у вас включена реакция на нажатие стилуса (иконка мишени в Tool Properties).
  • Нарисуйте внутри квадратной головы два больших круглых глаза. Благодаря кисти, линия будет живой — где-то толще, где-то тоньше.
  • Нарисуйте небольшую антенну на макушке робота.
  • Шаг 4: Работа с цветом и заливкой Пришло время оживить контур.

  • В панели Colour создайте три новых цвета: «Корпус_Основной» (светло-серый), «Глаза» (ярко-желтый) и «Фон» (любой контрастный цвет).
  • Выберите инструмент Paint.
  • В панели Tool Properties убедитесь, что включена опция Close Medium Gap.
  • Выберите цвет «Корпус_Основной» и кликните внутрь туловища и головы.
  • Выберите цвет «Глаза» и залейте глаза.
  • Нюанс пересечения форм: Вы заметите, что в месте, где квадратная голова пересекает овальное туловище, осталась линия контура. В анимации такие внутренние линии часто удаляют для создания единой формы. Чтобы сделать это, выделите черной стрелкой линию, которая находится внутри залитой области, и нажмите Delete. Поскольку мы работаем в векторе, удалится только выделенный сегмент, а заливка автоматически сольется в единое пятно.

    Ваш первый персонаж готов. Вы использовали базовые инструменты навигации, поняли принципиальную разницу между кистью и карандашом, поработали с векторными точками и применили умную заливку. Этот простой робот состоит из тех же программных элементов и математических кривых, что и сложнейшие персонажи полнометражных 2D-мультфильмов. Понимание того, как программа интерпретирует линию и заливку — это фундамент, на котором будет строиться вся дальнейшая работа с марионетками и покадровой анимацией.