# Картинка в картинке

> Как поставить своё фото или видео окном поверх ролика: форма, размер, скругление, поворот, рамка, звук и движение окна по ключевым кадрам.

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

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

Это бесплатно и работает без ИИ — в вебе и в приложении для iPhone, iPad и Mac.

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

1. Нажмите «+» справа на ленте и выберите «Картинка в картинке», затем фото
2. Фото встало окном справа вверху, на дорожке вставок — новая вставка, открыта панель «Окно»
3. Перетащите окно мышью в левый нижний угол превью
4. Потяните ручку в углу окна — окно стало больше
5. В панели «Окно» нажмите «Круг» и сдвиньте «Рамка» — круглое окно с рамкой
6. Нажмите ✓ «Готово» — окно на превью, на ленте выделена вставка

## Как добавить окно

### 1. Выберите место

Поставьте точку воспроизведения туда, где окно должно появиться. Окно — это вставка: если в эти секунды звучит речь, оно держится за слова, иначе — за время фрагмента, и при перестановке или подрезке фрагмента переезжает вместе с ним.

### 2. Откройте «+» → «Картинка в картинке»

Нажмите «+» справа на ленте и выберите **Картинка в картинке**. В вебе откроется выбор файла, в приложении — галерея. После загрузки файл встанет окном на 3 секунды с точки воспроизведения: справа вверху кадра, на 42 % его ширины, со слегка скруглёнными углами.

### 3. Или превратите в окно готовую вставку

Уже есть [вставка во весь кадр](https://docs.slicer.media/guide/editor/media/)? Нажмите на неё на дорожке вставок и выберите **Окном**. Вернуть вставку во весь кадр — **Во весь кадр** в том же наборе инструментов.

В ролике может быть до 10 окон. Если их уже 10, появится **Окон в ролике — не больше 10**: верните одно из окон во весь кадр или удалите его.

## Правка прямо на превью

Выделите окно на дорожке вставок — на превью вокруг него появится рамка с ручками.

**Веб**

-   **Переместить** — тяните окно мышью.
-   **Размер** — ручка в углу окна или колесо мыши над окном.
-   **Поворот** — кружок над окном.

Подсказка под панелью: **Тяните окно на превью: ручка в углу — размер, кружок сверху — поворот, колесо — размер.**

**iPhone и iPad**

-   **Переместить** — ведите окно пальцем.
-   **Размер** — щипок двумя пальцами или ручка в углу окна.
-   **Поворот** — кружок над окном.

На iPad и Mac щипок на трекпаде тоже меняет размер.

Окно можно увести частично за край кадра — так оно «выглядывает» сбоку.

## Панель «Окно»

У выделенного окна нажмите **Окно** — откроется панель **Картинка в картинке**:

| Настройка | Что делает |
| --- | --- |
| **Прямоугольник** / **Круг** | форма окна |
| **Размер** | ширина окна в процентах от ширины кадра — от 10 до 100 % |
| **Скругление** | радиус углов прямоугольного окна |
| **Поворот** | от −180° до 180° |
| **Непрозрачность** | 100 % — окно непрозрачное, меньше — сквозь него виден ролик |
| **Рамка** | толщина обводки (**нет** — без рамки); когда рамка есть, ниже появляются шесть цветов: белый, чёрный, бирюзовый, синий, жёлтый и красный |
| **Звук** | громкость видео в окне; по умолчанию 0 — звучит только ролик. Есть только у видео |

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

## Движение окна

Окно может ехать по кадру, расти и поворачиваться — по ключевым кадрам, как [ключевые кадры фрагмента](https://docs.slicer.media/guide/editor/keyframes/).

### 1. Первый ключевой кадр

Поставьте точку воспроизведения в начало движения и нажмите **Ключевой кадр** в панели **Окно**.

### 2. Следующие кадры

Перемотайте дальше и передвиньте окно на превью, поменяйте размер, поворот или непрозрачность — в этот момент появится новый ключевой кадр. Под панелью видно, сколько их: **Ключевых кадров: 2 — окно движется между ними**.

### 3. Правка и удаление

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

Между ключевыми кадрами окно движется плавно. Время ключевых кадров считается от начала вставки: если вставка переедет вместе со своими словами, движение переедет с ней.

## Тонкости

-   Видео в окне идёт с начала файла. Звук окна при громкости больше 0 смешивается со звуком ролика.
-   Окно, как и любая вставка, переезжает вместе со своими словами, когда вы подрезаете или переставляете фрагменты, и переносится на другие слова перетаскиванием по дорожке вставок.
-   Превью показывает окно сразу, в готовом видео оно появится после **Экспорт**.
-   Сделать вставку окном умеют и [ИИ-помощник](https://docs.slicer.media/guide/ai/assistant/), и [режиссёр в чате](https://docs.slicer.media/guide/ai/chat/) — например, по команде «Покажи вставку с фото продукта круглым окном справа внизу».

## Что дальше

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