Иллюзия движения в фотошоп.

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

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

Вы можете переместить путь целиком, для этого надо зажать 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 СС. Как воплотить это на практике и создать эффект движущегося автомобиля, рассказывается .

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

A post shared by PLOTAGRAPH OFFICIAL (@plotagraph) on Nov 15, 2017 at 5:03am PST

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

1. Запускаем программу на ПК или открываем приложение на Iphone. Загружаем необходимые фото, которые будет обрабатывать. Лучше всего выбирать качественные фотографии с высоким разрешение, чтобы они выглядели живыми даже без анимации. Так же заранее продумайте какой объект должен быть в движении, вы или какой-то предмет. Всех больше поражают воображение анимация природы, а именно: океана, моря, реки, облаков, порыв ветра. Даже приготовление кофе может быть захватывающим.
2. Выбираем направление и вектор движений необходимых объектов. Для этого нужно использоваться встроенные стрелочки. Делайте их максимально короткими, чтобы получить эффект реалистичности.
3. Выставляем ограничение точками в том месте, в котором хотите закончить движение объектов на фотографии.
4. Не забывайте делать предпросмотр, чтобы убедится, что все идет по плану и вы получает нужный эффект. Для этого есть специальная кнопка в форме «Треугольничка» в самом низу окна приложения.
5. Сохраняем живое фото, закончив редактирование. Живые фотографии сохраняются в видео формате «.mp4» но без звука. В Инстаграме они тоже будут отображены как видео, но будут воспроизводится повторно бесконечное количество раз.
6. Если вы создавали на компьютере, то переносим на свой телефон, чтобы с него загрузить в Инстаграм.

Как превратить видео в Живое фото с помощью Cinemagraph.

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

Чтобы найти приложение введите его название «Cinemagraph» в поиск App Store или Google Play.

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

Пошаговая инструкция по созданию живого фото в Синематограф

Вы уже должны скачать приложение к себе телефон. Откройте его и осмотрите функционал приложения.

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

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

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

1. Зайдите в Синематограф и выберите объект, который будет неподвижен. Нажмите на круглую кнопку внизу, которая запустит сьемку и удерживайте фокус на обьекте.
2. Зарисуйте участок, которые станет подвижным. В самом верху приложения есть кнопки, которые позволяют изменить размер закрашиваемой области и изменить степень прозрачность этих областей.
3. Нажмите на кнопку готово(галочку) и ждите, пока видео обработается и превратится в живое фото.
4. Когда обработка завершится, можно отправить живое фото в Инстаграм в любое другое место, к примеру по почте или другую социальную сеть. Просмотр живых фото возможен на любом устройстве, так как оно имеет формат видео mp

В этом уроке вы узнаете, как использовать все типы размытия для создания иллюзии движения, а также добавления фокуса к изображению в программе 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) и с помощью мягкой чёрной кисти, прокрасьте поверх верхней части девушки, которая расположена в середине. При прокрашивании, будьте аккуратны, не заходите кистью дальше от объекта фокусирования. Как вы можете увидеть, эффект - нежный, но ощутимый.

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

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

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

Многие из вас сейчас подумали «Что за живые фото? ». Всё же нет, отличия есть. Кто-то так же мог подумать, что это просто 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	Такая бесплатность, что ты чувствуешь, что тебя обманули.

Заключение

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

Сегодня разнообразим вашу Инста-ленту с помощью «волшебных» фотографий и покажем, как интересно презентовать товар.

Время идет — контент не стоит на месте и становится более динамичным. Излишняя динамика помогает привлечь внимание, но не факт, что во время просмотра пользователь сфокусируется на предлагаемом вами товаре или услуге. Вполне вероятно, поэтому сейчас в топе «живые» фотографии — это такие статичные изображения, на которых двигается только часть кадра.

Несколько примеров:

из Инстаграма @flixelphotos

Чем отличаются «живые» фото от бумерангов, гифок или видео

В «живых» фотографиях внимание сразу акцентируется на одном конкретном предмете — это идеальный способ заинтересовать пользователя каким-либо товаром. Гифки и видео не дают такого эффекта.

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

из Инстаграма @flixelphotos

Как самому сделать «живые» фото

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

Самое мощное приложение в этой области. Не из дешевых: годовая подписка стоит $199, бессрочная лицензия — $299. Компания Flixel, создатель приложения, здорово ведет свой Инстаграм : можно подписаться и черпать там идеи.

Приложение подойдет только для тех, кто сидит в iOS: скачать в Appstore

Cinegraph

Приложение попроще и подоступнее: 149 рублей, скачать в Appstore .

И приложение для тех, кто сидит на Андроиде: Cinemagraph .

Базовый принцип создания синемаграфии

Покупаем приложение и продумываем видеокадр . Сначала надо снять видео, а уже потом делать из него живое фото. Заранее продумайте свет и расстановку предметов. Снимайте со штатива — это важный момент, иначе финальное видео поплывет.

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

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

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

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

Однако никто не ограничивает вашу фантазию, если вы работаете с аккаунтами другой тематики. Вдохновляйтесь чьими-то готовыми фотографиями и адаптируйте их под себя. Главное, не забывайте, что многое зависит от качества изначального видео: света, композиции, статичности.