Приложения для синемаграфики – Как делать «живые» фото товаров: синемаграфия для интернет-магазина

Содержание

Инструкция по созданию синемаграфии в бесплатной программе VSDC

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

В первую очередь установите подходящее ПО на компьютер

Поскольку основа синемаграфии состоит из статичных изображений, многие считают, что для работы с ними необходим фотошоп или любой другой фоторедактор. Однако если у вас нет опыта работы в Adobe Photoshop, чтобы разобраться в программе, у вас уйдёт немало времени. Для одной лишь задачи создания «живой картинки» это не всегда рационально. Мы предлагаем противоположный подход. Для инструкции ниже мы будем использовать видеоредактор VSDC, и если вы начинающий пользователь, это одна из наиболее подходящих для вас программ:

  • VSDC создан для работы с видео и, в отличие от редакторов изображений, включает в себя все инструменты, необходимые для создания синемаграфов;
  • Эта программа доступна в абсолютно бесплатной версии;
  • Для создания синемаграфий в VSDC вам не потребуется ни опыт монтажа, ни какие-либо специальные знания.

Как создать синемаграфию на компьютере: метод №1

Видеоредактор VSDC позволяет создать синемаграфии двумя способами. Начнём с того, что доступен в бесплатной версии.

Если вы предпочитаете видеоуроки, можете воспользоваться этой короткой инструкцией:

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

  7. Теперь перетащите скриншот на рабочую область – он автоматически будет добавлен и на шкалу времени.
  8. В меню с левой стороны найдите зелёную иконку «Добавить свободную фигуру». Добавьте фигуру на сцену, нажав ОК.
  9. Сформируйте фигуру, удерживая левую кнопку мыши и двигая курсор по рабочей области редактора.
  10. Сделайте двойной щелчок по слою «Свободная фигура» на шкале времени.
  11. Удалите все «Точки фигуры».
  12. Перейдите в верхнюю часть интерфейса программы и найдите вкладку «Свободная фигура». Слева нажмите иконку «Вставить точку».
  13. Используйте левую кнопку мыши, чтобы выделить область, которая должна «ожить» на синемаграфии.
  14. Вернитесь во вкладку «Сцена 0» по левой стороне шкалы времени.
  15. Перейдите в «Окна свойств» — просто щёлкните правой кнопкой мыши по слою свободной фигуры и выберите «Свойства» – и закрасьте свободную фигуру чёрным цветом. Убедитесь в том, что при заливке цветом вы используете инструмент «Кисть», а не «Карандаш».

  16. Правой кнопкой мыши кликните по слою с видео и выберите «Вырезать».
  17. Сделайте двойной щелчок по слою «Свободная фигура» на шкале времени.
  18. Перейдите в верхнее меню, выберите «Видеоэффекты —> Прозрачность —> Обтравочная маска».
  19. Слой обтравочной маски автоматически будет добавлен на шкалу времени – сделайте по нему двойной щелчок.
  20. Правой кнопкой мыши щёлкните по рабочей области и выберите «Вставить». Таким образом, вы добавите видео в область обтравочной маски.
  21. Нажмите красную кнопку предпросмотра над шкалой времени, и убедитесь в том, что всё выглядит так, как вы планировали.
  22. Перейдите во вкладку «Экспорт проекта» в верхней части интерфейса редактора. Выберите формат для вашего проекта, а также расположение на ПК и сохраните готовый синемаграф.
  23. Завершите процесс нажатием на красную кнопку «Экспортировать проект».

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

Как создать синемаграфию на компьютере: метод №2

Во втором методе мы будем использовать инструмент маски. Это удобный способ создать эффект «живой картинки», однако, вы должны знать, что маска – это инструмент премиальной версии VSDC, и чтобы использовать её, вам необходимо приобрести подписку ($19,99 в год). Видео, иллюстрирующее метод №2, расположено ниже:

  1. Повторите первые 6 шагов из метода №1.
  2. Щёлкните левой кнопкой мыши по рабочей области редактора. Таким образом, вы снимите выделение со слоя видео на шкале времени, и все последующие объекты будут добавляться поверх.
  3. Перетащите скриншот на рабочую область редактора из окна ресурсов. Он автоматически будет добавлен в начало сцены.
  4. Сделайте двойной щелчок по новому слою «Изображение».
  5. Выберите зелёную кнопку «Вставить эллипс» из меню слева и нажмите ОК. В зависимости от типа изображения, с которым вы работаете, вы можете выбрать прямоугольную фигуру или снова воспользоваться инструментом “Свободная фигура”.
  6. Добавьте эллипс на сцену, удерживая левую кнопку мыши.
  7. Разместите его таким образом, чтобы он точно закрывал ту область, которую вы планируете «оживить» в последствии.
  8. Перейдите в окно свойств и закрасьте эллипс чёрным цветом. Убедитесь в том, что вы используете инструмент «Кисть», а не «Карандаш».
  9. В левой части шкалы времени найдите меню «Режим смешивания» и выберите опцию «Маска».
  10. Используйте кнопку предпросмотра, чтобы убедиться в том, что всё выглядит так, как вы задумывали.
  11. Перейдите во вкладку «Экспорт проекта» в верхней части меню редактора. Выберите необходимый формат для вашего проекта, а также расположение на ПК и сохраните готовый синемаграф.
  12. Завершите процесс нажатием на красную кнопку «Экспортировать проект».

С технической точки зрения, этим методом мы вырезаем отверстие нужной формы в изображении, которое располагается поверх видео.

Ключевые различия между двумя вышеописанными методами отражены в данной таблице.

 

 

Метод #1 (бесплатно)

Метод #2 (версия Pro)

Сколько слоёв на сцене?

Два: Свободная фигура и изображение (скриншот)

Два: Видео и изображение (скриншот)

Какой слой является фоновым?

Изображение (скриншот)

Видео

С каким слоем ведётся основная работа (редактирование)?

Слой со свободной фигурой и обтравочной маской

Слой с изображением

Какой эффект применяется?

Вставка обтравочной маски с видео в свободной форме внутри.

Вставка эллипса или прямоугольника с применением маски на слое изображения

 

На этом всё. Выбирайте наиболее подходящий для вас метод и приятного редактирования!

Синемаграфия в Instagram / Паразайт

Помните движущиеся иллюстрации газет в Гарри Поттере? Живые фотографии продолжают захватывать соцсети. Мы рассказываем, как и зачем использовать синемаграфию — технику движущихся фотографий — в своих аккаунтах.

Синемаграфия как новая функция

Большинство из нас узнали о функции «живых» фотографий, когда читали описания нововведений следующей версии айфона: iPhone 6s и iPhone 6s Plus — это первые модели телефона, которые обладают встроенной функцией живых кадров. Она дает возможность просматривать снимки, созданные в записи, при помощи 3D Touch.

Пример синемаграфии — симпатично и просто

Синемаграфия — это синергия фото и видео формата. Технически кадр является файлом в gif-формате. Публикуя такое изображение, вы привлекаете больше внимания к своему контенту: изображение с одной стороны остается статичным, как фото, но одна деталь (часть картинки) становится анимированной, как видео.

Настройте отложенные посты в соцсети — мы поддерживаем даже гифки.Начать

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

Многие бренды уже вооружились новой функцией: пример от компании Lindt

На самом деле «живые» фото придумали довольно давно, еще в 2011 году: два журналиста-фотографа из Нью-Йорка, Кевин Барг и Джейми Бек, делали материалы про моду более интерактивными, а иллюстрации более запоминающимися, оживляя фотографии. Теперь их задумкой призываем пользоваться и мы. Тем более что сейчас делать синемаграфии можно не только в фотошопе, но и с помощью мобильных устройств.

Приложения для работы

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

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

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

  1. Livemaker: приложение для iOS
  2. Lively: работает на iOS, может перевести созданные с помощью встроенной функции живые фото в gif-формат
  3. IntoLive: приложение по созданию живых обоев на телефон
  4. Camera MX: приложение для Android
  5. Loopsie: приложение подходит для обеих ОС
  6. Cinemagram: еще одно приложение для Android и iOS
  7. Fotodanz: приложение для Android
Комментарий Ксении Ясюлевич, SMM-директора Painty:

Сейчас у блогеров и брендов такие прокачанные Инстаграмы (особенно у западных), что приходится все время прыгать выше головы и удивлять свою аудиторию.

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

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

Повторить и запомнить

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

Ashampoo Cinemagraph — лёгкий способ создания синемаграфии

Пусть Ваши фотографии оживут

Синемаграфии привлекают взгляды на домашних страничках и в профилях в социальных сетях! Это потому что они не похожи ни на фото, ни на видео. Синемаграфии добавляют лёгкое движение к неподвижным фотографиям, что сродни магии. Конечно Вы можете использовать Photoshop, чтобы создать нечто подобное, но зачем использовать дорогое и сложное программное обеспечение, когда Вы можете создавать ослепительные синемаграфии всего за несколько минут с помощью Ashampoo Cinemagraph?

Так же просто как и редактирование фотографий

Всё что Вам понадобится – видео. И конечно же Ashampoo Cinemagraph. Видео должно быть максимально ровным, без дрожаний. Идеальный вариант – видео со штатива. С помощью специальной кисточки в Ashampoo Cinemagraph, Вы можете отметить те части Вашего видео, которые должны двигаться или оставаться неподвижными. Размер, твёрдость и прозрачность могут быть настроены с помощью слайдеров. Мы верим, что с помощью нашей программы любой может создавать впечатляющие синемаграфии, и мы придерживаемся этого утверждения!

Больше чем просто анимация

Взаимодействие неподвижных и движущихся частей неизбежно привлекает зрителей к любому мотиву, который Вы стремитесь подчеркнуть. Умелое сочетание нескольких визуальных слоёв позволяет создавать невероятно яркие фотографии и зацикленные видео! Хотя синемаграфии всегда основаны на видео, Ваши зрители будут думать, будто Вы как Гарри Поттер наложили магическое заклинание, которое вдохнуло жизнь в Ваши безжизненные фотографии. Это идеальное завершение Ваших видео или слайд-шоу!

Набор инструментов художника

Только Вам решать, какие части изображений будут без изменений, а какие станут анимированными. Получающиеся видео создают необычайное настроение и идеально подходят, чтобы запечатлеть особенные моменты! Вы можете экспортировать результаты в GIF или в видео. Параметры экспортирования, такие как размер, качество и число повторов могут быть изменены несколькими кликами. Более того, при желании Вы можете оставить оригинальные звук.

Улучшайте видео для создания идеальных синемаграфий

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

Добавляйте текст и эффекты

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

Вращайте, обрезайте и управляйте временем с лёгкостью

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

Выполняйте стабилизацию трясущихся видео

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

Превращайте обычные фотографии во впечатляющие анимированные фотографии!

Хотите создавать синемаграфии бесплатно? Без проблем! Вы можете использовать наш продукт бесплатно в течение 10 дней, а после бесплатной регистрации ещё 20 дней. Целый месяц зрелищных синемаграфий для Вас бесплатно!

Loopsie: создаём «живые» фотографии в два этапа

Синемаграфы — это «ожившие» фотоснимки, на которых происходит повторяющееся движение. Техника синемаграфии популярна в современном дизайне, но чтобы оживить фото, нужно разбираться в сложном Adobe Photoshop. С Loopsie же всё очень просто.

Итак, в Loopsie ничего настраивать не требуется, начать создавать синемаграф можно сразу же после установки приложения.

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

Loopsie, Android, приложения

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

Loopsie, Android, приложенияLoopsie, Android, приложения

Следующий шаг — редактирование. Выбрав режим «Анимирование», замазываем пальцем ту область кадра, где хотим сохранить движение. Здесь же можно изменить тип воспроизведения: с начала до конца или туда-сюда, как в Boomerang.

Loopsie, Android, приложения

Всё! Синемаграф готов. Загружаем в Instagram или Facebook с хештегами #loopsie и #loopsieoftheday.

Loopsie, Android, приложения

Цена: Бесплатно

Loopsie, Android, приложения

Цена: Бесплатно

Cinemagraph Pro — создание «подвижных» фотографий на Mac (видео)

Программа Cinemagraph Pro, которая сейчас продается в Mac App Store с большой скидкой поможет Вам разнообразить свои фотографии с помощью эффекта «движения». Суть работы программы заключается в создании подвижного объекта или области на фото. 

cinematograph pro macТакой эффект прекрасно подойдет для портретов, для групповых фотографий или для пейзажной съемки.

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

После съемки перенесите видео на свой компьютер Mac. И приступайте к созданию «подвижных» фотографий:

Запустите программу Cinemagraph Pro. При первом запуске откроется окно, где вы сможете выбрать один из Ваших проектов или создать новый:

cinemagraphpro_osx_1Для создания нового документа выберите видео со своего компьютера в следующем окне:

cinemagraphpro_osx_2После выбора видео программа предложит создать свой проект в указанной Вами папке:

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

cinemagraphpro_osx_5Теперь с помощью опции Mask, переключающейся в верхней строке, выделите часть видеоролика, которая будет подвижной. При выделении Вы можете настроить параметры кисти: толщину, жесткость и прозрачность.

cinemagraphpro_osx_6Далее Вы можете настроить повтор картинки: сделать это можно с помощью опции Loop. На выбор пользователя доступно два варианта: Repeat — простой повтор движения и Bounce — движение туда-обратно. Для каждого из двух параметров Вы сможете настроить задержку и скорость воспроизведения.

cinemagraphpro_osx_7Заключительный этап — применение эффектов. Активируется с помощью вкладки Effects.cinemagraphpro_osx_8После завершения процесса редактирования Вы можете экспортировать видео либо в формате видео, либо в виде gif-анимации. Сделать это можно с помощью клавиши Render. Перед экспортом можно также указать разрешение видео, папку для сохранения и настроить количество повторений ролика.

cinemagraphpro_osx_9

Скачать Cinemagraph Pre (Mac App Store)

Смотрите также:

Создаем синемаграф с идущими часами в Фотошоп / Фотошоп-мастер

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

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

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

В этом уроке вы узнаете, как создать, отредактировать и сохранить ваш первый синемаграф с идущими часами, используя панель Timeline (Шкала времени) в Adobe Photoshop.

Шаг 1

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

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

Шаг 2

Закончив с выбором подходящего видео, открываем Photoshop и переходим File – Open (Файл – Открыть). В открывшемся окне находим ролик и жмем ОК, чтобы импортировать его в Photoshop. В результате внизу экрана должна открыться шкала времени.

Если она не появилась, то открываем ее через меню Window – Timeline (Окно – Шкала времени).

Шаг 3

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

Если вы хотите ускорить воспроизведение, в верхнем правом углу шкалы нажимаем на стрелку и выбираем скорость.

Совет: мы будем сохранять синемаграф в формате GIF, а Photoshop поддерживает максимум 500 кадров (около 20 секунд). Так как я сняла полный оборот секундной стрелки, видео получилось слишком длинным, поэтому я ускорила его на 400%.

Шаг 4

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

При этом край ролика автоматически «прилипнет» к положению ползунка.

Шаг 5

Далее ползунком отмечаем конец видео. В этот раз тянем правый край ролика влево до положения ползунка и жмем Delete, чтобы отрезать лишнее.

Шаг 6

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

Нажимаем сочетание клавиш Ctrl+Shift+Alt+E, чтобы вынести этот кадр на отдельный слой.

Шаг 7

На панели слоев находим новый слой из предыдущего шага с выбранным кадром и называем его «Основной кадр» (Main Frame). Выделяем этот слой левой кнопкой мышки и добавляем его в группу «Видео» (Ctrl+G). Сразу после этого на шкале времени должен автоматически появиться дополнительный канал с основным кадром.

Шаг 8

Возвращаемся на шкалу времени и перетаскиваем первый слой анимации в начало шкалы. Затем хватаем правый край этого канала мышкой и растягиваем его по ширине нижнего канала.

Шаг 9

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

Чтобы добавить маску, в нижней части панели слоев нажимаем на кнопку Add layer mask (Добавить слой-маску).

Шаг 10

Мягкой черной кистью (В) проводим по маске слоя «Основной кадр» в том месте, где должно быть движение – в данном случае это часы.

На втором скриншоте показано, как выглядит моя слой-маска.

Шаг 11

Далее мы выполняем цветокоррекцию всего синемаграфа с помощью обычных корректирующих слоев.

Для корректирующих слоев на шкале времени создаются отдельные каналы, которые влияют на все содержимое ниже, включая основной кадр и видео. Я добавила корректирующий слой Exposure (Экспозиция) и Color Lookup (Поиск цвета).

Шаг 12

Закончив с созданием анимации, давайте сохраним ее. Для этого переходим File – Save for Web (Файл – Сохранить для веб).

Шаг 13

Для анимации мы выбираем формат GIF. В открывшемся окне вводим настройки, как показано ниже.

Шаг 14

Также вы можете установить режим повтора. Для этого устанавливаем параметр на Forever (Всегда), чтобы анимация проигрывалась непрерывно.

Автор: Tigz Rice

Синемаграфия: 10 вдохновляющих примеров

Синемаграфию смело называют новой эрой UX-дизайна. Эта концепция объединяет фотографию и видео. Синемаграфичный эффект можно получить, взяв за основу видео, в котором некоторые элементы оставляют статичными, а другие — подвижными, анимированными.

Благодарить за создание новой техники нужно фотографов Кевина Бурга (Kevin Burg) и Джеймса Бека (James Beck), которые ввели термин «синемаграфия» в 2011 году. Спустя 5 лет эта концепция все еще остается одним из актуальных трендов веб-дизайна. «Живые картинки» в gif-формате используются как альтернатива привычным видеозаставкам, захватывая все внимание пользователей (доказано, что живая картинка привлекает покупателей намного больше, чем статичное изображение).

Для создания эффекта синемаграфии можно использовать Adobe Photoshop, After Effects и другие программы; в последние годы появились даже приложения для iPhone и Android. Вашему вниманию — 10 завораживающих примеров использования этой техники, которые никого не оставят равнодушным.

1. Отражение

Это ожившее фото от Toma Iakopo передает все оттенки движения в отражении солнцезащитных очков женщины. 

2. Бабочка в колокольчике

«Живая картинка» от студии Ann Street притягивает взгляд мягким освещением и сдержанными, приятными цветами. В первую очередь, зрители замечают анимированную бабочку и позже переключаются на мерцание огонька свечи на заднем фоне.

3. Знойное утро

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

4. Рей на планете Такодана

Даже если вы не фанат Звездных войн, живая картинка из эпизода VII «Пробуждение Силы» («The Force Awakens») достойна внимания. Течение воды и игра света как нельзя лучше передают важность момента — первого визита Рея на планету Такодана.  

Фоновое видео на вашем лендинге: польза или вред?

5. Ниагарский водопад

От движения огромной массы воды и исходящего от нее пара просто захватывает дух! Именно на этот эффект и рассчитывали мастера из Orbo Cinemagraphs.

6. Паровоз в зимнем лесу

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

7. Бруклинский мост в движении

Мишель Молдер (Michel Molder) известен благодаря своей библиотеке «живых картинок». Его Бруклинский мост — отличный пример того, как привычное движение может стать удивительным, если убрать все отвлекающие факторы. 

8. Высокая мода

Эффект синемаграфии помогает автору этого снимка Шерифу Мокбель (Sherif Mokbel) подчеркнуть изысканную одежду модели, создавая резкий контраст с industrial-фоном.

9. Гамлет (Hamlet at Elsinore)

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

10. Виски и сигареты

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

Встречали яркие примеры синемаграфии? Поделитесь ими в комментариях!

Высоких вам конверсий!

По материалам: ceros.com

18-11-2016

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *