Интерактивный плакат или виртуальная выставка? Genially может всё! И даже больше

Эта мастерилка устарела, новую статью можно прочитать здесь.

***

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

Инструмент очень простой, а возможностей не просто много, а неприлично много! Количество создаваемых работ не ограничено. И главное, всё это "богачество" - совершенно "безвозмездно, то есть даром". :)

Не верите? Тогда смотрите, какая виртуальная выставка у нас получилась. 

А теперь о том, как смастерить такое чудо.

Как регистрироваться?

Заходим на сайт Genially, нажимаем "Sign up" или "Create an account" - и сразу заполняем форму для регистрации. В дальнейшем для входа на сайт можно нажимать "Log in".

При регистрации надо указать адрес электронной почты, придумать пароль, поставить галочку напротив "I have read and accept the terms of use and privacy policy of Genially", а потом нажать "Sign up".

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

После регистрации сервис поинтересуется вашей профессией. Самый простой вариант - выбрать сферу образования (Education), а далее - PRIMARY EDUCATION (Infant, Primary, Secondary). В переводе - средняя школа.

А потом выбираем тип профиля - учительский (Teacher) - и нажимаем "Next".

Как загрузить изображение?

Сервис Genially умеет очень много, это настоящий Клондайк для создателей разного интерактивного контента: презентаций, инфографики, плакатов, открыток, игр, викторин... Из меню выбираем шаблон для создания интерактивных плакатов - Interactive Image - и нажимаем "Create interactive Image".

Шаг второй - загружаем фоновое изображение, на котором будем размещать интерактивные метки. Можно с ПК, а можно и по ссылке.

Теперь приступаем к самому вкусненькому.

Как наносить метки на изображение?

Давайте-ка осмотримся. В центре экрана - загруженное фоновое изображение. Слева сбоку - инструменты для добавления разных интерактивностей. В правом верхнем углу - очень полезная кнопка "Предпросмотр" (с изображением глаза) для предварительного просмотра плаката . В графу "Interactive image" вписываем название плаката или выставки.

Летим осматривать кнопки для добавления меток. Самая главная из них - "Interactiv elements". Она добавляет разные метки всевозможных фасонов и расцветок: маркеры, кружочки, звездочки, домики, маркеры с текстом и цифрами, логотипы. Можно даже невидимые метки создавать! (Invisible area).

Добавить интерактивный элемент очень просто: щёлкаем по нему левой клавишей "мыши" - метка появляется на плакате.

Кнопка "Text" добавляет на изображение разные тексты: и помельче, и покрупнее, и даже списки. Если выбрать один из текстовых шаблонов, откроется дополнительный редактор для набора текста, выбора цвета текста и фона, размера и шрифта (осторожно, не все шрифты поддерживают кириллицу).

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

Кнопка "Media" добавляет разные, загружая их из библиотеки сервиса, дружественных ресурсов, с ПК (размер - не более 5 Mb) или из Интернета (по ссылке). Здесь же можно добавить и видео с аудио (по ссылке).

Кнопка "Insert" добавляет встраиваемые объекты: Google-карты, документы и презентации, видео с YouTube и Vimeo, аудио с SoundCloud, контент из Twitter и многое-многое другое...

Хотите изменить фоновое изображение? Нажимаем "Background". Чтобы загрузить новую картинку, жмём на значок с "облачко со стрелкой". А можно вообще сделать фоновое изображение однотонным или выбрать какой-нибудь понравившийся шаблон из библиотеки (Library, Pixabay).

А о кнопке "Page" расскажу чуть позже.

Как добавить интерактивность?

Если щёлкнуть метку на плакате, появится изображение "ладошки" и "ракеты" (ну я так думаю, что это ракета, может, и ошибаюсь, может, это метеорит). Если нажать на ладошку – можно перейти к добавлению контента. Если на значок с ракетой – анимировать эту метку.

К метке можно прикрепить ссылку, текст, изображение и встраиваемый объект (с помощью кода).

Вкладка "Tooltip" поможет создать метку в виде всплывающего при наведении курсора окошка (подойдёт для добавления небольших пояснений и маленьких текстов).

Вкладка "Window" создаёт большие окна для просмотра текстов и изображений. В окне есть лента прокрутки, поэтому при добавлении объектов можно не жадничать: например, создать текст с картинками, дополнить пояснение видеофайлом.

Вкладка "Link" превратит метку в интерактивную кнопку: при нажатии на неё зритель сразу отправится на другой веб-сайт.

Вкладка "Go to page" тоже превратит метку в интерактивную кнопку, только зритель отправится не на другой сайт, а на следующую страницу с новым интерактивным изображением. Да-да, сервис позволяет создавать многостраничные интерактивные плакаты! Но об этом чуть ниже.

Для текста можно выбрать шрифт, размер, цвет. Добавление картинок - через нажатие иконки "картинка", там же рядом значок "цепочка" для добавления в текст ссылок, значок "видео" добавляет его по ссылке.

Очень интересная кнопка "</>" откроет html-разметку: здесь можно пристроить код практически любого встраиваемого объекта (игры, викторины, презентации). Повторное нажатие клавиши вернет исходный вид публикации, заодно можно проверить, насколько удачно вставился объект.

Для предварительного просмотра созданного есть кнопка "Предпросмотр" (изображение глаза). Чтобы сохранить интерактив, нажимаем "Save".

Есть ещё какие-нибудь фишки и плюшки?

А как же! Самая интересная фишка сервиса - анимация. Надеюсь, вы еще помните про кнопку с падающим метеоритом? Это самое оно и есть! "Оживить" можно любой объект на картинке, любую метку.

Нажимаем на "метеорит" и выбираем нужный тип анимации: как метка будет появляться (Enter), исчезать (Exit), совершать какие-то действия, например вращаться (Continuous), действовать при наведении на нее курсора (Hover mouse). Внутри каждого раздела большое количество видов анимации (Effect). Можно выбрать направление движения, время его начала и даже скорость.

И вот все интерактивные метки расставлены, анимация настроена... Самое время нажать "All set!" и опубликовать будущий шедевр.

Как создать многостраничный плакат?

"Позвольте! - скажет внимательный читатель. - А где же обещанная рассказка про многостраничные интерактивные плакаты?". Ну что ж, не буду утаивать такую ценную информацию. Итак...

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

Слева в меню инструментов нажимаем "Pages", а потом "Add page". В разделе "My creations" выбираем нужный плакат и нажимаем "Add".

Кстати, вместо другого плаката можно вставить шаблон из библиотеки сервиса, а потом наполнить его своим содержанием (раздел "Template"). Удобно использовать шаблон "Blank" - это пустой слайд, на который можно, "не отходя от кассы", разместить свои интерактивные объекты и фоновые картинки.

Навигацию между такими слайдами можно устроить, связав их между собой интерактивными кнопками со ссылками (Go to page).

Дополнительный бонус - анимация при перелистывании слайдов. Настраиваем её, нажав на значок "волшебная палочка" рядом с каждым слайдом. Выбранную анимацию можно применить ко всем слайдам (Apply to all slides).

Как поделиться плакатом?

Интерактивный плакат создан. Сохранен с помощью волшебной кнопки "All set!". Самое время рассказать о нём "по секрету всему свету". Для этого нажимаем клавишу "Share", которая появится сразу после сохранения работы.

Рядом кнопка для просмотра (View) и скачивания плаката на ПК как картинки (Download).

Созданной работой можно поделиться в социальных сетях (раздел "Social networks": Facebook, Twitter, Google+), получить ссылку (вкладка "Link")

или код, чтобы встроить плакат на страницу блога или сайта (вкладка "Insert").

Но и это ещё не всё!

Среди последних нововведений сервиса - возможность устроить коллективную работу по созданию интерактива. Можно добавить других участников и пригласить их для работы  (только чур - пусть сначала зарегистрируются в сервисе). Как это сделать?

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

В открывшееся окошко вносим адрес электронной почты своего будущего соавтора и нажимаем "Invite" (Пригласить). Готово! Приглашенный участник получит ссылку для редактирования и... море удовольствия от работы в сервисе.

Успехов!