Параллакс истории. Версия 2

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

Умение рассказывать истории – важнейший навык (инструмент) современного дизайнера. Ведь сторителлинг пришел в маркетинг и рекламу всерьез и на долго. Слайдер – лишь один из способов работы с изображением и текстом. Такие медиа-истории в виде слайдера легко встраиваются в любую веб страницу. А интерактивность помогает привлечь и удержать внимание зрителя.

Код слайдера переписан с нуля. В прошлом году анимация слоев CSS3 оказалась не такой шустрой и плавной, как хотелось бы. Поэтому, в этом году для анимации переходов между иллюстрациями использовалась технология HTML5+canvas (Программное рисование на холсте). 

Здесь представлены работы текущего года и некоторые интересные работы прошлого предыдущего курса, адаптированные под новый формат. 

Ниже несколько ссылок-картинок для быстрого открытия конкретной истории.

По роману Ф.М. Достоевского «Идиот». Иллюстратор Гостева Евгения

По роману Ф.М. Достоевского «Преступление и наказание». Иллюстратор Зубкова Елизавета

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

Фрагмент работы. По фильму «Галчонок». Иллюстратор Парамонова Василина

Фрагмент работы. Японская народная легенда «О принцессе Кагуя». Иллюстратор Федосова Алена

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