Создание анимации на прозрачном фоне


Содержание сайта
Разное
Мультипликация

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

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

Создание новой анимации

Для создания анимации на прозрачном фоне лучше всего изначально применять такие программы, которые способны создавать анимацию на прозрачном фоне - например:
Easy GIF Animator, GraphicsGale, Synfig Studio, Pro Motion, FlipBook, MotionGIF и другие.

Или: Создать все кадры анимации как изображения с прозрачным фоном (например, формата .png) в графическом редакторе. Желательно использовать такие графические редакторы, которые позволяют рисовать на прозрачном фоне - PixelNEO Image Editor, EximiousSoft GIF Creator,   RealWordl Paint, DrawPad Graphic EditorPaint.NET, и другие. Это позволит избежать всех дальнейших затруднений с удалением фона.
Например, бесплатный графический редактор для растрового и векторного рисования RealWordl Paint
изначально создает изображения (растровые и векторные) на прозрачном фоне.
Или, к примеру, при использовании графического редактора Paint.NET можно просто стереть  фон, используя ластик (резинку), и рисовать уже на прозрачном фоне.
Многие векторные графические редакторы позволяют рисовать на прозрачном фоне (см. Векторное рисование).

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

Редактирование существующей анимации

При создании анимации некоторые программы не способны создать анимацию на прозрачном фоне.
В этом случае все кадры анимации приходится дорабатывать, а именно - удалять фон.

1. Некоторые программы по созданию анимации могут доработать непрозрачную анимацию и создать прозрачный фон. Например, программа GIF Movie Gear может разделить единый файл анимации GIF на отдельные кадры, а также  может удалить фон у одного или у всех кадров анимации.
Подробнее см. Как убрать фон у GIF анимации программой GIF Movie Gear

2. Применить программы по пакетному редактированию изображений, имеющие функцию пакетного удаления фона, например Photo Background Remover), Stepok Recomposit, Light Developer, GIF Animator
См. также Пакетное удаление фона и кадрирование в Photoshop

3. Наиболее трудоемкий способ - покадровое удаление фона (особенно если анимация состоит из большого количества кадров).

Многие программы по созданию анимации имеют функцию сохранения пакета изображений (кадров), например
Active GIF Creator, Easy GIF Animator, Morpheus Photo Mixer, GraphicsGale, Aurora 3D Animation Maker, Synfig Studio, Sqirlz, GIFMaker.me, Fun Morph, FlipBook и другие.

Если анимация создана на стороне (например -- позаимствована из Интернета), то первым шагом будет разбиение анимации на отдельные кадры.
Для этого можно применить такие программы, как Picasion.com, GifSplitter, Easy GIF Animation, Animated GIF maker, GIF to PNG Converter и другие.

После этого  производится удаление фона в каждом кадре, если фон анимации изначально был не прозрачным.
В различных графических редакторах процедура удаления фона может отличаться, но основные применяемые инструменты для удаления фона - это "Волшебная палочка" и Ластик (резинка).
После редактирования кадры сохраняются как изображения в формате, поддерживающем прозрачность (обычно в формате .png).
Для удаления фона из изображений (кадров анимации) можно использовать большое количество программ (графических редакторов) - см. Удаление фона - Список программ.

В Интернете имеется огромное количество обучающих материалов по удалению фона, например:
Как в Paint.Net сделать прозрачный фон?
Paint Net. Меняем фон картинки на прозрачный
Как сделать анимацию на прозрачном фоне в программах Paint NET
Как сохранить на прозрачном фоне кадр \ анимацию в Adobe After Effects
Флеш-Гиф Анимация на прозрачном фоне
Как создать gif анимацию в фотошопе
Как сделать прозрачный фон в Фотошопе
Как убрать фон на фотографии в фотошопе
Photoshop CC Фоновый ластик или как убрать задний фон
Photoshop CC Как вырезать объект из фона?
ВЫДЕЛЕНИЕ ВОЛОС В ФОТОШОПЕ CS5 и CS6 с ЗАМЕНОЙ ФОНА.
Photoshop. Легкий способ выделения волос.
Как вырезать волосы в фотошопе


Создание анимации для видео-роликов

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

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

2. Кроме этого, многие программы для создания анимации могут сохранять созданное в формате видео (например, в формата .avi) - см. Мультипликация в форматах  MP4, AVI, EXE и других - Список программ.

Или: Преобразуйте анимацию (например, формата .gif) в видео, используя такие программы, как Active GIF Creator, Easy GIF Animator, GIF Animator, KoolMoves, Animate Me!, Animation Workshop, Nature Illusion Studio, DP Animation Maker, GraphicsGale, Take ONE, Sqirlz, Fun Morph, GIFMaker.me, 2D&3D Animator , Gif Movie Gear и других (см. Преобразование форматов файлов)

Созданное из анимации видео можно непосредственно импортировать и вставить в видео-ролик.
При этом не нужно особенно беспокоится о фоне - создавайте анимацию на фоне любого цвета - зеленого, синего, красного и т.д. Единственное условие - фон должен быть однородным  (т.е. без градиентных переходов) и.составлять резкий контаст с объектами анимации.

Многие видео-редакторы (см. Программы для редактирования видео и звука) способны не только смонтировать анимацию из имеющихся кадров, но и удалить фон (вернее - сделать фон прозрачным), при этом используется эффект Chromakey. В результате анимация будет прокручиваться поверх видео.

См. Работа с видео.



Последнее обновление: июль 2019 г.