Синемаграфия: 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

Понравилась статья? Поделитесь впечатлениями или расскажите о вашем опыте.

Комментировать

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

Термин “Сinemagraph” был впервые введен фешн-фотографом Джейми Беком и моушн-дизайнером Кевином Бургом, который использовал его для оживления своих фотографий. Несмотря на то, что впервые технология была использована в 2011 году, синемаграф все еще является трендом.

Синемаграф- это игра слов. Первое слово — «Cinema», что означает движущееся изображение (кино), а второе — “graph” — сокращение от «Фотография», что означает неподвижное изображение.

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

Наиболее распространенные форматы синемаграфии включают в себя стандартный GIF, а также видео форматы, такие как MP4 и MOV.

Большие бренды тоже используют Синемаграфию

Крупнейшие в мире компании активно применяют Синемаграфию для продвижения. Движущиеся картинки используют на веб-сайтах, рекламных баннерах, в социальных сетях и почтовых рассылках. Примеры известных брендов, которые используют Синемаграфы: IKEA, Coca Cola, Disney и Prada.

Синемаграфия — очень широкое понятие и его применение не ограничиваются бизнесом. Эти коротенькие ролики можно использовать для рекламы новых телевизионных шоу, например, Canal + использовал “живые фотографии” для рекламы нового выпуска Versailles.

 

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

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

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

Экономичная альтернатива видео

Мы все уже привыкли к видеоконтенту. Будь то полноэкранные фоновые видеоролики на заставке веб-сайта или автоматическое воспроизведение рекламы в социальных сетях, нет сомнений в том, что видео наводнило рекламный рынок.

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

При использовании синемаграфии (поскольку сам активный “видеоэлемент” представляет собой лишь небольшую петлю) время производства и затраты могут быть значительно сокращены. Эта точка зрения на новый формат видеоконтента становится еще более интересной, если учесть, что подавляющему большинству синемаграфов не требуется звук, а это еще одна статья экономии. Все равно, по статистике, большинство Инста-пользователей смотрят ленту без звука.

Синемаграфы идеальны для социальных сетей

Вы когда-нибудь слышали выражение «Контент — это король»? Это выражение сейчас как никогда ранее справедливо.

Видео идеально подходит для взаимодействия с аудиторией в социальных сетях. Оно автоматически воспроизводится и зацикливается на основных социальных платформах, таких как Facebook, Twitter, Instagram и Pinterest. Функция автоматического воспроизведения позволяет еще эффективнее использовать синемаграфы для цифрового маркетинга. В ленте их трудно игнорировать!!!

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

Синемаграфы рассказывают истории

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

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

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

Немного статистики

Мы уже поняли, что синемаграф предлагает больше визуальной стимуляции, чем статичное изображение, и, следовательно, способен легче привлечь внимание пользователя. Кампания Microsoft еще в 2016 году показала, что реклама на основе синемаграфа в Twitter увеличила вовлеченность пользователей на 110% по сравнению с неподвижными изображениями. Точно так же в Facebook реклама на базе синемаграфии увеличила вовлеченность на 85% по сравнению со статичными изображениями.

Что касается затрат, исследование, проведенное Microsoft, выявило 45-процентное снижение цены за клик на синемаграфе, по сравнению со статическими изображениями.

«Уровень вовлеченности был на высоте, и это показывает, как наш бренд может извлечь выгоду из использования этого нового средства», — Линда Чеп, генеральный менеджер по маркетингу в Microsoft.

Увеличение вовлеченности не ограничивается социальными сетями. Отчет Experian показал, что 72% маркетологов, использующих рассылки сообщают об увеличении активности при добавлении синемаграфов или гифок в свои почтовые кампании, по сравнению со статическими изображениями.

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

Мы, кстати, снимаем и монтируем синемаграфы под заказ. Наше портфолио по синемаграфии можно посмотреть по ссылке. Или в нашем ИНСТАГРАМ.

12 успешных примеров синемаграфии

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

За последние 2 года скромные анимированные GIF-файлы взлетели до новых художественных высот, преобразившись в стильные синемаграфы.

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

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

Этот был выставлен в магазинах Tiffany & Co. в честь выпуска металлической коллекции Rubedo и был изготовлен Кевином Бургом и Джейми Беком.

Прекрасный способ подчеркнуть микромомент на фотографии от Кевина Бурга и Джейми Бека.

Этот аромат отражает угрюмую суть нового аромата Encounter от Calvin Klein. Эта синемаграфия использовалась в рекламе для привлечения трафика на основной сайт Calvin Klein.

Их тоже можно сделать из смешных моментов из фильмов! Вот Миа Уоллес и Винсент Вега, танцующие вечно, IWDRM. Его специализация — крутые кинематографические кадры из фильмов, загляните на его Tumblr!

Эта веб-реклама Coca Cola имела бешеный успех на Tumblr, получив 35 000 лайков и репостов за первые 24 часа. Источник: techcrunch.com

Я почти чувствую вкус этих свежих помидоров. Этот синемаграф размещен на веб-странице Gilt Taste, онлайн-журнала и рынка для любителей еды и вина. Его также продюсировали Кевин Бург и Джейми Бек.

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

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

Вот красивое тонкое движение на отличной фотографии, сделанной Мэтью Уильямсом и художником-графиком QIL для
L’Officiel Hommes.

И еще красота от Кевина Берга и Джейми Бека.

Вот классное гинотическое фото от RRRRRRRROLL. Проверьте больше из них на их Tumblr.

Синемаграфия становится эффективным инструментом маркетинга.

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

Прекрасный день в центре Embarcadero рядом с нашим офисом в Сан-Франциско. Воздушный шар движется, но все остальное застыло во времени.

Я использовал этот учебник, чтобы сделать этот синемаграф, и как только я понял основы, я смог создать его примерно за 15 минут . Это был мой первый опыт, и я все еще мог создать классный эффект, поэтому я настоятельно рекомендую всем, у кого есть базовые навыки работы с Photoshop, попробовать его!

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

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

Видели ли вы какие-нибудь крутые синемаграфы в последнее время?

30 Креативных синемаграфов, которые сведут вас с ума и вдохновят

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

Photo by Jamie Beck & Kevin Burg

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

Синемаграфию можно создать из серии фотографий или видео с помощью Photoshop или других инструментов для редактирования фотографий. Поскольку синемаграфы фиксируют момент движения, они очень хорошо работают с длинными волосами или другими вещами, развевающимися на ветру, такими как огонь, вода, глаза и многое другое. Все зависит от вашего творчества и фантазии. Смысл синемаграфа в том, чтобы оживить определенные части изображения, но он должен быть медленным, а не раздражающим и быстрым, как обычные GIF-изображения, которые вы видите на Tumblr. Это делает всю фотографию реалистичной и поистине волшебной. Сегодня я собрал 30 замечательных примеров синемаграфии для вашего вдохновения. Так что листайте вниз и наслаждайтесь!

Подсказка: Не прокручивайте страницу вниз слишком быстро, если хотите увидеть синемаграфы, и внимательно смотрите — объекты, которые вы не ожидаете двигаться, могут двигаться на самом деле! Джейми Бек и Кевин БургФото: Джейми Бек и Кевин БургФото: Джейми Бек и Кевин БургФото: Джейми Бек и Кевин БургФото: Джейми Бек и Кевин БургФото: Джейми Бек и Кевин Бург. Cinemagraph by gloeckchenTypewriter Cinemagraph by SweetPeaPhototcTeary Eyes by gatchamanMask – Cinemagraph by RaederlyAdelyn Cinemagraph by chulachuCinemagraph – Bike in the park by Xandrah-OctopusLa vie d’une chienne by itsgonzeParakeet by turst67Small birds big cloud by turst67Cinemagraph Walnuts by HeinzefilmPhoto byFaithano Facinemagraph вераЗаброшенная церковь от turst67Cinemagraph by Sebastian M. Windows Washers Cin emagraph Керта Гартнера. Фото Джейми Бека и Кевина Бурга. Фото Джейми Бека и Кевина Бурга.

Заключение

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

Опубликовано

В категории «Вдохновение и демонстрации»

Нэнси Янг

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

Посмотреть все сообщения Нэнси Янг.