Ранее я выкладывал Синемаграфику из gif картинки, но качество картинки из 256 цветов мне не очень нравится, я решил найти другой путь.
Это первый тест интерактивной синемаграфики, идея в том, что качество картинки как фотография, и с эллементами интерактива. Наведите мышку на картинку и посмотрите. Помимо движения есть анимация логотипа, и переход по ссылке при нажатии.
Я пока оптимизирую вес и в поиске более удобного мне метода создания.
У меня очень много идей как реализовать интерактив в синемаграфике, и позже я покажу вам все возможности моей идеи, ждите новых постов!
А пока вы можете посмотреть первый тест Digital Cinemagraph, как на компьютере, так и на мобильных устройствах. Просто подведите мышку (Если не работает, попробуйте в другом браузере. На мобильных платформах просто нажмите на фото) ;)
Movie, After Effects, Photoshop, HTML5, Java Script.
Retweet It

Hello and Hi!
Синемаграфика довольно старый приём, который стал очень модным в фотографии. Это и не видео и не фото, что-то между, то, что Jamie Beck назвал синемаграфикой. Смысл в этих фотографиях привлечь внимание зрителя на отдельные подвижные элементы, (что и отличается от обычной gifки, где всё двигается) что даёт жизнь статичной фотографии. На своём форуме я создал раздел Cinemagraph, там я буду выкладывать по одной работе (чтобы не забивать трафик целой кучей тяжёлых фоток).
Если кому то интересно как это делается, я могу написать урок. Пишите комментарии, задавайте вопросы.