Синемаграфию смело именуют новой эрой 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
Случайные статьи:
Синемаграфия. Как сделать синемаграфию. Урок.
Подборка похожих статей:
-
10 Вдохновляющих примеров дизайн-мышления (design thinking) от ведущих брендов
Компании, каковые деятельно применяют так именуемое дизайн-мышление, в большинстве случаев, более заметны на рынке и имеют больше шансов закрепиться в…
-
8 Вдохновляющих примеров лендингов строительной тематики
Приятели, каждую семь дней мы делаем для вас анализ самые интересных посадочных страниц из различных сфер! Сегодняшней тематикой обзора станут лендинги…
-
Топ-10 вдохновляющих примеров лендингов в стиле fashion
В ожесточённом мире моды обожают только глазами. В данной статье мы собрали 10 лендингов в стиле fashion с самой занимательной и прекрасной визуальной…
-
10 Вдохновляющих примеров инновационного веб-дизайна
Интернет — это по-настоящему чудесное место, в котором любой может ощутить себя творцом и воплотить в судьбу собственные самые храбрые планы. Растущая…