Создание вращающихся анимированных изображений в формате GIF программой PhotoScape

Владельцам интернет-магазинов и фотографам: вращающиеся фото в формате GIF

Перед началом работы с программой PhotoScape

Наша задача: обработать серию фотоизображений и "склеить" их в один GIF файл, показывающий эти изображения поочерёдно, друг за другом (GIF анимация). Чтобы получить анимированное изображение вращающегося предмета, нужно сфотографировать предмет в разных фазах вращения, затем показать эти картинки друг за другом в виде "мультфильма". Зритель увидит вращающийся предмет.

Схема последовательности действий:

Сделать правильные фотографии предмета во вращении вы сможете с помощью специального поворотного стола для 3D фотосъёмки.

Если вы фотографируете камерой смартфона или планшета на Android, то для съемки предметов на поворотном столе рекомендуем вам мобильное приложение Open Camera. Приложение позволяет вести съёмку серий кадров в автоматическом режиме с дистанционным управлением голосом или другим звуком, не касаясь устройства в процессе съёмки. Приложение Open Camera доступно бесплатно на Google Play.

Можно получить серию JPEG изображений предмета во вращении и другим способом: снять вращающийся предмет на видео, затем конвертировать видеофайл в серию отдельных кадров. Например, бесплатной программой Free Video to JPG Converter. Нужно только обрезать видеофрагмент до одного оборота предмета, убрав всё лишнее. Перед конвертацией выберите режим фиксированного количества фотоизображений, и тогда программа сформирует заданное число кадров JPEG, независимо от продолжительности видео. Удобно делать серии из 50 кадров, вращение предмета получается достаточно плавным.

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

Начинаем работать с программой PhotoScape. Загружаем картинки

Запускаем программу PhotoScape. Выбираем вкладку Gif-Анимация:

Чтобы загрузить картинки в программу, выделим их мышью в папке, где они лежат:

И перетащим в окно программы:

Картинки загружаются в окно в виде линейки и располагаются в алфавитном порядке.

Можно сразу увидеть GIF анимацию в действии. Треугольная кнопка включает анимацию, квадратная - стоп.

Скорость GIF анимации и разрешение картинки

Скорость движения задаём нажав кнопку "Время". Вводим время показа каждой картинки (кадра). В данном случае введено значение 0.1 секунды на каждую картинку в ролике.

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

Чтобы убедиться, всё ли правильно сделано, нажимаем треугольную кнопку "Пуск" и проверяем полученную анимацию в движении.

Сохранение файла GIF анимации

Для сохранения готового файла GIF анимации нажимаем кнопку "Сохранить", задаём имя файла и сохраняем:

Результат:

Программа PhotoScape. Как настроить неполное вращение объекта (качание влево-вправо)

Кроме вращения на 360 градусов, программа PhotoScape неплохо подходит для имитации частичного вращения - полуоборота предмета влево-вправо (такое вращение ещё называют пинг-понг или баунс). Частичное вращение лучше показывает плоские товары с неинтересной обратной стороной, например: образец декоративной штукатурки, встраиваемый светильник, подвеска-кулон с камнем.

Подготовим набор картинок для полуоборота предмета в одну сторону:

И перетащим в окно программы.

Если оставить всё как есть, то при просмотре анимации предмет станет "прыгать" рывком с последнего ракурса на первый. Нажмите треугольную кнопку "Пуск" и убедитесь в этом.

Но мы же хотим, чтобы предмет равномерно поворачивался туда и обратно. Надо достроить поворот в обратном направлении. Для этого продублируем все картинки, кроме первой (1) и последней (19), и полученные дубликаты вставим после 19й картинки в обратном порядке.

Начнём. Выделим курсором предпоследнюю картинку (18) и скопируем её стандартным образом клавишами Ctrl/c:

Нажимаем вставить Ctrl/v. Скопированная картинка-дубликат вставляется справа от последней картинки (19) и имеет номер 20. Нам именно это и нужно:

Затем выделяем курсором предыдущую картинку (17), копируем её:

Вставляем. Скопированная картинка снова встаёт справа от последней картинки (20), уже под номером 21:

Продолжаем последовательно копировать картинки в порядке уменьшения их номера, и вставлять их - каждая вставленная будет иметь бОльший номер. Доходим до первой картинки, её не копируем.

Таким образом, к имеющемуся у нас полуобороту в одну сторону мы добавили серию картинок в обратном направлении.

Можно нажать треугольную кнопку "Пуск" и проверить полученную анимацию во вращении - всё ли правильно сделано.

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

Здесь для примера было отснято 36 кадров на один оборот, из них использована половина. Вращение выглядит не очень плавным. Предметы простой округлой формы, например вазы, выглядят плавно вращающимися уже при 18 - 24 кадрах на оборот. Но предметы сложной формы с углами и выступами требуют большего числа ракурсов: порядка 48 - 72.

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

PhotoScape для Microsoft Windows NT/2000/XP/Vista/7/8/10:
http://www.photoscape.org/ps/main/download.php

PhotoScape X для Windows 10 и Mac:
PhotoScape X

Можно ли сделать проще?

Можно просто снять видео вращающегося объекта, зациклить это видео и получить аналогичный результат. Вращение на видео выглядит более плавным. Один видеофайл mp4 обычно весит меньше, чем файл GIF, и быстрее грузится.

Пример зацикленного видео:

Удобно в использовании, например, бесплатное мобильное приложение для Android:
GIF Maker & GIF Editor & Video Maker

Другие способы получения изображений вращающихся объектов

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

Короткие видео товаров для магазина - зачем нужен поворотный стол

3D съемка предметов смартфоном с помощью Open Camera

Анимация 360° вращения из серии фото:

1) GIF анимация онлайн

2) GIF анимация программой UnFREEz

3) HTML5 анимация программой Object2VR

4) HTML5 и GIF анимация программой 360° Product Viewer

5) Интерактивное вращение пальцем и мышью на JavaScript: готовое решение (бесплатно) для вашего сайта

Анимация 360° вращения из видео:

1) GIF анимация из видео программой ThunderSoft Video to GIF Converter

2) GIF анимация бесплатной программой Free Video to GIF Converter

3) GIF анимация из отснятого видео онлайн

4) Управляемое вращение из видео (Free Video to JPG Converter + HTML5)

Бизнес для вас!

Для удобства съемки предметов в разных фазах (ракурсах) вращения предлагаем вам специальное оборудование:

Поворотные столы для съемки 360

Нужна консультация по поворотному столу? Ответим на ваши вопросы:

Другие виды нашей продукции:

Напольные поворотные платформы

Детали для сборки поворотных подиумов большого диаметра

Крутящийся центр стола Lazy Susan. Вращающийся столик-подставка для блюд и тортов

Сделать крутящийся центр стола своими руками? К вашим услугам детали для самостоятельной сборки