Portable-версия - это альтернативный способ установки программы на операционную систему Windows. В этом случае программа предоставляется в формате архива zip, который не требует запуска инcталлятора.

Преимущества:

• Для установки не требуются права администратора.

• Программа может быть распакована на флешку и запущена прямо с неё.

• Установка программы не оказывает влияния на системные компоненты (системный рестр, системные папки и т.п.)

Недостатки:

• Файлы документов Synfig (с расширением sif и sifz) не будут автоматически открываться в portable-версии по двойному щелчку. Если есть в этом необходимость, то ассоциации файлов необходимо настроить вручную.

На странице загрузки выберите опцию "Windows (zip)" и нажмите кнопку "Скачать".

В открывшемся окне введите свою электронную почту, чтобы скачать программу и подписаться на уведомления о новых версиях. Либо нажмите на нижнюю кнопку, чтобы просто скачать инсталлятор.

После того как загрузка завершится, распакуйте скачанный zip-архив.

Дважды щёлкните файл «synfigstudio.bat», чтобы запустить программу.

Synfig Studio - это бесплатная программа для 2D-анимации с открытым исходным кодом, которая создана чтобы упростить процесс создания мультфильмов, графических иллюстраций и отдельных анимированных элементов (web-анимации, спецэффекты для видео, инфографика и т.п.).

Программа предлагает широкий спектр функций, как для начинающих, так и для опытных пользователей:

• Инструменты для создания векторной графики и анимации.

• Инструменты для комбинирования растровых изображений.

• Автоматическое создание промежуточных кадров для объектов “от одной позиции к другой” (включая векторный морфинг).

• Создание скелетов и определение взаимосвязей между элементами для управления анимацией.

• Набор фильтров для создания визуальных эффектов.

Эти функции позволяют применять программу на следующих этапах производства анимации:

1. Раскрашивание ключевых кадров анимации с сопутствующим созданием промежуточных кадров (векторный твининг).

2. Выполнение совмещения (композитинга) слоёв анимации с сопутствующим добавлением спецэффектов.

3. Создание скелетной анимации с использованием растровых или векторных элементов (компьютерная перекладка).

4. Моушен-дизайн.

Далее, убедитесь что на странице загрузки активна опция "Windows (инсталлятор)" и нажмите кнопку "Скачать".

В открывшемся окне введите свою электронную почту, чтобы скачать программу и подписаться на уведомления о новых версиях. Либо нажмите на нижнюю кнопку, чтобы просто скачать инсталлятор.

После того как загрузка завершится, запустите скачанный exe-файл.

Прочитайте пользовательское соглашения и нажмите кнопку «I agree», чтобы подтвердить согласие с его условиями.

Далее выберите компоненты для установки:

1. FFmpeg – этот компонент необходим для экспорта анимации в форматы видео - avi и mp4.

2. Examples – набор различных примеров, которые показывают возможности программы. Они будут установлены в папку «examples».

3. Start Menu Shortcuts – добавление ярлыка приложения в меню «Пуск».

4. Desktop Icon – добавление ярлыка приложения на рабочий стол.

На следующем шаге укажите путь к папке, в которую будет установлены файлы приложения.

Перейдите к следующему шагу и дождитесь завершения копирования файлов.

После завершения установки иконка программы появится на вашем рабочем столе.

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

Рассмотрим самые важные из этих областей:

1. Панель инструментов

2. Панель параметров инструмента

3. Рабочая область

4. Панель слоёв

5. Панель параметров слоя

6. Шкала кадров

На “Панели инструментов” (1) можно выбрать инструмент для создания новых объектов или их редактирования.

После выбора инструмента пользователь имеет возможность изменить настройки инструмента с помощью “Панели настроек инструмента” (2). Содержимое этой панели меняется в зависимости от того, какой у вас инструмент выбран в данный момент.

Выбрав инструмент, пользователь может совершать с его помощью действия на “Рабочей области” (3). Например, так можно создавать объекты.

Все созданные объекты отображаются на “Панели слоёв” (4). Здесь пользователь может видеть и изменять структуру документа.

Если выделить элемент на “Панели слоёв”, то на “Панели параметров” (5) отобразятся его свойства. Редактируя эти свойства пользователь может менять внешний вид и поведение объектов.

Изменения параметров во времени настраивается с помощью “Шкалы кадров” (6). На ней отображаются точки, в которых происходят изменения значений параметров слоя.

Рабочая область

Область с клеточками в центре - это рабочая область. Здесь вы создаете элементы/слои и управляете ими. Серые клеточки в этой области обозначают прозрачность. В данный момент они показывают, что наша рабочая область абсолютно пуста.

Сверху над рабочей областью находится панель с кнопками. Первая группа кнопок позволяет создавать, открывать и сохранять документ(ы).

Далее идут кнопки отвечающие за отмену или повторение последнего действия.

Следующие две кнопки позволяют экспортировать вашу анимацию в файл и выполнить предпросмотр анимации без сохранения в файл.

Следующие шесть кнопок управляют отображением различных типов управляющих точек на рабочей области.

Далее идут две кнопки которые позволяют включать и выключать отображение сетки и прилипание к ней.

Следом расположен выпадающий список, который позволяет переключить режим отрисовки элементов на рабочей области:

• В режиме отображения “Final” изображения на рабочей области отрисовываются в максимальном качестве, в полном соответствии с тем как оно будет выглядеть при экспорте файла.

• В режиме отображения “Preview” изображения на рабочей области отрисовываются с некоторыми упрощениями, которые незначительно влияют на качество картинки. Например, когда используется линейный тип интерполяции для масштабирования изображения.

• В режиме отображения “Draft” применяется еще больше упрощений - отключаются многие фильтрующие слои, которые влияют на скорость визуализации. Также, в этом режиме отрисовываются в упрощенном виде все эффекты размытия на контурах и заливках.

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

На странице загрузки выберите опцию "Linux" и нажмите кнопку "Скачать".

В открывшемся окне введите свою электронную почту, чтобы скачать программу и подписаться на уведомления о новых версиях. Либо нажмите на нижнюю кнопку, чтобы просто скачать инсталлятор.

Начнётся скачивание файла в формате AppImage.

После завершения загрузки необходимо сделать скачанный файл исполняемым:

• В графической среде MATE: щёлкните на скачанном файле правой кнопкой мыши и выберите пункт меню «Параметры» (Properties) – перейдите на вкладку «Права» (Permissions) и поставьте галочку напротив пункта «Позволять выполнение файла как программы» (Allow this file to run as a program) и закройте окно.

• В терминале: откройте окно терминала и введите туда следующую команду: «chmod u+x /ваш_путь_до_файла/имя_файла.appimage». Вместо «ваш_путь_до_файла» укажите расположение загруженного файла, а вместо «имя_файла» укажите его имя.

Дважды щёлкните на файл AppImage, чтобы запустить программу.

Каждый слой в Synfig Studio обладает набором параметров, которые определяют его вид на рабочей области. Если слой выделен, то на панели в левом нижнем углу отображается список его параметров.

Набор параметров слоя зависит от того, к какому типу слоя он относится.

Наиболее часто используемые типы слоёв:

Все типы слоёв имеют три базовых параметра:

• Глубина Z - позволяет корректировать порядок отрисовки слоев. Этот параметр задаёт смещение относительно его текущей позиции в списке слоёв. Отрицательное значение параметра смещает слой ближе к зрителю, а положительное значение смещает его дальше от зрителя. Этот параметр можно анимировать, что позволяет динамически изменять порядок слоёв в процессе анимации.

• Непрозрачность - определяет степень непрозрачности слоя. Значение 0% означает полную прозрачность (слой скрыт), а значение 100% - полную непрозрачность (слой полностью виден).

• Метод смешивания - определяет способ комбинирования слоя с нижележащими слоями.

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

• Цвет

• Радиус

• Растушёвка

• Толщина контура

• Преобразование

Редактирование параметров

Существует несколько способов редактирования параметров слоя:

• Через панель параметров. Чтобы изменить параметр слоя, нужно щелкнуть на его значении.

• На рабочей области. Вы можете перетаскивать контрольные точки на рабочей области, при этом соответствующие параметры слоя будут меняться автоматически.

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

Если выделено несколько слоёв и какие-либо из их общих параметров имеют разные значения, то они будут окрашены серым цветом.

При этом такие параметры по прежнему можно редактировать - в этом случае новое значение будет применено ко всем выделенным слоям.

Контрольные точки

Когда слой выделен, на рабочей области появляются контрольные точки, позволяющие его редактировать.

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

Видимость контрольных точек на рабочей области

Для управления отображением контрольных точек на рабочей области необходимо использовать панель инструментов в её верхней части.

Связывание параметров

Группа - это специальный слой, который может содержать другие слои.

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

Параметры Группового слоя

Параметр “Преобразование” является составным параметром, он содержит смещение, угол поворота, угол перекоса и значение масштаба для группы.

Точно также как у слоя изображения, у группы есть точки за которые мы можем изменять её положение размер и прочее. Более подробно про контрольные точки можно посмотреть в разделе: “Параметры на рабочей области" - "Контрольные точки, их цвета и типы”.

Виды групп

Подробнее смотрите о "Группе-переключателе" в разделе "Слой-переключатель". Подробнее о "Группе фильров" смотрите в разделе "Группа фильтров"

Функции группы

• Объединяет слои

• Изолирует воздействие фильтров

• Работает как отдельный объект

Трансформация групп

Трансформация групп происходит с помощью Контрольных точек слоя, при выделении слоя появляются контрольные точки с помощью которых мы можем редактировать объект на рабочей области, но у каждого слоя свои контрольные точки. Но сейчас нам нужны точки именно группы

Точки вершин группы и изображений

С помощью точек вершин можно перемещать объекты по холсту, увеличивать, растягивать и.т.д.

Контрольные точки слоев у группы

Каждая контрольная точка имеет свою функцию и отличается по цвету.

Пример

Мы создали круг, но его можно только тянуть за две точки, это менять радиус и перемещать, но мы хотим этот круг превратить в овал или ещё как-нибудь его видоизменить, для этого мы просто нажимаем на Группу слой. Теперь у нашего круга появилось больше возможностей такие как: точки позиции, вершины, касательные и углов

Как добавлять слои в группу

Для того чтобы добавить новый объект в группу, есть два способа:

• Перетаскивание

• Копировать/вставить

Перетаскивание

При этом способе вы щелкаете на объект и с помощью ЛКМ удерживаете, и уже перетаскиваете в группу.

Копировать/вставить

При этом способе мы используем сочетание клавиш “CTRL+C” - копировать и “CTRL+V” - вставить, нажимая на сам объект который хотим скопировать и на саму группу в которой мы уже вставляем.

Удаление слоя

Вынесение слоя за группу

Но если вы уже в группе как-то изменяли объект, то при перетаскивание этого объекта (из группы), объект будет в прежнем состоянии в котором он изначально был.

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

Большинство слоев создаются с режимом смешивания "Совмещение". Этот режим обеспечивает стандартное наложение слоев, где верхний слой полностью перекрывает нижний. Если в этом режиме уменьшить значение параметра “Непрозрачность”, то цвета объектов в месте пересечения будут смешиваться.

Наиболее интересные методы смешивания, на которые имеет смысл обратить внимание:

• "Альфа канал над" - слой к которому применен этот метод смешивания, становится маской, которая вырезает область по своей форме на объектах, что находятся под ней.

• "На" - слой к которому применен этот метод смешивания, становится маской, которая накладывается поверх слоев и отображается на рабочей области только на площади фигур, что расположены под ней.

• "Позади" - этот метод позволяет помещать слой, что стоит верху списка, под все объекты. это может быть полезно во время анимации, когда вам нужно чтобы один и тот же объект мог быть за предметом и позади него.

• "Прямой" - этот режим смешивания скрывает все слои что лежат под объектом, к которому этот режим применен. Этот метод полезен для фильтрующих слоёв, таких как "Размывание" (подробнее о фильтрующих слоях смотрите ниже).

Все остальные методы смешивания - это операции с цветом. Они влияют на то, как цвет верхнего слоя смешивается с цветом нижнего слоя в каждой конкретной точке.

Ограничение смешивания через группы

В Synfig Studio слои могут не только отображать какую-то графическую информацию на экране, но и выступать как фильтры. Поэтому все типы слоёв можно разделить на два вида - графические и фильтрующие.

Фильтрующий слой не создает какой-либо графический элемент на рабочей области, а вместо этого применяет эффект к уже существующим.

Действие фильтрующего слоя распространяется только на слои, которые находятся непосредственно под ним.

Изолирование воздействия слоя-фильтра

Воздействие слоя-фильтра можно изолировать на выбранные объекты. Для этого поместите фильтр в одну группу с нужными слоями.

На примере ниже фильтр “Размывание” действует на все окружности, что находятся под ним.

Группируем одну окружность и фильтр. Теперь фильтр действует только на ту окружность, что находится в группе вместе с ним.

В отличии от многих графических редакторов, Synfig Studio имеет довольно необычную концепцию слоёв. Здесь каждый объект является отдельным слоем. Все слои отображаются на панели, которая находится в правом нижнем углу.

Слои можно создавать через кнопку “Добавить слой”, которая расположена в нижней части панели слоев. При нажатии на эту кнопку появляется меню с полным списком всех доступных типов слоёв.

Вы также можете создать новый слой, щёлкнув правой кнопкой мыши на пустом месте панели слоёв или по существующему слою и выбрав "Создать слой".

Порядок слоев в списке на панели слоёв соответствует порядку их отображения на рабочей области. Слои, расположенные выше в списке, будут перекрывать слои, расположенные ниже.

Порядок слоёв можно менять с помощью кнопок со стрелочками, которые находятся в нижней части “Панели слоёв”.

Рядом на этой же панели находятся другие кнопки управления слоями:

Чтоб изменить имя слоя нужно дважды щёлкнуть на его названии в панели слоёв.

Выделение слоёв

В Synfig Studio существует два способа выделения объектов (слоёв):

• Первый способ - щёлкнуть левой кнопкой мыши на элементе в списке панели слоёв;

Чтобы выделить одновременно несколько слоёв используйте клавиши Shift или Ctrl:

• При зажатой клавише Shift выделение происходит последовательно, по порядку.

• При зажатой клавише Ctrl вы можете выборочно выделить отдельные слои.

Группировка слоёв

Слои можно объединять в группы. Группа позволяет трансформировать несколько слоёв так, как будто они являются единым объектом.

Для добавления слоёв в группу необходимо выделить нужные слои (используйте клавиши Shift или Ctrl чтобы выделить несколько слоёв, как описано в предыдущем разделе) и нажмите кнопку "Группировать слои" в нижней части панели слоёв.

Редактирование параметров слоя

Если слой выделен, то на панели в левом нижнем углу отображается список его параметров.

Редактировать параметры слоя можно одним из двух способов:

1) Через панель параметров. Нужно щелкнуть на значении параметра чтобы отредактировать его.

2) На рабочей области. Вы можете перетаскивать контрольные точки на рабочей области, при этом соответствующие параметры слоя будут меняться автоматически.

Видимость слоёв

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

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

Когда вам хочется сохранить созданный вами слой, но по какой-то причине он не должен отображаться на отрендеренном файле, вы можете использовать функцию “Отключить рендеринг слоя”, которая доступна если щёлкнуть правой кнопкой мыши на нужном слое в списке на панели слоёв.

Слой с отключенным рендерингом выделяется курсивом в списке слоёв.

Режим анимации

Режим анимации - это специальный режим работы программы Synfig, предназначенный для создания анимации.

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

Под рабочей областью в нижнем левом углу перед панелью запуска анимации можно посмотреть текущий кадр:

Текущий кадр на шкале кадров визуально выделяется желтым бегунком.

Также в этой же строке есть окно, в котором можно поменять конечное количество кадров в файле.

Если режим анимации выключен, то при попытке редактировать параметры, для которых уже существуют фиксаторы, появится диалоговое окно с предупреждением: "Хотите применить смещение к данной анимации?".

Нажав “Да”, произойдет пропорциональное смещение всей анимации для каждого существующего фиксатора.

Если у параметра, который вы редактируете, нет фиксаторов, то данное окно не появится.

Статичные параметры

Статичный параметр - это параметр, для которого не ставятся фиксаторы в режиме анимации, при этом он остается редактируемым.

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

Параметры холста - это свойства рабочего файла, в котором вы можете задавать Имя файла, его описание, размер изображения (рабочей области), время, Гамма-коррекцию. Чтобы изменить параметры холста, нужно выбрать из верхнего меню “Холст” - “Свойства” или нажать клавишу F8.

Вкладка "Изображение"

На вкладке "Изображение" вы можете изменить:

Размер изображения

• Ширина (в пикселях)

• Высота (в пикселях)

• Разрешение по X — разрешение по горизонтали для расчета физического размера (не влияет на размер контента).

• Разрешение по Y — разрешение по вертикали для расчета физического размера (не влияет на размер контента).

• Физическая ширина - физический размер рендеринга. (Рассчитывается на основе ширины/XRes).

• Физическая высота - физический размер рендеринга. (Рассчитывается на основе высоты/YRes).

• Соотношение размеров изображения — метка, отображающая текущее соотношение размеров изображения.

Область изображения — устанавливает часть рабочей области, подлежащую рендерингу.

Изменение размера холста

На вкладке «Прочее» снимите галочки со всех пунктов «Блокировки и связи»:

Затем, измените ширину и высоту во вкладке “Изображение”. Это изменит размер холста, растягивая его содержимое.

Изменение размера холста с сохранением соотношения

На вкладке «Прочее» установите флажок «Соотношение сторон изображения», «Расстояние изображения», «Соотношение сторон пикселей» в разделе «Блокировки и связи».

Затем отредактируйте ширину и высоту во вкладке “Изображение”. Это изменит размер холста, отрегулировав его содержимое, сохранив аспект. Это означает, что даже если вы измените «Соотношение размеров изображения», квадрат, что был до будет квадратом и после.

Расширение холста

На вкладке «Прочее» в разделе «Блокировки и связи» отметьте только «Соотношение сторон пикселей»:

Затем отредактируйте изображение «Ширина» и «Высота» на вкладке “Изображение”. Это расширит холст, сохранив его содержимое в том же размере, но добавив дополнительное пространство сверху/снизу и слева/справа.

Вкладка "Время"

На вкладке "Время" вы можете установить:

Параметры времени

• Количество кадров в секунду

• Время начала проигрывания анимации

• Время конца анимации

• Длительность анимации

На вкладке "Прочее" вы можете установить:

Блокировки и связи

• Ширина изображения

• Высота изображения

• Соотношения сторон изображения

• Расстояние изображений

• Ширина пикселей

• Высота пикселя

• Соотношение сторон пиксела

Точка фокусировки

• Точка фокусировки X

• Точка фокусировки Y

На вкладке «Прочее» снимите галочки со всех пунктов «Блокировки и связи»:

Программа доступна для следующих операционных систем:

• Windows 7 и выше;

• Linux (для дистрибутивов, выпущенных не ранее 2017 года);

• macOS (не ниже 10.9 версии).

Системные требования к аппаратному обеспечению:

• Процессор: не менее двух ядер по 2 ГГц;

• Оперативная память (RAM): не менее 4 Гб;

• Жёсткий диск: не менее 300 Мб свободного места;

На устройствах с более низкими характеристиками корректная работа программы не гарантирована.

Анимация методом "Перекладка" - это техника создания анимации, основанная на последовательном перемещении объектов по рабочей поверхности.

Этапы создания перекладной анимации:

• Создание объектов;

• Выбор кадра, с которого хотите начать анимацию и постановка объекта в изначальную позицию;

• Перемещение объекта на разных кадрах;

Изменения между фиксаторами будут считаться простой перекладкой в Synfig Studio.

Synfig Studio позволяет использовать и редактировать не только векторную графику, но и растровые изображения.

Для того чтобы импортировать изображения в Synfig, из верхнего меню выберите "Файл" - "Импортировать". Выбираем нужное изображение, нажимаем “импортировать”.

Также можно просто перетащить изображение из папки на рабочую область, после чего изображение отобразиться на рабочей области и появится на панели слоёв.

Перемещение фиксаторов

Фиксаторы можно перемещать по временной шкале влево или вправо с помощью зажатой левой кнопки мыши. Это позволяет изменить момент времени, в который данная временная точка влияет на соответствующий ей параметр(ы) анимации. Самый верхний фиксатор перемещает все нижележащие фиксаторы.

Если вы хотите передвинуть на временной шкале несколько фиксаторов одновременно, при этом сохраняя расстояния между ними, удерживайте клавишу ctrl, выделите нужные фиксаторы и перемещайте их как одно целое.

Дополнительные действия с фиксаторами

Щелчок правой кнопкой мыши по фиксатору открывает контекстное меню, содержащее функции для взаимодействия с фиксаторами:

Преобразовать, отсоединить, экспортировать значение в библиотеку проекта, запретить анимацию, удалить и др.

Интерполяция

Интерполяция – это метод автоматического создания промежуточных кадров между фиксаторами анимации. Это позволяет создавать плавные анимации без необходимости вручную рисовать каждый кадр.

От типа интерполяции зависит каким образом будут меняться параметры между фиксаторами, например если используется линейная интерполяция, то анимируемый параметр между кадрами будет изменяться равномерно и т.д.

Каждый фиксатор разделен на две половины. Левая половина указывает на ее "входную" интерполяцию, а правая половина указывает на ее "Выходную" интерполяцию, поэтому возможно комбинировать разные типы интерполяций.

Чтобы изменить интерполяцию у фиксатора, кликните правой кнопкой мыши на нужный фиксатор и в появившемся окне снизу выберите нужную интерполяцию.

Чтобы изменить интерполяцию только одной половины фиксатора, также щелкните правой мыши на фиксаторе, в выпавшем меню выберите вход/выход, затем нажмите на нужной интерполяции.

Типы интерполяции

Цвет и форма фиксатора, отображаемые на шкале кадров, указывают на тип её интерполяции:

Линейная интерполяция

Линейная интерполяция - это метод, в котором значения между фиксаторами меняются по прямой равномерно и с постоянной скоростью.

Интерполяция “Сгладить”

Интерполяция “Сгладить” – это метод интерполяции, который ограничивает значения фиксатора между заданными минимальным и максимальным значениями. Это предотвращает "перелеты" значений за пределы допустимого диапазона, что может привести к нежелательным артефактам в анимации. Данный тип интерполяции позволяет создавать плавную кривую между соседними фиксаторами.

Интерполяция ТСВ

TCB-интерполяция (Tension, Continuity, Bias) – это тип интерполяции, определяющий форму кривой изменения параметра во времени. Данный метод схож с инструментом создания областей (инструмент “кривые”), который формирует гладкие кривые между вершинами.

Интерполяцией можно управлять с помощью четырех значений:

• "Натяжение"

• "Непрерывность"

• "Отклонение"

• "Временное натяжение"

Чтобы открыть окно с возможностью редактирования этих параметров, вам следует щелкнуть правой кнопкой мыши по фиксатору ТСВ, затем из списка выбрать “Правка”.

Натяжение

Натяжение определяет остроту прохождения кривой через фиксатор. Этот параметр аналогичен влиянию манипуляторов кривой Безье, но действует в обратном направлении, управляя длиной этих манипуляторов.

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

• Низкое значение натяжения заставляет объект следовать касательной (манипулятору) опорной точки. При очень низких значениях основная часть движения будет происходить вдоль касательной из-за чрезвычайно длинных манипуляторов.

Непрерывность

Непрерывность определяет способ расчета касательной (направления движения) в фиксаторе. Этот параметр также можно сравнить с манипуляторами кривой Безье.

• Значение 0 приводит к зеркальному отражению (объединению) манипуляторов, обеспечивая плавный переход между кривыми. Результатом становится непрерывность первого порядка (гладкое изменение направления).

• Значение -1.0 формирует простой острый угол, приводящий к линейной интерполяции с резким поворотом.

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

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

Отклонение

Отклонение определяет, какой из сегментов кривой до и после фиксатора будет оказывать большее влияние на расчет касательной (направления движения).

• Значение смещения меньше 0 приводит к тому, что касательная будет ориентирована преимущественно вдоль входящего направления (движения к фиксатору).

• Значение смещения больше 0 обусловливает ориентацию касательной преимущественно вдоль исходящего направления (движения от фиксатора).

Временное натяжение

По умолчанию объект движется с постоянной скоростью между равноудаленными фиксаторами с одинаковым временным интервалом. Временное натяжение позволяет управлять скоростью движения объекта.

• Значения выше 0 заставляют объект проводить больше времени вблизи опорной точки. Это приводит к замедлению движения непосредственно перед и после нее. С другой стороны, скорость будет увеличиваться по мере приближения к следующей опорной точке.

• Значения ниже 0 приводят к более быстрому прохождению объекта через опорную точку. Это вызывает замедление движения вблизи предыдущей и следующей опорных точек.

Интерполяция константа

Интерполяция константа - это метод, в котором значения фиксатора остается неизменным до следующего фиксатора на временной шкале.

Иными словами, параметры объекта, заданные в фиксаторе с интерполяцией константа, будут неизменны на протяжении всего интервала времени до следующего фиксатора.

Интерполяция “Плавный вход/выход”

Интерполяция “Плавный вход/выход” – это тип интерполяции, который обеспечивает плавное вхождение и выход кривой к/от фиксатора. Данный метод гарантирует гладкое изменение параметра даже в случае, когда кривая просто проходит через опорную точку, не останавливаясь на ней.

Иными словами:

• Плавный вход – кривая плавно ускоряется по мере приближения к опорной точке.

• Плавный выход – кривая плавно замедляется по мере удаления от опорной точки.

Интерполяция по умолчанию

Тип интерполяции по умолчанию для новых фиксаторов определяется раскрывающимся списком в нижней части окна холста. С его помощью вы можете установить нужную вам интерполяцию для фиксатора, которая в будущем будет создаваться на шкале кадров по умолчанию.

Интерполяция входа и выхода

Каждый фиксатор имеет настройки интерполяции входа и выхода, которые определяют, как будет изменяться её параметр:

• Интерполяция входа определяет, как параметр изменяется в моменты перед достижением фиксатора.

• Интерполяция выхода определяет, как параметр изменяется в моменты после достижения фиксатора.

Наглядно это видно на графиках анимации, которые вы можете включить сверху шкалы кадров.

Ниже представлена таблица, в которой отображены все вариации фиксаторов, которые могут получится при использовании разных интерполяций на входе и выходе. Интерполяция на "входе" показана в столбце слева, а интерполяция на "выходе" показана на строке сверху.

Если у фиксаторов используется одна интерполяция, будет использоваться символ текущей интерполяции.

Если у фиксаторов только одна часть имеет одинаковую интерполяцию, например на входе, а на второй части используется разная интерполяция, то у самого верхнего фиксатора одна часть будет иметь символ используемой интерполяции, а вторая будет неопределённой.

Ключевой кадр - это временная метка, фиксирующая состояние анимации в конкретный момент. Он служит основой для построения траекторий и хранения информации о параметрах каждого слоя.

Особенности:

• Связь с кадром: Каждый ключевой кадр привязан к определенному кадру анимации, при этом один кадр может содержать только один ключевой кадр.

• Специальный кадр: Хранит детальную информацию о параметрах каждого слоя, делая его доступным для повторного использования.

Создание ключевого кадра

Для того, чтобы создать ключевой кадр, вам нужно поставить бегунок времени на нужный кадр, затем навести курсор мыши на голубую полосу над шкалой времени и щелкнуть ПКМ, после чего стоит выбрать из списка “Создать ключевой кадр”.

Внешний вид ключевого кадра

Ключевой кадр выглядит как треугольник вершиной направленный вниз, а под ним на панели времени расположена светло-коричневая вертикальная пунктирная линия.

Отображение ключевых кадров на временной шкале могут представать в трех видах: “Обычный”, “Выбранный”, “Неактивный”.

Неактивный ключевой кадр

Вы можете активировать или отключить ключевой кадр. Для этого выделите ключевой кадр, затем щелкнув ПКМ выберите из списка “Свойства ключевого кадра”, после этого следует снять или поставить галочку напротив строки “Действующий”. Это действие позволяет игнорировать ключевые кадры во время создания анимации при его отключении.

Работа ключевого кадра

Ключевые кадры дают большие возможности в сфере анимации, но мы выделим 2 основные функции:

• Запоминание изначальных позиций и автоматическое создание фиксаторов;

• Равномерное растягивание фиксаторов между ключевыми кадрами;

Управление ключевыми кадрами

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

Удаление ключевого кадра

Удалить ключевой кадр можно двумя способами:

• На “Шкале времени”;

Щелкните ПКМ на ключевой кадр, который хотите удалить, и выберите из меню “Удалить ключевой кадр”

• Через панель “Ключевые кадры”.

Щелкните ПКМ на ключевой кадр, который хотите удалить, и выберите из меню “Удалить ключевой кадр”.

Свойства ключевого кадра

Чтобы вызвать окно со свойствами ключевого кадра, нажмите ПКМ на ключевой кадр и из всплывшего списка выберите “Свойства ключевого кадра”.

В этом окне есть следующие параметры, которые вы можете редактировать:

• Описание - текст, который будет отображаться при наведении курсора мыши на ключевой кадр;

Панель "Ключевые кадры"

На панели “ключевые кадры” хранится список всех ключевых кадров. Здесь вы можете задавать имена для них, а также быстро переходить от одного ключевого кадра к другому. Для этого достаточно щёлкнуть по надписи "перейти"

Инструмент позволяющий разрезать любые слои. Будь это слой-фильтр или простой объект. Он расположен на параметрах с другими инструментами.

Как только вы его выберете, то курсор мышки станет кардашом. Выделите слой который вам нужно отредактировать и просто “обвидите” то, что хотите вырезать. После этого, на панели слоев автоматически появится группа, в которой находится маска и слой с редактируемым объектом.

Если вы уберете галочку напротив слоя с маской, то объект вернется в исходную позицию.

Выделим слой маску на параметре слоев и возьмем инструмент “трансформация” то контур нашей маски можно изменять и придать более аккуратный вид с помощью точек вершин и 2-мя усиками, что отходят от них.

Через панель “Параметры” можно менять параметры у слоя-маски, такие как непрозрачность, метод наложения, растушевка и.т.д. Кликнув дважды на значения параметра. Подробную информацию смотрите в разделе "Инструменты".

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

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

Перемещение фигур

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

Чтобы передвигать фигуру прамоугольника по холсту нужно выделить его обе точки удерживая shift или же поместить его в группу, где он будет лежать один, тогда у него появятся опорные точки, за которые их можно деформировать.

Подробную информацию об фигугурах смотрите в разделе "Инструменты".

На странице загрузки выберите опцию "macOS" и нажмите кнопку "Скачать".

В открывшемся окне введите свою электронную почту, чтобы скачать программу и подписаться на уведомления о новых версиях. Либо нажмите на нижнюю кнопку, чтобы просто скачать инсталлятор.

После завершения загрузки откройте скачанный dmg-файл.

Перетащите значок Synfig в каталог с приложениями (Applications) и дождитесь пока завершится процесс копирования.

Запустите Synfig из каталога c приложениями (Applications).

На новых версиях macOS при попытке запуска может появиться ошибка «Файл SynfigStudio.app невозможно открыть, так как Apple не может проверить его на наличие вредоносного ПО». В этом случае необходимо выполнить следующие действия:

1. Откройте каталог с приложениями (Applications) через программу Finder.

2. Удерживая клавишу Command, нажмите на значок приложения, затем выберите «Открыть» в контекстном меню.

3. Нажмите «Открыть».

Что означает векторизация?

Существует два распространенных способа представления двумерного изображения:

• Растровая (или растровая карта) графика

• Векторная графика

В растровой графике изображение хранится в виде двумерной сетки из пикселей. Это отлично подходит для хранения изображений любой сложности (например, фотографий), но преобразование (т. е. масштабирование) растрового изображения обычно приводит к потере качества - оно становится размытым и неровным.

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

Очень распространенная ситуация, когда пользователь вводит иллюстрацию в виде растрового изображения (т.Е. отсканированного эскиза) и хочет преобразовать ее в векторную графику. Процесс преобразования растра в вектор называется векторизацией.

Векторизация использования растровых изображений:

Использование

Щелкните правой кнопкой мыши любой слой изображения на панели слоев и выберите команду “Преобразовать в вектор”.

Вы увидите диалоговое окно со следующими настройками:

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

• Точность - определяет, насколько векторная обводка будет соответствовать форме исходных линий рисунка. Высокие значения создают более точные обводки, но усложняют их.

• Удаление пятен - игнорирует во время преобразования небольшие области, образованные шумом изображения; чем выше значение, тем большие области игнорируются.

• Максимальная толщина - задает максимальную толщину векторной обводки; если это значение низкое, очень толстые линии будут преобразованы двумя штрихами центральной линии, определяющими контур линии; если это значение высокое, они будут преобразованы одним штрихом центральной линии.

Нажмите кнопку “Преобразовать”, и изображение будет преобразовано в векторные контуры (вы увидите созданный новый групповой слой).

Предварительный просмотр позволяет просматривать тяжелые файлы с анимацией, снижая ее качество во время просмотра.

Далее перед вами откроется диалоговое окно,где можно указать желаемое качество предпросмотра и FPS. Если же вы хотите просмотреть определённый кусочек анимации, то стоит потавить галочки в параметрах “Begin time” и “End time”, после этого вам можно будет менять начало и конец анимации, тем самым вы можете указать тот отрывок который хотите просмотреть.

После чего откроется предпросмотр с вашей анимацией, которую можно будет запустить.

Рендеринг — это визуализация (конвертирование) готовой анимации в формат видео ролика или серии изображений.

После чего откроется диалог "параметры визуализации".

Рендеринг в avi

Давайте сделаем рендеринг нашей анимации в формате "avi". Для этого в строке "имя файла" напишем название нашего ролика — "first-animation", а после точки укажем формат видео — "avi". Также нажав на кнопку "Выбрать" можно задать путь для файла.

Но возможно, вы захотите выбрать другой кодек. Тогда нужно дополнительно выполнить следующие действия. В строке "Цель" выберите пункт "ffmpeg", после чего станет активной кнопка "Параметры". Нажмём на нее - появится вот такой диалог, из которого можно выбрать подходящий кодек.

Ниже вы можете задать размер изображения. А на вкладке "Время" можно указать диапазон кадров который вы хотите отрендерить.

Щелкните "Визуализация" и не закрывайте программу пока не появится надпись: "Файл успешно визуализирован", а в панале "Инфо" не загрузится полоса 100%. И если вы все сделали правильно, то в назначенной папке появится ваш файл.

На данный момент Synfig Studio импортирует SVG файлы не корректно.

Есть два способа импортировать SVG файлы:

• Выбирете из панели меню "Файл" → "Импортировать"(Не работает)

• Через перетаскивание из папки на рабочую область

• С помощью программы Inkscape

Начиная с Inkscape 0.91 расширение поставляется с официальной установкой Inkscape и его можно найти по ссылке - "Файл" → "Сохранить как" → "Анимационный файл synfig (.sif)". После чего вы уже можете открыть сохраненный файл в Synfig Studio.

Инструменты Synfig Studio позволяют создавать, редактировать и взаимодействовать с объектами на рабочей области. Их можно разделить на несколько категорий:

• Инструменты редактирования

• Инструменты создания объектов

• Инструменты утилиты

Инструменты редактирования

Инструмент трансформации – это основной инструмент управления объектами в Synfig Studio, который включает в себя функции и других инструментов редактирования. Он позволяет редактировать положение, размер, форму и ориентацию объектов на рабочей области.

Чтобы использовать инструмент трансформации, нужно выбрать его, кликнуть на объект или выделить этот объект на панели слоёв, затем на рабочей области перетаскивать его контрольные точки.

Если вы зажимаете шифт при использовании инструмента трансформации, перемещаемый объект будет двигаться строго по горизонтали или вертикали.

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

Степень влияния на соседние контрольные точки определяется параметром "радиус" в настройках инструмента.

Инструмент Масштабирования - инструмент, который предназначен для изменения размера выделенных контрольных точек. Чтобы его использовать, нужно выделить две или более точки, зажать одну из них левой кнопкой мыши и потянуть в сторону.

Если вы хотите, чтобы ваши точки при масштабировании оставались в одном положении относительно друг друга, сохраняя форму объекта, нужно включить параметр “Запереть соотношение сторон” на панели настроек инструмента.

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

Если вы хотите, чтобы ваши точки при вращении ещё и масштабировались, нужно включить параметр “Разрешить масштабирование” на панели настроек инструмента.

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

В меню инструмента можно выбрать ось, относительно которой будут отражены точки - по горизонтали или вертикали. Также переключить ось можно клавишей Shift.

Инструмент Вырезание - позволяет вырезать произвольную область композиции, создав маску, делающую область вокруг объекта прозрачной.

Чтобы вырезать фрагмент, нужно выбрать инструмент "Вырезание" и обвести (как кистью) нужную область. В результате, выделенный фрагмент композиции автоматически будет помещен в новую группу, а над ним добавится область, которая и будет служить маской.

Выбрав слой "Маска" на панели слоёв и убрав галочку "Инвертировать" в параметрах этого слоя, на рабочей области будут скрыты все элементы, находящиеся в пределах области маски, а отображаться будут только те элементы, которые находятся вне её.

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

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

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

Инструменты создания объектов

Инструменты “Окружность”, “Прямоугольник”, “Астериск”, “Многоугольник” - предназначены для создания объектов с формой, соответствующей их названию. Тип создаваемого слоя зависят от того, какой тип выбран на панели настроек инструмента.

У данных инструментов имеется ряд общих настроек параметров слоя, доступных на панели настроек инструмента:

1. Имя - задает название нового слоя. Если в этом поле ввести любое число, оно будет автоматически увеличиваться при создании каждого нового слоя того же типа (например, Слой1, Слой2, Слой3 и т.д.).

2. Тип слоя - определяет тип создаваемого слоя. Можно выбрать один или несколько типов слоёв сразу из списка: “Окружность”, “Область”, “Контур”, “Расширенный контур”, “Растение”, “Градиентная заливка”.

3. Метод смешивания - устанавливает способ, которым новый слой будет взаимодействовать с нижележащими слоями.

4. Непрозрачность - задает степень прозрачности нового слоя. Значение по умолчанию - 1,00 (полностью непрозрачный).

5. Диаметр кисти - определяет ширину контура или размер градиента (только для типов "Контур", "Расширенный контур" и "Градиентная заливка").

6. Инвертировать - определяет, будет ли созданный слой инвертирован. Зависит от параметра слоя "Инвертировать".

7. Растушевка - определяет ширину области сглаживания по краям слоя (не применяется к типам "Растение" и "Слой кривой градиента").

8. Связать начало координат - включение данного параметра определяет, будут ли связаны опорные точки областей, если выбрано более двух типов создаваемых слоёв.

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

Доступные дополнительные настройки для инструмента Окружность:

1. Точки кривой - задает количество опорных контрольных точек, которые будут использоваться при создании новых областей (кроме типа слоя "Слой окружности").

2. Смещение - задает смещение касательных в опорных точках создаваемой области (кроме типа "Слой окружности").

3. Затухание - определяет функцию затухания растушевки (только для типа слоя "Окружность").

4. Начало координат кривой в центре - позволяет установить начало координат слоя в центре окружности. Если этот параметр не выбран, начало координат будет располагаться в центре холста.

Доступные дополнительные настройки для инструмента Прямоугольник:

1. Расширение - расширение прямоугольника из его углов (доступно только для слоев типа "Прямоугольник"). Связано с параметром "Величина расширения".

Доступные дополнительные настройки для инструмента Астериск:

1. Точки звезды - целочисленное значение, определяющее количество лучей звезды.

2. Смещение - угловое значение смещения вращения создаваемой звезды.

3. Соотношение радиусов - соотношение между длиной луча звезды (от центра до вершины) и длиной выемки звезды (от центра до середины стороны между лучами). Значение 1 создает окружность.

4. Обычный многоугольник - флажок, определяющий, следует ли создавать обычный многоугольник вместо звезды.

5. Внутренняя величина - ширина внутренней границы звезды

6. Внутренняя касательная - угол касательной внутренней границы звезды

7. Внешняя величина - ширина внешней границы звезды

8. Внешняя касательная - угол касательной внешней границы звезды

Инструмент Текст - инструмент, позволяющий создавать векторный слой с текстом.

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

Доступные настройки для инструмента Текст:

1. Имя

2. Многострочный текст - флажок, определяющий тип редактора текста:

• Однострочный редактор: при нажатии клавиши Enter в окне ввода, текст сохраняется и слой создается;

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

1. Кегль - числовые значения, определяющие соответственно горизонтальный и вертикальный размер текста.

2. Ориентация - числовые координаты, определяющие расположение текстового слоя относительно контрольной точки (зелёная точка позиции).

• По умолчанию (0.5, 0.5): текст будет выровнен по центру относительно точки позиции;

• (0, 0): верхний левый угол текстового поля будет расположен в точке позиции.

• (1, 1): нижний правый угол текстового поля будет расположен в точке позиции.

1. Гарнитура - параметр, который позволяет указать стиль шрифта для текста. Существует несколько способов выбора стиля шрифта:

• Использование системных шрифтов. Введите точное название существующего системного шрифта в поле “Гарнитура” на панели настройки инструмента или в параметрах существующего текстового слоя. Например, DejaVu Serif.

• Использование файлов шрифтов. Введите полный путь к файлу шрифта в поле "Гарнитура". Например, “/home/morevna/1-work/synfig-documentation/font/Lavi.ttf”.

• Использование локальные шрифтов проекта. Поместите файл шрифта в папку, где находится файл проекта Synfig. Затем Введите в поле "Гарнитура" название шрифта с его расширением. Например, “Lavi.ttf”.

Инструмент Кривые - инструмент, позволяющий создавать произвольные области. Области - это наиболее часто используемые объекты в анимации, созданной с помощью Synfig.

Каждый щелчок мышью на рабочей области создает новую вершину. Изначально у новой вершины значения касательных равны (0,0), что создает острый угол. Чтобы замкнуть фигуру, нужно правой кнопкой мыши нажать на вершину и выбрать из выпавшего меню - "Замкнуть контур".

Для того, чтобы фигура стала слоем, нужно дважды нажать левой кнопкой мыши на любой вершине.

Если зажать и перетащить мышь при создании новой вершины, изменится значение касательной в этой точке. Увеличение значения касательной сглаживает углы.

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

При создании области правый щелчок по кривой или вершине открывает контекстное меню.

Контекстное меню кривой:

• Вставить вершину - вставляет в месте вызова контекстного меню на кривой вершину.

• Замкнуть контур - замыкает первую и последнюю вершины.

Контекстное меню вершины:

• Разделить/связать касательные, угол касательных, радиус. Если касательные или их углы, или радиус связаны, они будут изменяться симметрично друг другу.

Если касательные или их углы, или радиус развязаны, они будут изменяться отдельно друг от друга

• Замкнуть контур

• Удалить вершину - удаляет выбранную вершину, при этом, если удаляемая точка находится между двумя другими, то эти точки автоматически соединятся.

Инструмент Рисование - предназначен для создания произвольных областей. Он имеет схожие функции с инструментом "Кривые", но отличается механизмом работы:

Инструмент "Кривые":

• Построение области происходит поэтапно, точка за точкой.

• Толщина контура и чувствительность к нажатию не учитываются.

Инструмент "Рисование":

• Область создается "на лету", подобно рисованию кистью.

• При создании может учитывать чувствительность к нажатию, если вы работаете за планшетом.

• Количество создаваемых вершин зависит от настроек инструмента.

Доступные настройки для инструмента “Рисование”:

• Имя

• Тип слоя

• Режим смешивания

• Непрозрачность

• Диаметр кисти - задает базовую толщину контура или размер градиента (только для типов слоев "Контур", "Расширенный контур" и "Градиент по кривой").

• Чувствительно к давлению - флажок, который включает/выключает чувствительность к давлению.

• Минимальная толщина - минимальное значение чувствительности к нажатию пера. Определяет насколько тонким может быть линия относительно параметра "Диаметр кисти".

• Плавность - степень сглаживания дрожания пера планшета. Влияет на количество вершин результирующей области. Может быть локальное или глобальное сглаживание.

  1. Локальное - применяется между точками области.

  2. Глобальное - применяется ко всей области целиком.

• Ошибка максимума для ширины - действует только для слоев типа "Расширенный контур".

• Закругленные концы - задает закругление концов линий области (только для типов слоев "Контур" и "Расширенный контур").

• Автозамыкание - автоматическое соединение последней опорной точки к первой, если конец траектории инструмента "Рисование" находится рядом с началом.

• Авторасширение - при начале и/или конце штриха инструмента "Рисование" вблизи опорной точки другого контура, результирующий контур просто добавляется к существующему слою "Контур".

• Автосвязь - при начале и/или конце штриха инструмента "Рисование" вблизи опорной точки другого контура, и если "Авторасширение" не применяется, первая и/или последняя вершина результирующего контура связывается с опорной точкой существующего слоя "Контур".

• Растушевка - задает степень растушевки слоя.

• Автоэкспорт - автоматический экспорт списка точек области в базовое значение узла библиотеки.

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

Доступные настройки для инструмента “Градиент”:

• Имя

• Метод смешивания

• Непрозрачность

• Тип слоя

Типы градиентов, создаваемые инструментов "Градиент":

• Линейный

• Радиальный

• Конический

• Спиральный

Инструменты утилиты

Сплошная заливка - инструмент, который предназначен для быстрого изменения цвета геометрических слоев. По сути этот инструмент берёт цвет фона и при клике на объект меняет параметр слоя “цвет”.

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

После чего откроется диалог "параметры визуализации".

Чтобы отрендерить наш проект как gif-анимацию нужно в строке "Имя файла" указать расширение "gif" и выбрать модуль вывода "magick++". В назначенной папке смотрим что получилось.

После чего откроется диалог "параметры визуализации".

Одна картинка

Предположим теперь мы хотим отрендерить один текущий кадр как изображение в формате png. Для этого меняем разрешение на "png", затем выбираем модуль вывода "Автоматически". Далее ставим галочку "Рендерить только текущий кадр". Смотрим результат.

Рендеринг PNG-секвенций

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

В этом случае рендеринг выполняется как последовательность изображений в формате png. В этом режиме также используется сжатие без потери качества, поэтому это хороший вариант, если ваша программа для монтажа не поддерживает формат H264, который мы рассмотрели в разделе “Экспорт видео”

Все настройки остаются такими же, как при визуализации одного кадра, за исключением строки "Рендерить только текущий кадр", здесь следует убрать галочку. Далее выбирете "Визуализация" и подождитет, когда программа закончит визуализацию.

Теперь секвенцию можно вставлять в другую программу.

Synfig Studio может экспортировать анимацию в формат Lottie JSON, что позволяет встраивать ее в веб-страницы, воспроизводить в веб-браузере и на мобильных платформах. Этот формат также используется для создания анимированных стикеров Telegram!

После чего откроется диалог "параметры визуализации".

В настоящее время он способен экспортировать большинство основных графических элементов с анимацией и некоторыми конвертерами, примененными к их параметрам (см. подробный список поддерживаемых слоев и параметров на этой странице).

Экспорт web-анимации

Чтобы экспортировать файл анимации, выберите в меню «Плагины» — «Экспорт в Lottie». Это позволит экспортировать открытый в данный момент файл в формат Lottie.

После экспорта у вас будет 3 файла в том же каталоге, что и ваша анимация: FILE.html, FILE.json и FILE.log.

• FILE.json — это основной файл, в котором находится анимация формата Lottie. Используйте его, если хотите встроить анимацию на какую-нибудь веб-страницу. Вот пример реализации на codepen.io. Файл FILE.json можно воспроизводить напрямую с помощью сайта lottiefiles.com.

• FILE.html — можно использовать для просмотра экспортированной анимации в браузере, таком как Firefox или Google Chrome.

• FILE.log — хранятся все сообщения/ошибки, возникшие во время экспорта. Если слой не поддерживается, об этом будет сообщено в этом файле.

Ограничения:

• Экспорт анимации костей (скелетов) пока не реализован.

• Такие слои, как область, контур и многоугольник, экспортируются покадрово, поскольку Лотти не предлагает точной альтернативы, и, следовательно, анимация может отставать на больших дисплеях.

• Анимация добавления/удаления точек сплайна не поддерживается, поскольку формат Lottie не предоставляет такой возможности.

Параметры слоя Радиальное размывание

Центр - определяет точку, вокруг которой происходит размытие.

Размер - контролирует степень размытия. Чем выше значение, тем сильнее размытие.

Размывание - это визуальный эффект, применяемый для создания изображения вне фокуса.

В фотографии размывание возникает по нескольким причинам:

• Неточная фокусировка: Если точка фокусировки объектива не совпадает с объектом съемки, изображение получится размытым.

• Длинная выдержка: При использовании длинной выдержки для съемки движущихся объектов или при перемещении камеры во время съемки возникает эффект размытия движения.

• Широкая диафрагма: Применение широкой диафрагмы (f4) приводит к тому, что объекты вне зоны фокуса размываются сильнее, чем при использовании закрытой диафрагмы (f22).

В компьютерной графике фильтры размытия имитируют эти фотографические эффекты, стремясь к большей или меньшей степени реалистичности.

Параметры слоя Размывание

Размер

Параметр «Размер» управляет степенью размытия. В зависимости от его значения эффект размытия может быть различным.

Данный параметр является составным значением из двух действительных чисел: x и y. Каждое из них определяет размер размытия по соответствующей оси (x - горизонтальная, y - вертикальная).

Тип размытия

Существует 5 типов размытия:

• Квадратичное размытие: Создает размытие прямоугольной формы, похоже на Гауссово размытие.

• Быстрое Гауссово размытие: Обеспечивает баланс между качеством и скоростью.

• Перекрестное размытие: Создает размытие в виде пересекающихся линий.

• Дисковое размытие: Создает размытие круглой формы.

• Гауссово размытие: Обеспечивает более плавное размытие по сравнению с быстрым вариантом, однако занимает намного больше времени рендера.

Размытие - это графический эффект, имитирующий изображение вне фокуса.

В фотографии размытие может возникнуть, когда точка фокусировки объектива не совпадает с объектом съемки. Существуют и другие причины размытия:

• Неправильная экспозиция: Длительная выдержка при движении объекта или камеры может привести к размытию.

• Широкая диафрагма: При использовании очень широкой диафрагмы (f4) объекты вне зоны фокуса будут размыты сильнее, чем при полностью закрытой диафрагме (f22).

В графическом дизайне фильтры размытия имитируют эти эффекты с большей или меньшей степенью реалистичности.

Параметры слоя "Размывание движением"

Апертура

Параметр «Апертура» указывает на количество кадров, используемых для расчета эффекта движения. Концепция аналогична выдержке или времени экспозиции в фотографии. Чем больше значение апертуры, тем большее количество кадров учитывается при размытии, тем сильнее будет эффект размытия.

Коэффициент подвыборки

Параметр «коэффициент подвыборки» влияет на количество вычисляемых подсэмплов. Использование высокого значения приводит к более тонкому размытию, но при этом рендеринг занимает больше времени из-за большого объема вычислений.

Тип субдискретизации

Параметр «Тип субдискретизации» определяет используемый метод субдискретизации:

• Постоянный: Размытие одинаково сильно на протяжении всей анимации.

• Линейный: Размытие постепенно нарастает от начального значения к конечному.

• Гиперболический: Размытие резко нарастает в начале и затем плавно увеличивается.

Стартовая сумма подвыборки (ССП)

Параметр «Стартовая сумма подвыборки» определяет силу размытия в первом кадре анимации. Значение 0 означает полное отсутствие размытия в начале. Значение больше 0 задаёт начальную степень размытия. Чем выше значение, тем сильнее будет размыто изображение в первом кадре.

Конечная сумма подвыборки (КСП)

Параметр «Конечное значение подсэмплинга» определяет силу размытия в последнем кадре анимации. Значение 0 означает полное отсутствие размытия в конце. Значение больше 0 задаёт конечную степень размытия. Чем выше значение, тем более размытым будет изображение в финальном кадре.

Ниже представлена таблица, которая демонстрирует работу слоя фильтра "Размывание движением".

В столбце слева обозначен параметр апертура: 0f-0f значит, что значение параметра апертура неизменно и равна 0, 0f-24f значит, что значение параметра анимировано и постепенно меняется с 0 до 24 и т.д..

В строке сверху обозначены значения стартовой и конечной сумм подвыборки.

Три звезды обозначают типы субдискретизации: сверху - "постоянная", по центру - "линейный", снизу - "Гиперболический".

Слой искажение шумом в Synfig Studio используется для применения к слою искажения, генерируемого случайным шумом. Это может создать эффект зернистого изображения, искажения или текстуры.

Параметры:

• Смещение - определяет величину искажения;

• Размер - определяет расстояние между искажениями;

• Начальное значение - случайное начальное значение шума;

• Интерполяция - смена типа интерполяции, что влияет на визуальное отображение применяемого шума;

• Детализация - определяет качество и детальность накладываемого шума;

• Скорость анимации - задает случайную анимацию для шума. Введеное число отвечает за количество кадров цикла анимации;

• Турбулентость - когда включено, создаёт турбулентный шум.

Применение:

Слой искажения шума можно использовать для создания:

• Спецэффектов: магия, порталы и др.

• Текстур

Слой "Деформация по кривой" искажает объект, который изначально лежит по прямой линии, в изогнутую кривую Безье. Каждая точка исходной области определяется двумя перпендикулярными значениями координат, основанными на положении и длине исходной прямой линии. Эти координаты аналогичны координатам X и Y масштабированной и повернутой двумерной системы координат.

На рисунке ниже предствалено графическое отображение данного слоя. Под цифрой 1 - прямая с вершинами, которая отвечает за размер и расположение объекта, на который она влияет. Под цифрой 2 - кривая Безье, с помощью которой можно изгибать объект.

Параметры слоя "Деформация по кривой"

Данный вид слоя хорошо работает с текстовыми слоями.

Слой "Растяжение" - искажает нижележащие слои по обеим осям.

У данного слоя всего два параметра:

• Величина - размер растяжения относительно центра;

• Центр - расположения центра растяжения.

"Вихрь" - это слой, который деформирует нижележащие слои по спирали.

Праметры слоя "Вихрь":

• Радиус - устанавливает радиус, в пределах которого будет работать вихрь.

• Вращение - устанавливает число оборотов эффекта вращения. Влияет на интенсивность вихря в зависимости от угла поворота. Положительное чилсло закручивает объект против часовой стрелки, отрицательное - по часовой.

• Искажать внутри - если включено, то вихрь закручивается внутри установленного радиуса.

• Искажать снаружи - если включено, то вихрь закручивается снаружи установленного радиуса.

• Искажение внутри и снаружи могут быть включены одновременно.

Чтобы повторить вышепоказанные примеры, выставите следующие настройки:

• Радиус = 125

• Анимирование вращение - 0 кадр = 0 градусов, 48 кадр = -1000 градусов, 96 кадр = 0 градусов

Слой Искажение - позволяет в несколько действий взять прямоугольную область с нижележащими слоев и переместить её четыре угла в произвольные точки на плоскости. Таким образом, слой деформации осуществляет 2D -> 2D преобразование.

Для сохранения объекта на месте при применении перспективы необходимо правильно расположить целевые точки перспективы вокруг объекта. Следует отметить, что для достижения наилучшего эффекта исходный прямоугольник должен быть центрирован по объекту.

Параметры слоя Искажение

Исходные точки:

• Источник TL: Верхний левый угол (вершина) исходной области, подлежащей отображению.

• Источник BR: Нижний правый угол (вершина) исходной области, подлежащей отображению. Вместе с источником TL он определяет "исходный прямоугольник".

Целевые точки:

• Назначение TL: Верхний левый угол (вершина) целевой области, куда будет отображена исходная область.

• Назначение TR: Верхний правый угол (вершина) целевой области, куда будет отображена исходная область.

• Назначение BL: Нижний левый угол (вершина) целевой области, куда будет отображена исходная область.

• Назначение BR: Нижний правый угол (вершина) целевой области, куда будет отображена исходная область.

Обрезка - флажок, при включении которого отображаются только пиксели, находящиеся внутри "исходного прямоугольника".

Горизонт - для бесконечных слоев (градиенты, шахматная доска и т.д.) данный параметр определяет, где следует остановить отрисовку точек схода.

• Диапазон от 0.0 до 1.0: отрисовываются все точки, расположенные за перспективой (в направлении, противоположном точке схода).

• Диапазон от 1.0 до +бесконечности: отрисовываются точки, расположенные в том же направлении, что и точка схода.

Фиксирующий слой используется для ограничения цвета определенным диапазоном значений компонентов.

Компоненты R, G, B и A (альфа) каждого пикселя вынуждены находиться в пределах диапазона Floor...Потолок.

Если параметр "Фиксирующий потолок" отключен, то учитывается только пол.

Если включена опция "Инвертировать минус", то пиксель со значением A меньше Floor сначала отрицается (-R, -G, -B, -A), а затем происходит нечто забавное, при котором все компоненты повышаются как минимум до Floor.

Слой “Деформация скелета” расширяет возможности скелетной анимации.(см. раздел скелетная анимация).

Его отличие от простого слоя скелета, в том, что Деформирующий скелет не нужно привязывать к центральным точкам объекта, также он может искажать цельный объект, что расположен по ним, не требуя разделения того на сегменты. Для того, чтобы слой Деформирующего скелета работал корректно, вам следует разместить его в одну группу с деформирующим скелетом.

Слой "Сферизация" искажает объект по сфере.

Параметры слоя сферизация:

• Радиус - определяет размер сферического искажения;

• Величина - сила искажения (отрицательные значения инвертируют эффект);

• Обрезка - если опция включена, то область вне радиуса не искажается;

• Тип искажения - определяет направление искажения (по сфере, по вертикали, по горизонтали).

В таблице ниже представлена работа фильтра при различных параметрах.

Слой, который позволяет редактировать яркость, контраст, коррекция экспозиции и коррекция гаммы.

Параметры Цветокоррекции в которые вы можете вносить измениения:

Слой ключ светиости выполняет следующие действия: для каждого пикселя изображения он присваивает значение альфа в зависимости от его яркости. Например, черные пиксели становятся на 100% прозрачными. Белые пиксели абсолютно непрозрачны. Серые пиксели полупрозрачны.

Параметры ключевых слоев Luma следующие:

Набор Мандельброта является компактным набором, поскольку он замкнут и содержится в замкнутом диске радиусом 2 вокруг начала координат.

Параметрами слоев набора Мандельброта являются:

Слой Жюлиа в Synfig Studio - это тип векторного слоя, который используется для создания фракталов. Фракталы Жюлиа - это математические объекты, которые известны своими сложными и красивыми узорами.

Жюлиа может быть использован для создания различных эффектов, например:

• Создание абстрактных изображений

• Создание анимаций в которых узоры фрактала постоянно меняются.

Параметры слоя Жюила, которые вы можетет изменять: