Студия: монтаж и дизайн

Студия — раздел проекта в боковом меню: монтаж ролика и дизайн картинки в одном инструменте. Работа идёт на вашем компьютере, в браузере: модели не вызываются, кредиты не тратятся.

В карточке поста Студию открывают три кнопки:

• «Монтаж в Студии» — ролик или картинка поста ложится на таймлайн;
• «Дизайн в Студии» — картинка поста становится фоном нового дизайна (у клипа — чтобы нарисовать из неё обложку ролика);
• «Сделать клип» — вертикальный ролик из картинки и текста поста.

Монтаж: как открыть

• Из поста — кнопка «Монтаж в Студии» в карточке поста с роликом или картинкой. Ролик сразу ляжет на таймлайн, а готовый монтаж по умолчанию сохранится в этот же пост.
• С нуля — «Новый монтаж» в разделе «Студия».
• Клип с озвучкой открывается по частям: ролик без надписи, голос отдельной дорожкой, надпись и каждая фраза субтитров — текстом на своих местах. Поправьте слово в субтитре, сдвиньте фразу, перекрасьте надпись — и соберите заново. Клипы, собранные раньше, открываются целиком; пересоберите такой клип с теми же словами, и он тоже откроется по частям.
• Клип из поста — кнопка «Сделать клип» в карточке поста с картинкой. Вертикальный ролик собирается сам: картинка с наездом, заголовок сверху и первая фраза текста снизу. Поправьте что хочется и сохраните — клип станет новым черновиком, сам пост не изменится. Кредиты не тратятся.

Откуда берутся файлы

• «С компьютера» — ролики, музыка и картинки с вашего устройства. На сервер они не загружаются: остаются в браузере, где вы их открыли. Поэтому монтаж с ними откроется на этом же компьютере и в этом же браузере. Откроете на другом — клип покажется пустым, а в медиатеке будет пометка «Файла нет в этом браузере — выбрать заново»: выберите тот же файл, и клипы оживут на своих местах.
• «Проект» — ролики и картинки постов проекта и образцы базы знаний. Они уже лежат в Контуре и доступны с любого устройства.

Что умеет

Обрезка краями, разрез на плейхеде (клавиша S), перестановка, несколько слоёв поверх видео, текст с плашкой, контуром, тенью и анимацией, десять шрифтов с кириллицей, переходы между клипами, скорость, громкость, фильтры и цвет, пан и зум прямо в кадре. Отменить — Ctrl+Z.

Элементы — фигуры поверх кадра: прямоугольник, круг, звезда, стрелка, линия, подложка под заголовок, затемнение и «стекло» — карточка, под которой видео размыто. У фигуры цвет или градиент из двух цветов, контур, мягкий край, тень и стекло. Каждая фигура ложится своим слоем, текст тоже можно положить в слой — под фигуру или над ней. Слои меняются местами стрелками в подписи строки на таймлайне.

Выбор и расположение на холсте. Щёлкните по любому элементу кадра — тексту, фигуре, картинке, — чтобы выбрать его и перетащить; щелчок мимо элементов выбирает фон. Shift + щелчок добавляет элемент к выделению (в дизайне — и в списке слоёв), Ctrl+A выбирает все. Перетаскивая, элемент прилипает к краям и центру кадра и к краям и центрам других элементов — тонкая линия показывает, к чему; с Alt он движется свободно. Стрелки сдвигают выделение понемногу, со Shift — крупнее.

В «Свойствах» над остальными настройками — блок «Расположение»: выровнять по левому, правому, верхнему, нижнему краю или по центру (один элемент — по кадру, несколько — по общей рамке), распределить три элемента и больше с равными промежутками.

• Группа (кнопка «В группу» или Ctrl+G) — элементы выбираются и двигаются вместе, выравниваются как один. «Из группы» (Ctrl+Shift+G) — снова по одному.
• Замок — запертый элемент на холсте не выбирается и не двигается, щелчок проходит сквозь него к тому, что ниже, а Delete его не удаляет. Отпереть — в блоке «Расположение» или значком замка в списке слоёв.
• Копировать и вставить (Ctrl+C, Ctrl+V) работает и между монтажами и дизайнами одного проекта, в том числе в соседней вкладке. В другой проект переносятся текст и фигуры; картинки и ролики проекта — нет: их файлы принадлежат своему проекту, и Контура скажет об этом.

Убрать фон и улучшить картинку. У выбранной картинки в «Свойствах» есть блок «Обработка картинки»:

• Убрать фон — главное на картинке остаётся, фон становится прозрачным. Удобно для товара, портрета, логотипа на подложке.
• Улучшить ×2 и ×4 — картинка увеличивается вдвое или вчетверо, а нейросеть дорисовывает детали: маленький логотип или мелкое фото перестают расплываться в кадре. Работает для картинок до 1024 точек по большей стороне: кадр Студии — 1080, крупнее увеличивать незачем.

Обе кнопки считает ваш браузер: картинка никуда не отправляется, кредиты не тратятся. В первый раз браузер скачивает модель — для фона это около 90 МБ, для разрешения около 5 МБ, — дальше она лежит у него. С видеокартой фон убирается за несколько секунд, без неё — за полминуты; о том, кто считал, Контура скажет после обработки. Пока идёт работа, её можно отменить.

Результат встаёт на место прежней картинки: положение, анимация и фильтры сохраняются, а Ctrl+Z возвращает исходник. Новый файл появляется в медиатеке и лежит в этом браузере — как файлы с компьютера. Обработанную картинку можно обработать ещё раз: сначала убрать фон, потом увеличить — прозрачность сохранится.

Субтитры из речи. Выберите видео или звук со своей речью — в «Свойствах» есть блок «Субтитры из речи». Укажите язык и нажмите «Распознать речь»: фразы лягут текстами в строку «Текст» — на тёмной плашке внизу кадра, в стороне от логотипа, каждая на своём месте во времени. Длинная фраза делится на строки, которые успеваешь прочесть.

• Точнее — меньше ошибок в словах, но распознаёт примерно вчетверо дольше звука: клип в 30 секунд — около двух минут. Модель — около 250 МБ.
• Быстрее — чуть дольше самого звука, но ошибок больше. Модель — около 80 МБ.

Считает ваш браузер: звук никуда не отправляется, кредиты не тратятся. Модель скачивается один раз. Ошибку в слове поправьте, выбрав субтитр на таймлайне, — как любой текст. «Распознать заново» заменяет субтитры этого клипа, включая поправленные руками; Ctrl+Z убирает их все разом. На музыке без слов распознавать нечего — Контура так и скажет.

Положение и анимация. В разделе «Положение» — где стоит элемент («Слева» и «Сверху» в процентах кадра, 50 — середина), поворот и масштаб, кнопки «по центру» и, у фигуры, «прижать к краю». Ромб ◇ рядом с полем ставит ключевую точку под плейхедом. Поставьте две точки в разных местах ролика с разными значениями — между ними элемент поедет, повернётся, проявится или размоет фон сам. Когда точки уже есть, правка поля в другом месте ставит новую. Так анимируются положение, поворот, масштаб, прозрачность, стекло и мягкий край фигуры и размер текста — у фигур, текста, картинок и видео. Ромбы видны на полосе клипа: щелчок переводит к точке, а ромб можно перетащить — движение начнётся раньше или позже. Сквозь соседнюю точку ромб не проходит, а у места, где стоял плейхед, прилипает. ⨯ у поля убирает анимацию.

Шаблоны заголовков — в панели «Текст»: плашка снизу, стекло с цитатой, акцент, заголовок с линией и бегущая строка. Подложка и текст ложатся каждый своим слоем и сразу с движением; текст меняется в «Свойствах», размер подложки — ручками на её сторонах. Длинный текст переносится по ширине кадра — в ролике так же, как на экране.

Шаблоны, клип из поста и новый текст берут фирменный стиль проекта из его настроек: цвет плашки, шрифт и логотип. «Логотип проекта» в «Элементах» ставит его в угол кадра на всю длину ролика.

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

Готовые движения — раздел «Движение» у фигур, видео и картинок и в «Анимации» у текста. Кнопка ставит ключевые точки за вас: появление (въезд слева, справа, снизу, сверху, проявление, рост, поворот, у фигуры — из размытия) и исчезновение — по 0,6 с от краёв клипа; «Всё время» — наезд, отъезд и панорама на всю длину. Дальше это обычные точки: их можно поправить ромбами или убрать кнопкой «Убрать всю анимацию». «Копировать анимацию» и «Вставить анимацию» переносят движение на другой элемент: размер — относительно его собственного, исчезновение — к его концу. У элемента с анимированным положением в кадре виден путь движения пунктиром.

Для клипа выбирайте соотношение 9:16: ВКонтакте опознаёт клип по пропорциям ролика.

На полосах звука и видео видна звуковая волна: по ней удобно ставить субтитр точно под фразу.

Дизайн картинки

Тот же редактор умеет собрать картинку поста: подпись, плашку с ценой, логотип поверх готовой картинки — без модели и без кредитов.

• «Дизайн в Студии» в карточке поста с картинкой — картинка поста станет фоном, соотношение подберётся по ней.
• «Новый дизайн» в разделе «Студия» — с чистого листа.

В дизайне нет времени: таймлайна, переходов, звука и движений нет, каждый слой виден целиком. Вместо таймлайна — список слоёв: сверху то, что ближе к зрителю, стрелки меняют порядок, глаз прячет слой. Соотношения — под посты: 1:1, 4:5, 9:16 и 16:9. Картинка сохраняется в 1080 пикселей по короткой стороне.

Клик по материалу кладёт его фоном, если фона ещё нет, и новым слоем поверх, если есть; «+ фон» заменяет фон.

Шаблоны

Подпись, плашку с ценой и логотип не нужно собирать для каждого поста заново. В дизайне откройте «Шаблоны» и нажмите «Сохранить слои как шаблон» — в шаблон уходит всё, кроме фона. В другом дизайне нажмите на шаблон в списке — его слои лягут на вашу картинку, а прежние слои уйдут (вернуть их — Ctrl+Z). Соотношение кадра станет таким же, как у шаблона.

Файл с компьютера в шаблон не сохранить: он живёт только в этом браузере. Логотип берите из фирменного стиля, картинки — кнопкой «Проект».

Шаблон без «Стекла» можно сделать фирменной рамкой: в настройках проекта он сам будет ложиться на каждую новую картинку агента. Как это устроено — в статье Проект и его настройки, раздел «Фирменный стиль».

Кнопка «Сохранить» собирает JPEG, и дальше на выбор:

• Обложка ролика — у поста с видео, пока он не вышел. Обложка уходит только в Telegram: ВКонтакте и MAX показывают кадр из самого ролика и поставить свою обложку снаружи не дают. Новая обложка заменяет прежнюю; убрать её можно в карточке поста;
• Новая версия картинки поста — прежняя не стирается, к ней можно вернуться в карточке поста;
• Копия поста с этой картинкой;
• Новый пост-черновик;
• Скачать JPEG.

Переходы между видами создают копию, исходник не меняется: «Оживить в видео» превращает дизайн в ролик — кадр станет первыми пятью секундами, дальше можно добавить движения; «Кадр в дизайн» в ролике берёт кадр под плейхедом новым дизайном. А «Кадр в картинку» сохраняет кадр под плейхедом сразу картинкой — так удобно сделать обложку ролика или картинку к посту. Обложку можно и нарисовать: откройте «Дизайн в Студии» в карточке клипа и сохраните дизайн кнопкой «Обложка ролика».

Сохранение

Монтаж сохраняется сам, пока вы работаете. Готовый ролик собирается кнопкой «Экспорт» — тоже в браузере; нужен Chrome или Edge свежей версии. Дальше на выбор:

• Заменить ролик в посте — у своего поста, который ещё не вышел.
• Копия поста с этим роликом — если ролик снял агент или пост уже в лентах: такой ролик заменить нельзя.
• Новый пост-черновик — вертикальный ролик станет клипом.
• Скачать MP4 — просто себе.

Ролик для поста — не больше 50 МБ: столько принимают площадки. Не уложились — соберите в 720p или короче.

Место на диске

Тариф даёт место для материалов — картинок и роликов постов и образцов базы знаний. На тарифе «Старт» это 10 ГБ, без тарифа — 1 ГБ. Файлы, которые вы открыли «с компьютера», места не занимают: на сервер уходит только сохранённый в пост ролик. Сколько занято, видно в разделе «Студия».