# Интерфейс

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FDrk5gTg1JlOluR9uXvGw%2F1.png?alt=media&#x26;token=a1dbb7f7-f81d-470d-9486-2bd67b49377d" alt=""><figcaption><p><em>Интерфейс Synfig Studio</em></p></figcaption></figure>

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

1. **Панель инструментов**
2. **Панель параметров инструмента**
3. **Рабочая область**
4. **Панель слоёв**
5. **Панель параметров слоя**
6. **Шкала кадров**

{% hint style="info" %}
Если интерфейс программы выглядит иначе, возможно, предыдущий пользователь изменил настройки. Чтобы восстановить исходный вид интерфейса, выполните следующие действия:

Перейдите в меню **Окно** → **Рабочая область** → **По умолчанию**.

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

* В меню выберите **Правка** → **Настройки**.
* В открывшемся окне настроек в нижней части нажмите кнопку **Сбросить настройки**.
  {% endhint %}

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FFA3Z0UKcwszVYSXqGyIO%2F1.png?alt=media&#x26;token=5e5802cb-b1e9-4fb2-987d-48ba4bbb060d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FF4OfTjeQWz362XYiJe0A%2F2.png?alt=media&#x26;token=1e31fb15-947c-46bd-9225-46a8f61e165b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FPorVecvntab8olK8K3Mn%2Fimage.png?alt=media&#x26;token=8b063bad-067b-4148-91f7-6309c4c711af" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FyqXMK82xdpyZ9Goymctw%2F4.png?alt=media&#x26;token=0800b213-bfe2-4383-adec-1495720d46b3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FMhtqNwYi7PKbtRPbWjPT%2F5.png?alt=media&#x26;token=a2a01e79-5e17-4229-b660-4af54c8be5b9" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FkjCjclIlg6tjiAH5fphd%2F6.png?alt=media&#x26;token=cadfceff-de9b-4b0b-8758-5765d900b0a7" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FmjI7RExKeWeenlFw2n7L%2Fimage.png?alt=media&#x26;token=78d2692d-140f-422a-9f44-fbd49c52507c" alt=""><figcaption></figcaption></figure>

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

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2F5cAzP58MMdcNgSFdreqx%2Faction_doc_new_icon.png?alt=media&#x26;token=27869d37-a13b-4e0b-be40-3409a3639d26" alt="" data-size="line"> — Создать новый документ

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FtL9jcybXzdFPuAROKQgW%2Faction_doc_open_icon.png?alt=media&#x26;token=432d3ad6-2112-4bfe-a5f5-9098644968f5" alt="" data-size="line"> — Открыть существующий документ

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FVN1asd5BCn4hToJ3xtjM%2Faction_doc_save_icon.png?alt=media&#x26;token=56f8fe78-befa-4689-9c3d-0c47fbad03a3" alt="" data-size="line"> — Сохранить документ

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2F8NiGDLnAj7HI7cf5GYCY%2Faction_doc_saveas_icon.png?alt=media&#x26;token=ed58bf60-baed-4628-98be-83c21d9bfdca" alt="" data-size="line"> — Сохранить открытый файл под другим именем

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2F6jeGAPC1TutLzreCINh6%2Faction_doc_saveall_icon.png?alt=media&#x26;token=c85a1de1-c278-4605-927a-260e898506e1" alt="" data-size="line"> — Сохранить все открытые документы

{% hint style="info" %}
Когда мы создаем или открываем документ, то в верхней части рабочей области для него появляется отдельная вкладка. Это позволяет работать с несколькими документами одновременно и легко переключаться между ними

Чтобы сохранить все открытые документы используйте кнопку **Сохранить все открытые документы**.
{% endhint %}

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

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FSlf1O05IxTodS6NSgzqW%2Faction_doc_undo_icon.png?alt=media&#x26;token=05845576-8c95-4726-8075-82ef22601992" alt="" data-size="line"> — Отменить предыдущее действие

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FvrEXQHIZ30idl25Dar64%2Faction_doc_redo_icon.png?alt=media&#x26;token=c9120f3f-1e7b-4cfb-99bb-cf053790879e" alt="" data-size="line"> — Повторить отмененное ранее действие

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

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FYiSw41jXnuYvjpPmPDvW%2Frender_options_icon.png?alt=media&#x26;token=cbc586a4-1c29-4bb1-82f6-5013fa915435" alt="" data-size="line"> — Открыть диалог параметров визуализации

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2Fa08z5vSMClGx0LYfww70%2Fpreview_options_icon.png?alt=media&#x26;token=e4c6f029-0408-41f0-973b-ee74848f1f36" alt="" data-size="line"> — Открыть диалог параметров предпросмотра

{% hint style="info" %}
Подробную информацию об этих функциях смотрите в разделе **Экспорт**.
{% endhint %}

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

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FzLHJJTDtdlObuCUPMY7c%2Fduck_position_icon.png?alt=media&#x26;token=42fb9049-03fb-4232-bdf0-76474cbc6f69" alt="" data-size="line"><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FrQXaHuscdY9DosFvo3tX%2Fduck_vertex_icon.png?alt=media&#x26;token=18075237-1639-4f6d-ae14-3e1e783066ba" alt="" data-size="line"><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FK8fcZOmxLiLM3WtzYE2n%2Fduck_tangent_icon.png?alt=media&#x26;token=20885d11-c0a9-4cbb-a82c-8383233a0aa7" alt="" data-size="line"><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FawMyyfAwn6u1LibILdHm%2Fduck_radius_icon.png?alt=media&#x26;token=729cdec9-0125-4606-b519-0870c39bad58" alt="" data-size="line"><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2F0MAwYcIz7sNsLhkCEBJR%2Fduck_width_icon.png?alt=media&#x26;token=400437c6-48fd-48d1-8ff9-8994fe2da4e7" alt="" data-size="line"><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2F71lj4ieZgIkWdhLPOVYV%2Fduck_angle_icon.png?alt=media&#x26;token=1a5fb0f5-3bde-411f-8048-027741d8704e" alt="" data-size="line">

{% hint style="info" %}
Подробную информацию об этих функциях смотрите на странице **Параметр слоя** в разделе **Видимость контрольных точек на рабочей области**.
{% endhint %}

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

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FvQBMCOFgz2RuVjKFosaz%2Fshow_grid_icon.png?alt=media&#x26;token=19a536ce-e9d3-47ce-a34e-9b5245df79ef" alt="" data-size="line"> — Показывать сетку

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FHeBKhr76oMkYq8wyBuFo%2Fsnap_grid_icon.png?alt=media&#x26;token=27f7cdb2-202e-45f9-8ac9-64ac86208851" alt="" data-size="line"> — Прилипание к сетке

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

* В режиме отображения **Final** изображения на рабочей области отрисовываются в максимальном качестве, в полном соответствии с тем как оно будет выглядеть при экспорте файла.&#x20;
* В режиме отображения **Preview** изображения на рабочей области отрисовываются с некоторыми упрощениями, которые незначительно влияют на качество картинки. Например, для масштабирования всех изображений используется линейный тип интерполяции.&#x20;
* В режиме отображения **Draft** применяется еще больше упрощений - отключаются многие фильтрующие слои, которые влияют на скорость визуализации. Также, в этом режиме отрисовываются в упрощенном виде все эффекты размытия на контурах и заливках.

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

<img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FPgmBf5aGkKRxyvmOHyFL%2Fbackground_rendering_icon_2.png?alt=media&#x26;token=51aa911c-3cd7-4ffc-a6c8-8217f8bf1a2f" alt="" data-size="line"> - Отрисовка будущих и прошлый кадров в фоновом режиме

{% hint style="info" %}
Данная функция дополнительно расходует ресурсы процессора и оперативную память, поэтому её включение не рекомендуется на слабых компьютерах.
{% endhint %}