# Анимации появления и исчезновения

> Как фрагмент может появиться или исчезнуть в редакторе Slicer — затемнение, приближение, отдаление и выезд в четыре стороны, длительность от 0,3 до 1,2 секунды.

Источник: https://docs.slicer.media/guide/editor/animations/

Анимация задаёт, как кадр фрагмента появляется в начале и уходит в конце: из чёрного, с приближением, выездом сбоку и так далее. В отличие от [перехода](https://docs.slicer.media/guide/editor/transitions/), анимация принадлежит самому фрагменту, а не стыку, — её можно поставить и первому фрагменту ролика, и последнему.

**Демонстрация (Web):**

1. Щёлкните по первому фрагменту и нажмите «Анимации»
2. Вкладка «Появление»: выберите «Приближение» — начало фрагмента проигрывается
3. Выберите длительность «0,8 с»
4. Переключитесь на «Исчезновение» и выберите «Затемнение» — проигрывается конец фрагмента
5. Нажмите ✓ «Готово» — на фрагменте значок анимации

## Как поставить анимацию

### 1. Выделите фрагмент и откройте «Анимации»

Нажмите на фрагмент на дорожке видео, затем **Анимации**.

### 2. Выберите сторону

Вверху панели — **Появление** (начало фрагмента) и **Исчезновение** (конец). У каждой стороны своя анимация, можно поставить обе.

### 3. Выберите анимацию и длительность

Нажмите на плитку — превью проиграет начало или конец фрагмента. Ниже — **Длительность**: 0,3 с, 0,5 с (по умолчанию), 0,8 с или 1,2 с. **Нет** убирает анимацию с выбранной стороны.

### 4. Нажмите ✓ «Готово»

На фрагменте появится значок анимации.

## Все анимации

| Анимация | **Появление** | **Исчезновение** |
| --- | --- | --- |
| **Затемнение** | Кадр проявляется из чёрного | Кадр уходит в чёрное |
| **Приближение** | Кадр появляется увеличенным (×1,3) и плавно приходит к обычному размеру | Кадр плавно увеличивается до ×1,3 |
| **Отдаление** | Кадр появляется уменьшенным (×0,6) и вырастает до полного — вокруг сначала виден фон | Кадр уменьшается до ×0,6, вокруг открывается фон |
| **Влево** | Кадр въезжает справа и встаёт на место | Кадр уезжает влево |
| **Вправо** | Кадр въезжает слева | Кадр уезжает вправо |
| **Вверх** | Кадр въезжает снизу | Кадр уезжает вверх |
| **Вниз** | Кадр въезжает сверху | Кадр уезжает вниз |

Появление замедляется к концу — кадр мягко «приземляется», исчезновение, наоборот, ускоряется.

## Фон вокруг кадра

У **Отдаление** и выездов на время анимации открывается место вокруг кадра. Там виден фон фрагмента: по умолчанию чёрный, а в панели **Фон** можно выбрать цвет ([«Кадр, маска и фон»](https://docs.slicer.media/guide/editor/frame/)).

## Идеи

-   **Мягкое начало ролика** — **Затемнение** в появлении первого фрагмента.
-   **Красивый финал** — **Затемнение** в исчезновении последнего фрагмента, особенно под музыку.
-   **Динамичная перебивка** — **Влево** или **Вверх** у короткого фрагмента видеоряда или фото.
-   **Акцент на результате** — **Приближение** в появлении фрагмента, где виден итог.

## Тонкости

-   Анимация не длиннее самого фрагмента: у короткого фрагмента она сократится.
-   При [разделении](https://docs.slicer.media/guide/editor/fragments/) обе части сохраняют анимации: появление будет в начале каждой части, исчезновение — в конце.
-   Анимация складывается с эффектом, переходом и [ключевыми кадрами](https://docs.slicer.media/guide/editor/keyframes/).
-   **Затемнение** в анимации и одноимённый переход выглядят похоже. Переход ставится на стык двух фрагментов, анимация — на один фрагмент, например на последний, чтобы ролик красиво закончился.
-   Анимации бесплатны и видны в превью сразу.

## Что дальше

-   [Кадр, маска и фон](https://docs.slicer.media/guide/editor/frame/)
-   [Переходы](https://docs.slicer.media/guide/editor/transitions/)
-   [Ключевые кадры и «По кадрам»](https://docs.slicer.media/guide/editor/keyframes/)