Как сделать gif с прозрачным фоном в media encoder

Обновлено: 05.07.2024

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

Прежде чем начать, разберём два часто задаваемых вопроса.

Что значит «видео с прозрачным фоном»?

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

Единственный реальный способ сделать фон на видео прозрачным – это использовать зелёный фон во время съёмок, а затем удалить его с помощью инструмента под названием Хромакей. Эта возможность доступна во многих видеоредакторах. Однако, как правило, заменой удалённому фону служит новое изображение или видео. В нашем случае, необходимо будет сохранить видео с «отсутствием» фона.

Такое же правило действует и для файлов в формате GIF: загрузить в редактор, удалить фон, корректно экспортировать.

Какие форматы видео поддерживают прозрачность?

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

Дело в том, что большинство форматов и кодеков прозрачность не поддерживают. Чтобы сохранить прозрачность, на экспорте необходимо выбрать MOV с кодеком без потери качества PNG. Второй вариант экспорта – это уже упомянутые выше GIF.

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

Как сделать фон видео прозрачным в редакторе VSDC

Шаг 1. Запустите VSDC и используйте кнопку Импортировать контент на стартовом экране. Затем через проводник добавьте видео с зелёным фоном с компьютера.

Шаг 2. В открывшемся окне «Настройки проекта», найдите строку Прозрачность и выставите 0%. Нажмите «Принять».

Шаг 3. Откройте меню Видеоэффекты, перейдите к опции Прозрачность >> Удаление фона. Во всплывшем окне нажмите Ok.

Шаг 4. Если вокруг объекта осталась «обводка» зелёного цвета, перейдите в Окно свойств справа и попробуйте вручную увеличивать значения параметров Порог минимальной яркости и Порог минимальной цветности до тех пор, пока зелёный цвет полностью не исчезнет. Более детально мы описали этот процесс в инструкции по удалению зелёного фона из видео.

Шаг 5. После того, как вы удалили зелёный фон, откройте вкладку Экспорт проекта. В меню, расположенном в верхнем левом углу, выберите PC. В меню, расположенном правее, выберите формат MOV. Затем нажмите кнопку «Изменить профиль» под окном предпросмотра видео. Вам откроется меню настройки профиля видео. В разделе Параметры видео, выберите видеокодек под названием PNG lossless. Наконец, нажмите «Применить» и экспортируйте проект.

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

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

Если после удаления фона вокруг объекта остались области зелёного цвета, это может быть связано с некачественным освещением во время съёмки. Такое также часто происходит, если у модели на видео распущены волосы. Из-за перепадов в оттенках пространство между волосинками обработать довольно сложно. Наиболее эффективным инструментом в данном случае будет режим HSL – вы можете активировать его в окне свойств. HSL доступен только в продвинутой версии редактора VSDC Pro (она стоит $19.99 в год) и рассчитан на тех, кто регулярно работает с хромакей на профессиональном уровне.

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

Как создать анимированный текст на прозрачном фоне

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

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

Осуществить это можно следующим образом:

Шаг 1. Запустите VSDC и используйте кнопку Пустой проект на стартовом экране. В открывшемся окне Настройки проекта, найдите строку Прозрачность и выставите 0%. Нажмите «Принять».

Совет: поскольку вы задали прозрачный фон с самого начала проекта, работать с текстом может быть визуально сложно. Для удобства, мы советуем добавить на сцену фигуру прямоугольника и залить её цветом, который будет контрастен заголовку. На таймлайне его нужно будет разместить под слоем заголовка. Таким образом, вам будет визуально легче отслеживать изменения, а перед экспортом проекта, вы можете просто удалить прямоугольник и оставить фон прозрачным, как и было задумано.

Шаг 3. Сделайте двойной щелчок по слою текста на таймлайне и используйте иконку добавления движения в меню слева. Затем разместите вектор движения в точке, куда должен двигаться заголовок.

Шаг 4. Вы можете применить любые эффекты перехода к текстовому объекту, чтобы сделать его появление (и исчезание) более плавным. Например, для иллюстрации выше использован эффект перехода «Диффузия». Чтобы применить его, щёлкните правой кнопкой мыши по слою текста на таймлайне, выберите Видеоэффекты >> Эффекты перехода >> Диффузия.

Шаг 5. Как только интро будет готово, перейдите во вкладку Экспорт проекта и сохраните файл в формате MOV с использованием кодека PNG lossless, по аналогии с тем, как это было описано в инструкции выше.

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

Пробовал сохранять в QuickTime с RGB+Alpha и с Alpha. Ничего не получилось, сохраняется либо с черным фоном, либо с фоном композиции. Нажимал на кнопку, которая делает фон прозрачным (см. прикрепленную картинку). P.S. Я знаю, что на скриншоте она выключена, но я ее включал перед рендаром.

Фон должен отсутствовать (этот слой выключаем, если фон был). И просчитываем в QuickTime с RGB+Alpha. У меня все получалось.

Формат QuickTime, кодек CinemaGoPro, RGB+Alpha, глубина цвета 12bit, движок качества на мах. А в самой композиции альфа есть? Имею в виду "дырка" открыта? На самую нижнюю дорогу киньте цветной слой или любое видео - просвечивается? Если нет то и альфы не будет. Черный фон задника не значит альфа канал. Media Encoder здорово рендерит такие вещи.

Я не до конца понял эти предложения: "А в самой композиции альфа есть? Имею в виду "дырка" открыта? На самую нижнюю дорогу киньте цветной слой или любое видео - просвечивается?" Можете объяснить более подробно?

Mr.Vib Мыслитель (7483) У вас много дорожек, на каждой из них лежит либо видео под кеингом, либо под маской, либо слой из фотошопа, либо сдвинутая картинка (видео). Так вот как вы себе представляете альфа канал, если в куче эти слои займут всё пространство кадра. Образовывая альфа канал Вы же ставите какую то цель, а цель подложить под него свой материал (например в премьере). Так вот в качестве подложки (на самой нижней дорожке), используйте ColorMatte (или свое любое видео), что бы убедиться что область кадра для альфа канала имеется. Перед рендером материал с нижней дорожки удалить, либо отключить

эта кнопка не прозрачность включает а ее отображение в превью в виде шахмат. И самый главный вопрос - а она у тебя есть вообще, эта прозрачность? То есть фон отсутствует? Если да, то сохраняй в QuickTime с альфаканалом как выше отписали, или в PNG sequence.

Метод 1. Использование сайта редактирования изображений в Интернете

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

Метод 2: Использование Adobe Photoshop

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

Откройте приложение Photoshop, дважды щелкнув ярлык или выполнив поиск с помощью функции поиска Windows.
Теперь нажмите на меню «Файл» в строке меню и выберите опцию «Открыть». Перейдите к файлу GIF и откройте его.Открытие файла в фотошопе
Вы можете видеть, что каждый кадр открывается как слой на панели слоев. Выберите инструмент Magic Wand (или нажмите W), а затем выберите фон для каждого слоя. При нажатии кнопки Backspace или Delete будет удалена выбранная область.
Примечание. Вы также можете щелкнуть меню Windows в строке меню и выбрать опцию «Временная шкала». Это откроет временную шкалу, через которую вы можете воспроизводить и просматривать свой файл GIF.Удаление фона для каждого слоя
Это займет некоторое время, если у GIF сложный фон. После этого вы можете проверить рамки временной шкалы, чтобы увидеть, не совпадают ли они и не совпадают.
Примечание: иногда редактирование может испортить временную шкалу, и во всех кадрах будет отображаться одно и то же изображение. Это также сохранит GIF как одно изображение.
Если кадры совпадают, выберите первый кадр, удерживайте клавишу Shift, а затем выберите последний кадр. Это выберет все кадры. Теперь щелкните значок меню в правом верхнем углу панели «Таймлайн» и выберите параметр «Удалить кадры». Это удалит все неправильные кадры.Удаление испорченных кадров
Теперь снова щелкните значок меню на панели «Таймлайн» и выберите «Создать кадры из слоев». Это позволит правильно создать все рамки по слоям.Изготовление рамок из слоев
Теперь щелкните меню «Файл» в строке меню и выберите «Экспорт»> «Сохранить для Интернета». Затем выберите «Форматировать как GIF», выберите качество GIF-изображения в раскрывающемся меню «Предустановки» и нажмите кнопку «Сохранить».Сохранение отредактированного GIF
Назовите файл и выберите расположение для файла. На этом завершится процесс удаления фона из файла GIF.

Шаг 1. Запустите Adobe After Effects и создайте новый проект .

Шаг 2: Новый проект открывается с интерфейсом After Effect .

Шаг 3: Создайте новую композицию, нажав на Композиция, присутствующая в строке меню вверху.

Шаг 4: Вы получите всплывающее окно после нажатия на новую композицию. Во всплывающем окне оставьте ширину 1920 пикселей и высоту 1080 пикселей, что является стандартным. Сохраняйте длительность 5 секунд, а цвет фона - черный. Вы можете сохранить предустановки как пользовательские. Частота кадров может быть 29, 97 или 30 и сохранить разрешение как полное.

Шаг 5: Интерфейс композиции .

Шаг 6: Чтобы получить сетку прозрачности, вам просто нужно нажать на Toggle Transparency Grid, которая присутствует рядом с выпадающим списком активной камеры, как показано ниже.

Шаг 7: Нажмите один раз, и вы получите сетку прозрачности. Если вы нажмете еще раз, вы снова получите сплошной черный цвет. Таким образом, вы можете получить сетку прозрачности для вашей композиции.

Шаг 8: Теперь создайте T ext и поместите его в центр, используя инструмент «Выделение». Это видео с текстом будет использоваться в другом видео, чтобы показать, как работает прозрачный фон в After Effects.

Шаг 9: Далее мы оживим текст . После анимации текста, вам нужно расположить его, как показано на рисунке ниже.

Шаг 10 : Перетащите текст вверх и вниз с помощью индикатора текущего времени, чтобы анимировать его, чтобы перемещаться вверх и вниз.

Шаг 11: анимация завершена для текста в этом видео.

Шаг 12: Следующий шаг - добавить композицию в окно Render Queue. Следите за тем, чтобы композиция была открыта или выбрана в окне проекта. Нажмите «Композиция» и « Добавить в очередь визуализации».

Шаг 13: Откроется вкладка Render Queue .

Шаг 14: Установите очередь рендеринга в лучших настройках .

Шаг 15: Выберите параметры рендеринга в качестве лучших параметров с полным разрешением и дисковым кэшем только для чтения. На выходе модуль гарантирует, что он без потерь. Откройте настройки, нажав на без потерь. Вы получите всплывающее окно. Вы можете выбрать любой формат, который вы пожелаете. Выберите каналы как RGB + Alpha в разделе видео выхода.

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

Ваше видео с прозрачным фоном и текстом готово.

Шаг 17: Теперь перетащите любое видео на панель инструментов проекта, как показано ниже.

Шаг 18. После перетаскивания видео импортируйте видеофайл с сохраненным ранее текстом, а затем перетащите его в это видео.

Шаг 19: Как только вы сделаете это, вы увидите текст с прозрачным фоном в этом видео, а когда вы переместите индикатор текущего времени, вы увидите анимацию, которую мы сделали с текстом.

Вывод

С помощью шагов, упомянутых выше, можно отобразить видео с прозрачным фоном в Adobe After Effects. Что касается анимации и видео, файлы, которые можно импортировать и экспортировать, представляют собой Animated GIF (GIF), 3GPP (3GP, 3G2, AMC), Open Media Framework (OMF), DV, видео для Windows (AVI) и QuickTime (MOV). ).

К видеофайлам, которые можно импортировать, относятся только Adobe Flash Video (FLV, F4V), Adobe Flash Player (SWF), формат обмена мультимедиа (MXF), AVCHD (M2TS), MPEG-1 (MPG, MPE, MPA, MPV, MOD). ), MPEG-4 (MP4, M4V), MPEG-2 (MPG, M2P, M2V, M2A, M2T), XDCAM HD / XDCAM EX (MXF, MP4) и Windows Media (WMV, WMA). Хотя After Effects может работать с 16 и 32 битами на канал, многие кодеки и форматы анимационных и видеофайлов поддерживают только 8 бит на канал.