Uleyrusжурнал о доме и жизни

Как "оживить" фото в Инстаграм: программы и приложения

Редакция Uleyrus15 мин чтенияМастерская и техника
Содержание
  1. Шаг 1
  2. Шаг 2
  3. Шаг 3
  4. Шаг 4
  5. Шаг 5
  6. Шаг 6
  7. Шаг 7
  8. Шаг 8
  9. Шаг 9
  10. Как сделать живое фото Синемаграф из видео на айфоне/андроиде
  11. Работа с конечными точками
  12. Работа с несколькими путями
  13. Эффект движения при вспышках стробоскопа
  14. Синематография в Инстаграм
  15. Как делать фото или видео живыми?
  16. Популярные программы
  17. Сравнение характеристики перечисленных программ
  18. Заключение

В фотографии не так просто, как кажется. Идеальный динамичный снимок должен быть довольно четким, чтобы было понятно, что на нем изображено, и в то же время - смазанным, за счет чего и передается ощущение движения. Для получения такого эффекта при съемке фотограф устанавливает довольно длинную выдержку и неотступно ведет камеру за движущимся объектом, стараясь точно отслеживать скорость движения своей модели. Но чтобы поймать такой кадр, надо запастись терпением - не один дубль будет испорчен. Научиться подбирать оптимальную выдержку и правильно следить за движением объекта можно только методом многочисленных проб и ошибок. Однако, когда фотограф наконец находит идеальную комбинацию, он обнаруживает, что снимать-то уже... некого! Не беда, попробуем максимально приблизиться к желаемому результату цифровыми методами.

Очень важно здесь правильно подобрать исходник. Снимок может быть сделан с короткой выдержкой, но главный герой этого сюжета всё же должен куда-то двигаться. Бежать, лететь, ехать. Согласитесь, странновато будет смотреться, например, стремительно мчащаяся мимо камеры ваза с цветами.

Активируйте фоновый слой в панели слоев. Нам нужно его продублировать. К копии мы потом применим фильтр Motion Blur , а оригинал - сохраним неизменным в фоновом слое. Перетащите фоновый слой на значок создания нового слоя внизу окошка слоев или зайдите в Layer > Duplicate.

Теперь наша задача - "испортить" эту копию. Возьмите инструмент Clone Stamp Tool и пройдитесь ей по краям вашего главного героя так, чтобы заклонировать их вовнутрь. Скорее всего, главный герой после этой операции станет малоузнаваемым. Это странное действие нужно для того, чтобы после применения блюра вокруг главного героя не появился неприятный ореол, по которому сразу видно неестественность смаза.

Теперь можно воспользоваться размытием. Убедитесь в том, что активным является дубликат слоя. Кликните Filter > Blur > Motion Blur и включите опцию Preview , чтобы был виден результат работы фильтра. Угол корректируется либо вручную (для этого надо оттянуть направляющую в нужную сторону), либо путем ввода соответствующего значения. В данном случае нужно ввести значение 0 - тогда размытие будет строго горизонтальным, слева направо. Старайтесь придерживаться логики. Если мальчик бежит мимо нас, то он явно движется по горизонтали, но никак не по диагонали. А в случае с падающими объектами лучше использовать вертикальное размытие.

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

Нажмите внизу панели слоев кнопку Add Layer Mask , выберите инструмент Brush . Задайте кисти черный цвет и, постоянно меняя ее размер и жесткость в зависимости от детализации контура начинайте закрашивать маску над объектом, убирая с него размытие.

Этот шаг нужен только в том случае, если в вашем сюжете есть передний план. Наверняка, глядя из окна автомобиля или поезда, вы замечали, что передний план несется с бешеной скоростью, а что-то вдалеке движется по отношению к вам медленнее. Попробуем использовать это наблюдение для усиления объемности сюжета. После того как вы замаскировали размытие в нужных местах, кликните Layer > Duplicate , чтобы продублировать этот слой еще раз. Активируйте новую копию (но не ее маску), нажмите Ctrl+А (копия выделится) и примените еще раз Motion Blur.

Сделайте активной маску верхнего слоя и включите инструмент Gradient. В панели опций выберите пресет Foreground to Transparent и метод Linear . Задав черный цвет переднего плана, кликните и протяните курсор от верха к центру изображения. Градиент уберет лишнюю размытость с дальнего плана.

В этом уроке вы узнаете, как использовать все типы размытия для создания иллюзии движения, а также добавления фокуса к изображению в программе Adobe Photoshop.

Итоговый результат

Исходные материалы:

Шаг 1

Вначале, давайте добавим эффект движения статическому изображению автомобиля.

Откройте изображение "Автомобиль" в программе Photoshop и далее продублируйте изображение с автомобилем Ctrl + J.

Шаг 2

Примените фильтр Размытие в Движении (Motion Blur), для этого идём Фильтр- Размытие - Размытие в Движении (Filter > Blur > Motion Blur).

Шаг 3

К дубликату слоя с размытием добавьте слой-маску, для этого идём (Layer > Layer Mask > Reveal All).

На слой-маске слоя, обработайте изображение автомобиля с помощью мягкой чёрной кисти для того, чтобы эффект размытия в движении присутствовал только на заднем фоне.

На скриншоте ниже, я прокрасил изображение автомобиля красным цветом там, где вы должны прокрасить чёрной кистью на слой-маске слоя, в качестве ориентира.

Результат должен быть, как на скриншоте ниже.

Шаг 4

Нажмите клавиши Ctrl + Shift + Alt + E, чтобы объединить все видимые слои в один слой, а затем с помощью инструмента Овальная область (Elliptical Marquee Tool), создайте выделение вокруг переднего колеса автомобиля.

Шаг 5

Далее, к выделенной области, примените фильтр Радиальное Размытие (Radial Blur), для этого идём Фильтр - Размытие - Радиальное Размытие (Filter > Blur > Radial Blur). В параметре Метод (Method Blur), выберите опцию Кольцевой (Spin) и сместите бегунок параметра Степени (Amount) до конца вправо. В этом шаге, мы применим Кольцевое Размытие (Spin Blur) к нашему колесу, чтобы оно выглядело, как будто быстро вращается.

Колесо должно выглядеть, как показано на скриншоте ниже:

Шаг 6

Повторите действие с радиальным размытием к заднему колесу. Результат должен быть, как на скриншоте ниже.

Шаг 7

Добавьте слой-маску к слою с радиальным размытием, идём Слой - Слой-маска - Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти с непрозрачностью 50%, прокрасьте вокруг краёв вращающихся колёс, чтобы скрыть какие-либо заметные / грубые линии.

Шаг 8

Создайте ещё один объединённый слой из всех видимых слоёв, нажав клавиши Ctrl + Shift + Alt + E. А затем к объединённому слою, добавьте Размытие в Движении (Motion blur), установите значение Смещения (Distance) 700px.

Результат Размытия в Движении (Motion Blur):

Шаг 9

Поменяйте режим наложения для данного слоя на Осветление (Screen), далее, добавьте слой-маску, для этого идём (Layer > Layer Mask > Hide All).

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

Примечание переводчика: слой-маска скроет размытие в движении 700рх., а с помощью белой кисти, вы вновь проявите эффект размытия, только в области задней части автомобиля.

Продублируйте данный слой, нажав клавиши Ctrl + J. Далее, нажмите Alt + Backspace, чтобы залить слой-маску чёрным цветом, затем сместите слой немного верх (удерживая клавиши Ctrl + Shift + нажмите клавишу со стрелкой ВЕРХ один раз):

Прокрасьте на слой-маске белой кистью, как показано на скриншоте ниже:

Итоговый результат:

Другие типы Размытия

Ещё один интересный эффект, который вы могли бы применить к объекту или человеку, создавая ощущение, что он бежит очень быстро, это Линейное Размытие (Zoom Blur).

Откройте изображение "Бегущий человек", также продублируйте слой с изображением бегущего человека.

Слой- Слой-маска - Скрыть всё (Layer > Layer Mask > Hide All). Аккуратно прокрасьте с помощью белой кисти на слой-маске слоя, чтобы проявилось только изображение бегущего человека, а также немного прокрасьте участок земли перед человеком. Результат должен быть, как на скриншоте ниже.

Другая техника - это применение фокуса к изображению объекта или человека с помощью Размытия по Гауссу (Gaussian Blur) и размытия картинки за исключением объекта / человека, на котором мы хотим сфокусироваться. Итак, давайте попробуем.
Откройте изображение "Тинэйджеры", также продублируйте слой с изображением тинэйджеров.

Примените Размытие по Гауссу (Gaussian Blur), установите радиус размытия 3.5px. Для этого идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur).

Теперь, давайте предположим, что мы хотим сфокусировать только девушку, которая расположена в середине.

К дубликату слоя с размытием, добавьте слой-маску, для этого идём Слой - Слой-маска - Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти, прокрасьте поверх верхней части девушки, которая расположена в середине. При прокрашивании, будьте аккуратны, не заходите кистью дальше от объекта фокусирования. Как вы можете увидеть, эффект - нежный, но ощутимый.

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

Живые фото в Инстаграм - интересная фишка. Примеры таких живых фото, сделанных с помощью приложения Плотаграф, смотрите в официальном аккаунте Инстаграм @plotaverse . Эти живые фото сделаны из фотографий, но можно делать их и из видео.

Хотите больше идей для фото в Инстаграм? Подпишитесь на нас в Pinterest !

Как сделать такое живое фото и можно ли с помощью айфона или смартфона на андроиде? Можно! Нужно будет установить одно из (или оба) приложений: Plotagraph и Cinemagraph. Их основное отличие - Плотаграф делает живое фото из обычной фотографии, а Синемаграф - из видео. Синемаграф конечно будет реалистичнее, но и Плотаграф даёт интересный эффект. Лично мне Плотаграф нравится даже больше, т.к. можно использовать и делать из них красоту.

Plotagraph - это оживление части фотографии векторами.

Приложение для iPhone - Plotagraph+
Для Андроид приложения пока нет, но вы можете скачать программу для Windows по этой ссылке . Нужна будет регистрация на официальном сайте.

После готовое видео-плотаграф можно будет загрузить на Андроид и оттуда в Инстаграм.

Принцип работы в приложении для iPhone и для компьютера одинаковый.

  1. Загружаем фото в приложение. Лучше и реалистичнее всего будут выглядеть живые фото, где двигается вода/облака. Вода - это не только море, можно и кофе в кружке, фонтан и т.д.
  2. Рисуем стрелочки по направлению движения в той зоне, где нужно "оживить" изображение. Чем короче стрелочки, тем реалистичнее будет итоговый эффект.
  3. Ставим ограничительные точки там, где изображение должно остаться неподвижным.
  4. Для предпросмотра можно нажать треугольник внизу.
  5. Делаем экспорт получившегося живого фото и сохраняем (формат - видео.mp4).
  6. Скидываем на телефон и загружаем в Инстаграм. Получившееся видео - это и есть "живое фото"

Как сделать живое фото Синемаграф из видео на айфоне/андроиде

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

Такой эффект можно сделать в приложении для iPhone или Android - Cinemagraph.

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

В примере на видео мы решили "оживить" стену. Двигали камеру вверх-вниз и после оживили только ту часть, где стена. Результат неидеален, но смысл понятен.

  1. Открываете приложение, направляете камеру на предмет съёмки.
  2. Нажимаете и удерживаете круглую кнопку внизу.
  3. Пальцем закрашиваете те участки, которые будут "живыми". Наверху есть кнопки, чтобы изменить размер кружка, которым закрашиваете, и степень прозрачности.
  4. Галочка - готово, дождитесь обработки видео.
  5. Можно поделиться получившимся видео (это и будет "живое фото) сразу в Инстаграм или на почту/послать в мессенджеры.

Вы можете нажать на конечные и среднюю точки, чтобы их переместить и скорректировать направление размытия:

Если навести мышку на путь, то можно поставить новую точку:

Вы можете переместить путь целиком, для этого надо зажать Ctrl, навести мышку на путь, зажать левую клавишу и перетащить:

Вы можете добавить ещё один или несколько путей размытия. Для этого надо навести курсор в любое свободное место документа, курсор изменит вид на "булавку", затем зажать левую клавишу и протащить курсор:

На панели размытия имеется параметр "Скорость" (Speed). Он определяет степень размытия по заданному направлению. Важно иметь ввиду, что это глобальный параметр, т.е. он действует на все имеющиеся пути:

При включённой опции "Центрированное размытие" (Centered Blur) размытие происходит относительно центра стрелки, и пиксели изображения в центре остаются на месте. При отключенной опции размытие отсчитывается от начала стрелки, и и пиксели смещаются по направлению стрелки.

Работа с конечными точками

Как упоминалось выше, установка "Скорость" (Speed) ??имеет глобальный характер. Поэтому, для того, чтобы регулировать количество размытия, следует настроить значения конечных точек "Скорости". Рассмотрим, как это сделать. Сначала убедитесь, что включена опция "Редактировать формы размытия" (Edit Blur Shapes). Затем нажмите на конечную точку пути для выбора этой точки, после чего Вы заметите, как на концах пути появились две красные стрелки. Они имеют собственные конечные точки. Чтобы изменить значение "Скорости" в конечной точке, перетащите точку стрелки в документе, либо ползунок "Скорость конечной точки" (End Point Speed), или введите значения вручную:

Для дальнейшего изменения формы размытия в конце пути Вы можете перетащить центральную точку на красной стрелке. Имейте ввиду, что добавлять промежуточные точки, как на основном пути, Вы не можете:

Работа с несколькими путями

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

Чтобы добавить новый путь, поместите курсор туда, где вы хотите видеть начало пути, кликните левой клавишей мыши, переместите курсор в нужном направлении, кликните для создания промежуточной опорной точки, повторите действие по созданию промежуточных точек нужное количество раз. Для завершения создания пути, кликните на месте, где должен быть конец пути, подождите 2 секунды с отпущенной клавишей, пока не появится символ точки на конце линии, и кликните ещё раз. Вместо этого, для завершения пути можно просто нажать клавишу Esc:

После создания путей, вы можете настроить "Скорость" на конечных точках. На этом изображении значение "Скорости на левых конечных точках равно нулю, а на правых около двухсот:

Совет: Для удобства работы используйте горячие клавиши . Нажмите и удерживайте клавишу H, чтобы временно скрыть траектории путей. Отпустите кнопку, чтобы они снова отображались. Нажмите клавишу P, чтобы выключить/включить предварительный просмотр действия фильтра.

Эффект движения при вспышках стробоскопа

У Photoshop CC имеется ещё одна интересная опция размытия в движении - это эффект импульсной вспышки, что-то вроде съёмки в темноте при включённом стробоскопе. Управление эффектом расположено на другой панели.

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

Если "Интенсивность импульсной вспышки" установлена на 0%, то на рисунке будет показано непрерывное размытие, т.е. эффект стробоскопа не отобразится. Если он установлен в 100%, то эффект вспышки становятся чёткими, без смазывания. Значение между 0 и 100 дает эффект смазанных вспышек:

Мы рассмотрели некоторые теоретические моменты создания эффекта движения в Photoshop СС. Как воплотить это на практике и создать эффект движущегося автомобиля, рассказывается .

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

Синематография в Инстаграм

Многие из вас сейчас подумали "Что за живые фото? ". Всё же нет, отличия есть. Кто-то так же мог подумать, что это просто GIF-анимация. И отчасти эти люди будут правы. С одной поправкой - гифки не загружаются в Инст. Так что, это видео, но с особенной обработкой.

Первые синематографии были созданы не так давно, Нью-Йоркским фотографом Кевином Бургом. И создаются они с помощью векторной графики: часть видео на экране "замораживается" и не движется, а остальная двигается. Или, наоборот, на фото мы заставляем воду течь, облака плыть, огонь гореть и так далее. Получается действительно интересно и красиво. Такой пост в вашем профиле сорвет овации в видео тысяч отметок "Мне нравится".

Как делать фото или видео живыми?

Основной принцип я вам уже объяснила: берется часть экранного изображения и "замораживается" либо "оживляется". Чуть ниже будут рассмотрены несколько приложений, но практически все они работают по принципу: выдели то, что ты хочешь остановить или нарисуй стрелочки движения тому, что ты хочешь оживить.

Поможет сделать анимированные фото в Инстаграм программа Фотошоп. Там довольно длинный алгоритм действия. Этот способ можно отнести к сложным (а для некоторых даже к очень сложным), поэтому это тема для отдельной статьи. Мы же поговорим о более простых решениях.

Популярные программы

И здесь пользователи Андроида сталкиваются с проблемой - многие популярные программы работают только на IOS. Поэтому я назову по паре приложений на обе операционки. Если хотите сделать анимированное фото через компьютер, используйте Photoshop или Adobe After Effects. На самом деле я бы советовала работу именно через компьютер - так намного удобнее и сразу видно все косяки. Получится контент намного качественнее, чем при работе через гаджеты с маленьким сенсорным экраном.

Plotograph

Это одно из самых популярных приложений-аниматоров. Им пользуются практически все медийные личности. Программа работает на платформе IOS и стоит 379 рублей. Понимаю, большие деньги за что-то, чего вы не сможете потрогать. Но кто говорил, что будет просто? За всё хорошее сейчас приходится платить. Решать вам. Тем более приложение действительно удобное и качественное. Работает оно по уже описанному мной алгоритму - выделяем то, что будет двигаться.

Cinemagraph

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

Loopsie

А вот и любителям Андроида можно радоваться. И за что я люблю эту платформу, так это за бесплатность огромной части приложений. И Лупси абсолютно бесплатен и не ставит водяные знаки на вашу работу.

Lumyer

Это приложение так же для тех, кто пользуется Андроидом. Лично мне оно не очень понравилось, но, может быть, зайдёт вам. Область оживления выбирается автоматически, на фото ставится водяной знак. Есть эффекты, но их мало в бесплатной версии. Для того, чтобы побаловаться, оно пойдет, но делать живые фото на постоянной основе в нём, по моему мнению, невозможно, даже если вы купите полную версию.

Сравнение характеристики перечисленных программ

Протестировав эти приложения, сложилась мною вот такая сравнительная таблица:

Приложение Совместимость Удобство Бесплатность
Plotograph IOS. Ещё наткнулась на предложение скачать его на компьютер, но ссылка сомнительна. Удобен настолько, насколько может быть удобна работа с изображениями в гаджетах. 7 из 10 Никакого спуска халявщикам. Только платная версия.
Cinemagraph Также только для IOS. Но можно скачать и на Mac. 7 из 10 Условно-бесплатна.
Loopsie Андроид. Они все работают по одному принципу, поэтому я даже не знаю, за что снимать или убавлять баллы. 10 евреев из 10.
Lumyer Работает с Андроид. Эта колонка была создана как раз для этого приложения. Отстаёт по сравнению с остальными. 5 из 10 Такая бесплатность, что ты чувствуешь, что тебя обманули.

Заключение

Для того чтобы делать живые фото в Инстаграм, программа обязательна. Конечно, существуют различные стандартные средства создания анимаций, но это не совсем то, что нам нужно. Чтобы оставить часть изображения недвижимой, нужно именно программное вмешательство. И теперь вы знаете, что использовать. Скачайте и попробуйте прямо сейчас. Но сначала снимите

Читайте также

Материал из архива журнала Uleyrus. Цены, нормы и модели техники меняются: перед покупкой и работами сверяйтесь с инструкцией производителя и официальными источниками. Нашли ошибку - напишите на admin@uleyrus.cc.