Создание анимации из фотки

Многим, наверное, интересно - как же оживить статическую картинку?

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

Для того, что бы анимировать нам понадобится фотка и 2 программы: Adobe Photoshop и Adobe After Effects.

Для примера я выбрал такую фотографию, скачанную из Интернета:

Adobe Photoshop

Заходим в приложение и перекидываем нашу фотку.

С помощью инструмента - рамка, обрезаем фотографию, если это необходимо.

Далее обрезаем объекты, которые хотим, чтобы они двигались, инструментом лассо.

С каждым объектом необходимо создавать новые слои.

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

Можно не заморачиваться с этим, ведь это будет плохо видно.

Далее сохраняем в формате PSD и переходим в следующее приложение Adobe After Effects.

Adobe After Effects

Зайдя в приложение, нас встречает окно приветствия.

1. Нажимаем на кнопку создать проект.
2. Нажимаем "Создать композицию из видеоряда".
3. Перекидываем файл, который ранее сохранили в формате PSD.

С данными композицией мы будем работать.

Данный таймлайн нужно растянуть на ту длину, на которую мы хотим сделать анимацию. Лучше всего 3-5 секунд.

Слева сверху находятся множество инструментов, которые помогут нам анимировать нашу фотографию, но нам пригодятся только 2 : булавка и перо.

Обязательно с каждым новым слоем переносить указатель времени в самое начало.

• Перо

Перо нам необходимо, чтобы удалять объекты на время. Лучший объект, который под это подходит - глаза.

1. Выбираем слой с глазами, которые мы вырезали в Adobe Photoshop.

2. С помощью пера обводим контуры глаза.

3. Передвигаем указатель времени туда, где мы хотим, чтобы глаза были закрытыми.

4. Верхние точки от пера передвигаем к нижним.

5. Копируем начальные точки таймлайна и вставляем их в самый конец.

Копировать - комбинация на клавиатуре Ctrl+C

Вставить - комбинация на клавиатуре Ctrl+V

• Булавка

Наш основной инструмент - булавка - подходит тем, что она передвигает объекты в пространстве.

Покажу на примере 2 объектов : брови и рука - хотя с ней, можно хоть что анимировать.

Брови

1. Закрепляем булавками всю поверхность бровей.

2. Передвигаем указатель времени в тот момент, когда глаза должны быть закрытыми.

3. Передвигаем верхние на нижние брови.

4. Снова копируем начало и вставляем в конец.

Руки

1. Снова закрепляем всю руку булавками.

2. Переносим указатель времени в любой момент.

3. Начинаем переносить булавки, так как вздумается.

Главное оставить несколько булавок неподвижными, потому что если их передвинуть, то рука съедет с туловища.

На картинке можно заметить какие булавки остались неподвижными, а какие поменяли своё местоположение.

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

Далее можно Анимировать любые объекты, которые мы только пожелаем.

Итог

Далее рендерим наше творение в оптимальном для нас качестве, и получаем первую нашу в жизни самостоятельную анимацию.

До:

После: