"Живые" картинки в стиле Гарри Поттера

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

На самом деле нет никакого волшебства, так как движущаяся картинка - это обыкновенный анимированный gif (графический формат, позволяющий воспроизводить последовательность изображений). Попробуем сделать его самостоятельно с помощью известных программ Photoshop и GIMP (будет позже) на примере серии из 8 кадров игрового момента в волейболе (по клику мышкой на картинке будет происходить последовательная смена фотографий).

 


Режим быстрой серии. Кадр 1/8Режим быстрой серии. Кадр 2/8Режим быстрой серии. Кадр 3/8Режим быстрой серии. Кадр 4/8Режим быстрой серии. Кадр 5/8Режим быстрой серии. Кадр 6/8Режим быстрой серии. Кадр 7/8Режим быстрой серии. Кадр 8/8Режим быстрой серии. Кадр 1/8

 

Photoshop (на примере версии Adobe Photoshop CS4 Rus)

1. Запускаем Photoshop.

2. В меню программы нажимаем Файл -> Сценарии -> Загрузить файлы в стек

3. В появившемся окне

 

нажимаем кнопку "Обзор..." и выделяем нужные файлы, затем устанавливаем галочку "Попытаться автоматически выровнять исходные изображения". Это существенный момент и его применение оправдано в тех случаях, когда съёмка велась с рук или во время съёмки камера поворачивалась за объектом (так называемая съёмка с проводкой). Нажимаем "ОК" и ждём, пока программа выполняет нужные действия.

4. В результате работы получится восемь слоёв, с выровненным фоном (при этом программа выполняет сдвиг и поворот изображений).

 

5. В меню программы нажимаем Окно -> Анимация, при этом в нижней части окна появится специальная область, где уже есть одна миниатюра нашего изображения.

6. Нажмём на кнопочку (Создание копии выделенных кадров)

 

а затем выключим видимость верхнего слоя

 

7. Повторим предыдущий пункт столько раз, сколько у нас слоёв.

8. Уже почти всё готово, можно нажать кнопочку Пуск, чтобы удостовериться, что картинки меняются одна за другой.

 

9. Так как съёмка велась с рук, то каждый кадр имеет какое-то смещение относительно друг друга. Поэтому нужно обрезать то, что выходит за границы общей области для всех снимков. Это делается в Photoshop с помощью инструмента "Рамка".

 

10. Последовательно нажимая кнопочки "Выбрать следующий/предыдущий кадр" убедимся, что обрезание лишних частей изображения было выполнено корректно, иначе применяем инструмент "Рамка" ещё раз.

11. Изменим размер нашего изображения. Это нужно как для уменьшения объёма готового "клипа", так и для уменьшения нагрузки на процессор и возможного замедления при отрисовке каждого кадра. Для этого выполним в меню команду Изображение -> Размер изображения..., где в появившемся окне установим желаемый размер в точках (в нашем случае - 800х665) и способ интерполяции "Бикубическая чётче".

 

12. Теперь подберём скорость смены изображений. В нашем случае съёмка велась со скоростью 10 кадров в секунду, поэтому для получения реалистичного клипа установим задержку каждого кадра в 0.1 сек. Для этого выделим все миниатюры в окне "Анимация" (нажимая их кнопкой мыши при удержанной клавише Ctrl или Shift), а затем в выпадающем меню первого кадра выберем нужный промежуток времени.

 

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

13. Выполните Файл -> Сохранить для WEB и устройств... с параметрами, как на снимке ниже

 

напишете имя файла и нажмите кнопку "Сохранить". Вуаля! Наша живая картинка готова. Её можно посмотреть в любом графическом редакторе или браузере.

 

 

Константин Поддубный (с) 2012

5
Ваша оценка: Нет Средняя: 5 (4 голоса)

Комментарии

Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Сохранить установки".
Аватар пользователя STEP

Надо попробовать на досуге)) КП, спасибо!

Аватар пользователя КП

Пожалуйста!

Аватар пользователя SOVA

Догадывался,но не знал как именно.
Молодец!