© Сьюзи Сэлмон, Милые кости.
Продолжаю рубрику нестандартного контента для Instagram. Я терпеть не могу статьи в стиле «55 типов контента, которые взорвут ваш профиль лайками». Обычно они представляют собой простое сборище первых попавшихся идей, причём половину запихнули просто для количества. Поэтому 1 идея = 1 статья. Сегодня я буду развивать тему видео начатую в статье про .
Итак, тема сегодняшнего поста — синематография . Первые синематографии были представлены Нью-Йорксим фотографом Джейми Беком и веб-дизайнером Кевином Бургом. Разумеется, первой реакцией может быть что-то в стиле «Да это же простая gifка». Верно и не верно одновременно. GIFку в Instagram не залить, и да, это не разновидность Boomerang, выглядит намного интереснее всамделишное живое фото. Интересно? Поехали.
Для начала я отвечу на вопрос КАК и только потом ЗАЧЕМ. Вот такая странная логика, да.
Более сложный, но по прежнему простой вариант — использование традионного Photoshop. Для поиска исходного видео для статьи я убил минут 30, мои идеи с бутылкой вина, собакой и кружкой кофе, воплотились в «так себе посты», слишком мало света вокруг меня. Но мы будем нацеливаться на авторские ролики снятый на телефон/камеру. Ключевой момент в исходном ролике — камера должна быть абсолютно неподвижна. В идеале вам потребуется штатив, но мне удавалось обходиться и подручными средствами.
Вся работа при создании синематографии происходит в вашем лицензионном Photoshop. Видео можно обрезать отдельным софтом или же при импорте.
1. Импортируем видеофайл в Photoshop – Файл – Импортировать – Кадры видео в слои – выбираем необходимый файл. Теперь каждый кадр открывается как новый слой.
2. Выбираем статичный слой и объединяем все оставшиеся через Ctrl+G . Далее Слои — Слой-Маска — Скрыть всё
3. На первом неподвижном слое через любой удобный для вас инструмент, выделяем область, в которой у нас будет движение и закрашиваем белым цветом. Это будет наше «Окно» через все слои.
4. Теперь нам надо включить раздел анимации, если он у вас ещё не появился. Окно — рабочая область — анимация. Теперь появилась область с кадрами нашего будущего синематографа. Посмотрите вашу последовательность кадров. Почти все из них с прозрачным фоном. Чтобы избавиться от него выделите первый слой на панели со слоями и щелкните на пиктограмму «Унифицировать видимость слоя ». В появившемся диалоговом окне, выберите «Синхронизировать ».
Всё, наш ролик практически готов. Чтобы зациклить итоговое видео, копируем все получившиеся у нас кадры с помощью выпадающего меню. Далее в том же меню выберите пункт «Вставить кадры ». В появившемся диалоговом окне выберите «Вклеить после выделенной области ».Не снимая выделение кадров, выберите в меню пункт «Обратный порядок кадров ».
Готово! Поздравляю, вы восхитительны! Ну почти.
Для примера я выбрал максимально простой ролик без людей и других сложных объектов. Но для дизайнера одежды или мастера по маникюру такой вариант будет слишком ограниченным.
Во время работы над статьёй я обратился за комментариями к Дмитрию Меткину , человеку, который сталкивается с созданием видео, фотографии и синематографии ежедневно.
Некоторые время назад в Инстаграм появились живые фото. Живые фото, это некая анимация без звука, которая длится несколько секунд и зациклена на повторе. Живые фото можно сделать с помощью специальной программы, встроенной функции в вашем телефона, а так же сделать его из видео ролика.
В инстаграм есть официальная страница, где представлены примеры живых фото.
A post shared by PLOTAGRAPH OFFICIAL (@plotagraph) on Nov 15, 2017 at 5:03am PST
Делать живое фото на компьютер и Айфоне очень просто, а внешний вид программ очень похож внешне и по функционалу. Поэтому пошаговая инструкция для создания живых фото будет всего одна для всех платформ.
- Запускаем программу на ПК или открываем приложение на Iphone. Загружаем необходимые фото, которые будет обрабатывать. Лучше всего выбирать качественные фотографии с высоким разрешение, чтобы они выглядели живыми даже без анимации. Так же заранее продумайте какой объект должен быть в движении, вы или какой-то предмет. Всех больше поражают воображение анимация природы, а именно: океана, моря, реки, облаков, порыв ветра. Даже приготовление кофе может быть захватывающим.
- Выбираем направление и вектор движений необходимых объектов. Для этого нужно использоваться встроенные стрелочки. Делайте их максимально короткими, чтобы получить эффект реалистичности.
- Выставляем ограничение точками в том месте, в котором хотите закончить движение объектов на фотографии.
- Не забывайте делать предпросмотр, чтобы убедится, что все идет по плану и вы получает нужный эффект. Для этого есть специальная кнопка в форме «Треугольничка» в самом низу окна приложения.
- Сохраняем живое фото, закончив редактирование. Живые фотографии сохраняются в видео формате «.mp4» но без звука. В Инстаграме они тоже будут отображены как видео, но будут воспроизводится повторно бесконечное количество раз.
- Если вы создавали на компьютере, то переносим на свой телефон, чтобы с него загрузить в Инстаграм.
Как превратить видео в Живое фото с помощью Cinemagraph.
Иногда сделать живое фото из видео проще, а еще оно выглядит реалистичнее, чем созданное в Платограф. Для создания живых фото с помощью видео есть специальная программа Синематограф. Она доступна для мобильных телефонов на IOS и Android.
В видео все движения реалистичны и все объекты находятся в постоянно движении с их реальной скоростью и частотой. Если делать лайф-фото с помощью фотографий, то двигаться будут только выбранные вами участки. В общем выбирайте сами, а лучше попробуйте оба варианта и в зависимости от ситуации и задача, используйте одну из программ.
Чтобы найти приложение введите его название «Cinemagraph» в поиск App Store или Google Play.
Прежде чем создавать живое фото с помощью видео ролика определите какой момент будет использован и представьте необходимый результат. Для начала используйте самые очевидные и стандартные варианты, чтобы научится работать и правильно использовать функционал программы. Используйте на фоне море, реку или просто движущиеся облака. Выбирайте видео, которые сняты со штатива, иначе у вас не получится сделать полноценное живое фото, видео должно быть устойчивым и фон не должен наклонятся или постоянно ездить в разные стороны. Интересный эффект можно получить если снять себя рядом с зеркалом, а потом заморозить или замедлить движение в одном из зеркал, прям как в фильмах ужасов. Кстати можно повторить кадры из фильма ужасов, чтобы немного напугать ваших друзей.
Пошаговая инструкция по созданию живого фото в Синематограф
Вы уже должны скачать приложение к себе телефон. Откройте его и осмотрите функционал приложения.
Чтобы сделать подробную инструкцию по созданию живого фото в Инстаграм мы решили показать все этапы на примере. Прочитайте инструкцию, а потом посмотрите видео, чтобы закрепить урок. Огромное спасибо автору на YouTube, который снял подробный и понятный видео урок по Синематографу.
Итак, приступим. Попробуйте оживить стену, как это сделано в видео. Для этого нужно передвигать камеру вверх, а потом вниз, сохраняя какой-то объект в фокусе. Результат получится не впечатляющим, но зато вы поймете принцип работы этого приложения.
В примере на видео мы решили «оживить» стену. Двигали камеру вверх-вниз и после оживили только ту часть, где стена. Результат неидеален, но смысл понятен.
- Зайдите в Синематограф и выберите объект, который будет неподвижен. Нажмите на круглую кнопку внизу, которая запустит сьемку и удерживайте фокус на обьекте.
- Зарисуйте участок, которые станет подвижным. В самом верху приложения есть кнопки, которые позволяют изменить размер закрашиваемой области и изменить степень прозрачность этих областей.
- Нажмите на кнопку готово(галочку) и ждите, пока видео обработается и превратится в живое фото.
- Когда обработка завершится, можно отправить живое фото в Инстаграм в любое другое место, к примеру по почте или другую социальную сеть. Просмотр живых фото возможен на любом устройстве, так как оно имеет формат видео mp
Вы когда-нибудь мечтали о дне, когда появятся анимированные фотографии, как в сказке про Гарри Поттера? Этот день уже наступил. С помощью приложения Mug Life можно оживить любую фотографию за несколько простых шагов.
Приложение Mug Life сканирует лицо по фотографии и составляет карту точек.
Если плавно изменить положение базовых точек лица на изображении, получится анимировать его. И очень качественно. Можно играть со своими фотками, снимками друзей или знаменитостей.
Чтобы сделать фотографию анимированной, необходимо загрузить в программу выбранный портрет и настроить нужные эмоции человека на снимке. В Mug Life можно добавить улыбку или сделать лицо печальным. Также можно сымитировать проговаривание какого-то слова. Итоговый результат сохраняется в виде анимации (gif) или видеоролика.
Пользователи не остановились на фотографиях и начали оживлять даже татуировки.
ТНТ оживили рисунки с российскими медийными персонами.
Над сервисом с 2015 года трудятся два разработчика из Остина, штат Техас, - Роб Коэн и Томас Коулз, у которых на двоих более 20 лет опыта в индустрии видеоигр. Собственно, та анимация, которая получается в результате обработки фотографий нейронными сетями Mug Life, напоминает анимацию персонажей из видеоигр.
Пока чудо-приложение доступно только для пользователей iOS. Оно имеет ряд пресетов, которые позволяют создать готовое видео меньше чем за минуту. Они представляют собой популярных медийных персонажей с надписями: недовольный папа римский, коварный Джокер и так далее.
Для любителей нестандартных решений разработчики выпустили полную платную версию с точечной настройкой анимации. Ее цена составляет 3,99 доллара. А вот когда приложение будет доступно в Google Play, пока не сообщается.
Синематография или «живая» фотография – это изображение, часть которого подвижная, а часть остается статичной. На таком фото сочетается и видео, и фотография, что и определило название подобного изображения – «живая фотография». Создать такое фото не сложно, нужно просто правильно подобрать объект для анимации.
Фактически, синематография является набором сменяющихся кадров. Например, в первом кадре глаза у человека закрыты, далее с кадрами, глаза открываются все больше и больше, и уже на четвертом кадре глаза полностью открыты, и далее постепенно закрываются. Чтобы на фото уголки губ, или случайно упавшая прядь волос оставались неподвижными, а двигались только глаза, анимацию следует делать только на конкретном участке снимка, что достигается двумя способами.
Для начала следует вырезать из каждого кадра ту область, которая на фотографии будет двигаться, остальное нужно удалить. Невредимым оставляют только 1 кадр, который служит фоном для синематографии. Рассмотрим все тот же пример с морганием человека. Для этой анимации следует взять 10 кадров. В 9-ти кадрах удаляем все, оставляем только глаза. 10-й кадр оставляем не тронутым, он будет фоном, и располагаем его под остальными. Фоновый кадр виден всегда, а остальные кадры будут сменять друг друга по очереди, и создавать моргание.
Используя второй способ, нужно невредимыми оставлять все кадры, кроме фонового, в котором вырезают «дырку» именно в том месте, в котором будет движение. При этом фоновый кадр располагают поверх всех остальных. Все также возьмем пример с морганием и 10 кадров для него. На одном изображении вырезаем глаза, этот кадр будет фоном. Его будут видеть постоянно, а остальные кадры будут сменять друг друга.
Двумя способами получают и кадры для анимации. Первый – сделать ряд фото, второй – использовать видео. В первом случае нужно использовать фотоаппарат, имеющий специальный режим скоростной съемки. Чтобы получить кадры вторым способом, нужно использовать специальную программу, сохраняющую часть видеоролика как скриншот.
Сложность «живой» фотографии заключается в том, что ее нужно оптимизировать, поскольку формат gif, поддерживающий анимацию, включает более 256 оттенков и цветов. Поэтому не стоит выбирать для анимации чересчур яркие и насыщенные объекты. Лучше использовать изображения более спокойных тонов, избегать радуги, градиентов и других пестрых текстур.
Следует выбирать объекты, совершающие цикличные движения. К примеру, фотографии рыбок, хаотично плавающие в аквариуме, превратить в синематографию нельзя. Предмет анимации должен двигаться таким образом, чтобы возвращаться к начальной позиции. Постарайтесь взять небольшие движущиеся объекты. И тогда при съемке вероятность ошибок уменьшается, и работать с таким объектом легче. Изначально пробовать нудно на неодушевленных предметах, совершающих простые движения.
Чтобы создать несколько кадров на фотоаппарате, выбирают режим скоростной съемки, ставят фотоаппарат на штатив, что позволяет сделать все фотографии с одной точки, и при этом будущая анимация не будет прыгать. Число кадров прямо пропорционально зависит от длительности движения. Для дальнейшей работы используется программа . Для начала нужно просмотреть кадры, которые получились, и найти начало и конец движения объекта. Все остальные изображения можно удалять. Снимки открывают в Photoshop и перетаскивают их последовательно в один файл. Перетаскивать необходимо в том порядке, как они были сняты. Начальный кадр – это нижний слой, конечный – верхний слой. Далее создается та самая «дырка», через которую видно движение. Анимация создается в режиме быстрой маски, который включается кнопкой, расположенной снизу панели инструментов.
Затем выбирают инструмент «Brush tool», с помощью которого закрашивается область, в которой делают «дырку». После это выключают режим быстрой маски, и проверяем выделенную область. Затем нажимают кнопку «Add vector mask», которая располагается на панели «Layers». С помощью этой кнопки закрашенную область превращают в векторную маску, и через нее видны остальные слои.
После этого переходят к созданию анимации. На панели «Animation» используется команда «Window-Animation». Там присутствует 1 кадр, остальные необходимо создать. Количество кадров равно количеству слоев. Дублирование кадров осуществляется с помощью кнопки «Duplicate selected frames». Далее выставляется правильная видимость слоев всех изображений. Видимость и невидимость слоя включается нажатием глазика на значке. После выставления видимости слоев, сразу можно будет увидеть результат – анимация происходит от кадра к кадру. Затем выбирают скорость перехода между кадрами. Это делают клавишей Ctrl или Shift, которыми выделяют все кадры и выбирают требуемое значение из существующего списка.
Теперь уже можно подправлять цвета, добавлять свет, если это необходимо. При этом помните, что выполненные операции распространяются с первого по последний кадр.
Готовая «живая фотография» сохраняется с помощью команды «File-Save for Web&Devises». При этом открывается окно, в котором предлагается выбрать настройки, чтобы оптимизировать gif-формат. При сохранении, к сожалению, качество изображения несколько ухудшается, поскольку формат gif имеет только 256 цветов. Иногда это практически не заметно, а иногда качество становится значительно хуже. Поэтому необходимо внимательно относиться к выбору цветов для анимации.
Описанный способ создания анимации воплощается с помощью серийной съемки. К сожалению, данную функцию имеют не все фотоаппараты. Но, к счастью, анимированное фото можно сделать и из видеоролика. Данный способ подразумевает съемки слишком длинных роликов камерой, установленной на штатив. Ролик должен длиться до 20 секунд. Готовый ролик разбирают на кадры, а далее они используются как серийная съемка. Разложить видео на отдельные изображения можно в последних версиях программы Photoshop. Также можно использовать Adobe Image Ready.
Запомните, что от внимательности выбора объекта и аккуратности его съемки, зависит качество результата. Воспользуйтесь советами и творческих вам успехов!
XnView - удобный редактор цифровых фото и изображений, в арсенале программы имеется большой запас инструментов для обработки фотографий, включая дополнительные фильтры и пакетную...
Хотите удивить близких и друзей? Сделайте слайд-шоу с элементами синемаграфии! В программе «ФотоШОУ PRO» вы найдете все необходимые инструменты для создания подобного проекта. Прочитайте статью и узнайте обо всех нюансах разработки слайдов с «живыми» фотографиями в этом приложении. А если у вас ещё не установлено «ФотоШОУ PRO», то исправьте это прямо сейчас: с нашего сайта.
Как сделать синемаграфию из фото для слайд-шоу
Для начала давайте разберемся, что собой представляет синемаграфика. Как правило, так обычно называются картинки, на которых находится в движении один или сразу несколько элементов. Вся остальная часть изображения при этом остается всегда статичной и никак не меняется. На пейзажном снимке двигаться может вода, облака, бабочки и другие детали, а на фото с изображением людей у моделей могут развеваться волосы или колыхаться одежда.
Создать эффект движущегося изображения в слайд-шоу не так уж и сложно. Для работы вам потребуется «ФотоШОУ PRO» и фоторедактор. Совсем необязательно устанавливать на ПК и осваивать сложный Adobe Photoshop или другой софт, который используют профессионалы. Подготовить материалы для создания синемаграфии можно буквально за три шага в редакторе .
- Шаг 1. Загрузите фотографию в программу. В меню «Эффекты» выберите опцию «Замена фона».
- Шаг 2. Выделите область, которую хотите анимировать. Размойте границы фрагмента, передвинув бегунок на одноименной шкале вправо.
- Шаг 3. Сохраните элемент. Установите переключатель на пункт «Без фона» и кликните «Сохранить в файл…». Выберите PNG, дайте изображению имя и поместите его в нужную вам папку.
Перейдем к работе с . Запустите программу и добавьте оригинал изображения на монтажный стол. Попробуем сделать живое фото. Синемаграфия в программе создается в редакторе слайда. Сразу же растяните фотографию на весь экран. Этот нехитрый прием поможет избавиться от черных полос по бокам слайда.
Добавьте на слайд фрагмент изображения, извлеченный в фоторедакторе. Настройте его местоположение и размер при помощи мыши.
Если обрезка вышла «грубой» и у фрагмента выделяется одна из сторон, то примените к слою маску.
Теперь перейдем к оживлению изображения. Добавьте второй ключевой кадр и задайте настройки для слоя в конце показа. В нашем примере для создания эффекта движущейся реки нужно сдвинуть слой вправо и увеличить его. Это можно сделать вручную или во вкладке «Анимация».
Если движению не хватает плавности, то увеличьте длительность слайда.
Синемаграфия готова! При желании вы можете продолжить работу над слайдом. Кадр станет еще интереснее, если вы воспользуетесь функцией «3D-камера». С ее помощью вы сможете . Добавьте ключевой кадр в конец таймлайна и потяните бегунок на шкале «Приближение» вправо.
Бушующее море и таинственный туман: идеи для синемаграфии
С «ФотоШОУ PRO» вы быстро почувствуете себя настоящим волшебником! Добавляя движение в одну из частей снимка, вы сможете добиться поистине фантастического результата за короткие сроки. Но и это далеко не всё! Фото можно дополнить эффектом реалистичного тумана. Просто наложите на исходную картинку фрагмент соответствующей текстуры и настройте ее. Добавьте второй ключевой кадр и сделайте слой с туманом меньше.
Для исходной фотографии тоже добавим ещё одну ключевую точку. Здесь слой будет медленно и плавно увеличиваться.
Такие настройки помогут зрителю полностью окунуться в атмосферу происходящего на экране. Не забывайте, что вы можете добавлять сразу несколько дополнительных слоев. Например, на таком снимке можно одновременно «оживить» море, тучи и солнце:
В фоторедакторе сначала вырежьте часть изображения с небом и сохраните ее в отдельный файл. Затем аналогично отделите море и сохраните в той же папке. Когда подготовка завершится, наложите оба получившихся фрагмента на исходное изображение в «ФотоШОУ PRO».
Для слоя с тучками и солнечными лучами зададим плавное движение вправо, остальные параметры оставим без изменений и тут же оцените результат в плеере.
Хотите узнать, как сделать данную синемаграфику ещё более зрелищной? Воспользуйтесь инструментом 3D-камера: поэкспериментируйте с приближением, добавьте движение влево, вправо, вверх или вниз.
Сохраняйте готовую анимацию в удобном вам виде! Экспортируйте проект в любом видеоформате вместе с другими слайдами. Также вы можете сохранить созданный слайд отдельно и позже преобразовать его в GIF. Загружайте готовые синемаграфии в сеть и делитесь ими с людями со всех уголков планеты!
