Краеведение - солнечный зайчик души. Идея протеста не вызывает? Тогда Вы - наш человек. Заглядывайте на огонёк. Всегда вам рады. Краевед-краеведу - друг, товарищ и брат.

суббота, 1 июля 2017 г.

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

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

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

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

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


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


Заходим на сайт Genially - и сразу можно заполнять форму для регистрации: указать адрес электронной почты, придумать пароль, поставить галочку напротив "I have read and accept the user agreement and privacy conditions", а потом нажать "Start". Ту же процедуру можно пройти, нажав "Register" в правом верхнем углу. Кстати, счастливые обладатели аккаунтов Facebook и Google могут зарегистрироваться в сервисе через них.


После регистрации сервис поинтересуется вашей профессией: из списка можно выбрать "Blogger" или "Teacher", например.


Если вы регистрировались по адресу электронной почты, то получите письмо для активации аккаунта: нужно нажать "Confirm my account".

Теперь жмём "Start creating" - и начинаем творить...



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


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


Шаг второй - загружаем фоновое изображение, на котором будем размещать интерактивные метки. Нажимаем на значок со стрелкой и облачком и загружаем картинку со своего ПК. Лучше, если она будет высокого качества и в хорошем разрешении. После загрузки появится большая красная кнопка "Create my new interactive image". Нажимаем и приступаем к самому вкусненькому.


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


Давайте-ка осмотримся. В центре экрана - загруженное фоновое изображение, фото книжной выставки, например. Слева сбоку - инструменты для добавления разных интерактивностей. В левом верхнем углу - набор стандартных кнопок: копировать - вставить - удалить - отменить изменения. В правом верхнем углу - очень полезная кнопка "Preview" для предварительного просмотра плаката. В графу "Untitled Genially" вписываем название плаката или выставки.


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


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


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


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


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


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


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


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


Если щёлкнуть метку на плакате, появится изображение "ладошки". Нажимаем на него - и переходим к добавлению контента.


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



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

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

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

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

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

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


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


А как же! Самая интересная фишка сервиса - анимация. "Оживить" можно любой объект на картинке, любую метку. Для этого выбираем "мышью" нужную метку и нажимаем "Animation" на панели инструментов слева. В разделе "Element" выбираем нужный тип анимации: как метка будет появляться (Enter), исчезать (Exit), совершать какие-то действия, например вращаться (Continuous), действовать при наведении на нее курсора (Hover). Внутри каждого раздела большое количество видов анимации (Effect type).



Дальше - больше. Можно выбрать направление движения метки и даже отрегулировать время появления - исчезания метки и скорость движения. Чтобы скопировать настройки анимации сразу для всех меток на плакате, нажимаем "Copy animation values".


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


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

Если присмотреться, справа сбоку в рабочем поле есть значок "страничка" (Pages). При нажатии откроется дополнительное поле для добавления новой страницы. Нажимаем значок "+". В разделе "My Geniallys" выбираем нужный плакат и нажимаем "Add". Можно добавить сразу несколько таких интерактивных "слайдов".


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


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

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



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


Интерактивный плакат создан. Самое время рассказать о нём "по секрету всему свету". Для этого нажимаем клавишу "Share" в правом верхнем углу. Созданной работой можно поделиться в социальных сетях (Facebook, Twitter, Google+), получить ссылку или код, чтобы встроить плакат на страницу блога или сайта.


Удачных вам творческих экспериментов!

P.S. О других сервисах для создания интерактивных плакатов можно прочитать здесь. Также можно воспользоваться материалами мастер-класса "Создаём интерактивный коллаж" на портале "ВикиСибириаДа".

18 комментариев:

  1. ЗДОРОВО! Как интересно! Обязательно в этом месяце попробую на свой блог сделать такой плакат! Большое спасибо!

    ОтветитьУдалить
    Ответы
    1. Удачи Вам в освоении сервиса и творческого вдохновения!

      Удалить
  2. Здравствуйте. Большое спасибо за обзор ресурса. Я уже давно хотела научиться работать в ресурсе Thinglink, но меня всё время смущает англоязычность таких ресурсов, а я, к сожалению, не владею языком. Но всё равно надо бы освоить подобный ресурс для работы. А раз уж есть такой более интересный и продвинутый ресурс как Genially, да ещё и с такой подробной инструкцией на первое время, чтобы преодолеть неуверенность, то буду изучать его. Огромное спасибо!

    ОтветитьУдалить
    Ответы
    1. Надежда Владимировна, конечно, такой сервис (или подобный) - очень хороший инструмент в работе и наверняка не раз Вам пригодится. Поэтому осваивать однозначно стоит! Я постаралась написать о самых важных моментах в создании плаката, надеюсь, эта инструкция Вам поможет в работе. Еще можно использовать Goggle Переводчик, он неплохо помогает в работе. Успехов Вам в работе! Если возникнут вопросы, пишите, буду рада помочь.

      Удалить
  3. Ирина Баркова3 июля 2017 г., 8:24

    Заинтересовалась!!! Спасибо большое!

    ОтветитьУдалить
  4. Интересный сервис. Интересно описан. Интересно пойти попробовать. ИИИ раз... Огромная благодарность Полярной Сове за пробуждение интересов!

    ОтветитьУдалить
    Ответы
    1. Наталья, спасибо за добрые слова! Интерес в работе - это уже практически залог успеха. :) Так что за пробуждение интереса!

      Удалить
  5. Спасибо за знакомство с интересным и полезным сервисом. Обязательно изучим и будем использовать в работе

    ОтветитьУдалить
    Ответы
    1. Ирина, спасибо Вам за интерес к блогу. Удачной работы и творческого вдохновения!

      Удалить
  6. сервис интересный, но НЕ бесплатный. с мне требуют деньги за презентацию. может я что-то не так сделала?

    ОтветитьУдалить
    Ответы
    1. Добрый день! Да, согласна, в целом сервис небесплатный. Я пишу только о создании интерактивного плаката - вот его как раз можно создать бесплатно.

      После создания аккаунта автоматически открываются шаблоны для презентаций, часть из них помечена Premium (платные).

      Для создания интерактивного плаката нужно сразу выбрать вверху Interactive Image, тогда откроется конструктор для создания интерактивного плаката - можно работать.

      Удалить
  7. Спасибо большое за рассказ о сервисе, я уже делала один плакат, но Вы добавили много интересных деталей, о которых еще не знала. Сервис нравится, прекрасный для создания виртуальных выставок.

    ОтветитьУдалить
    Ответы
    1. Людмила, мне очень приятно, что мастерилка пригодится Вам в работе! Приятного творчества!

      Удалить
  8. Здравствуйте!
    Очень люблю узнавать новые сервисы. С Вашей помощью освою и этот. СПАСИБО!!!

    ОтветитьУдалить
    Ответы
    1. Успешного Вам освоения сервиса! Если возникнут вопросы, обращайтесь, буду рада помочь.

      Удалить
  9. Здравствуйте. Плакат создала. Предварительно просмотрела. А вот в хранилище файлов работа не просматривается. Переход по ссылке выдает ошибку. А в блоге по ссылке для блога раьота отображается.Надеюсь на помощь.

    ОтветитьУдалить
    Ответы
    1. Добрый день! К сожалению, иногда в онлайн-сервисах возникают сбои при генерировании ссылок - они не хотят открываться. :( Но ссылку можно получить и из кода для блога или сайта.
      Ссылка находится в коде между двумя кавычками, стоит в начале третьей строки и начинается с букв https. Примерно так она выглядит: https://www.genial.ly/View/Index/5970c58eaa1a3e57781d415d
      Просто скопируйте её из кода и используйте в работе или делитесь. :) Успешной работы!

      Удалить

Этот пост ждёт ваших комментариев.
Не знаете, как оставить комментарий?
Тогда эта инструкция для вас!

- Нажмите на стрелку рядом с окошком "Подпись комментария".
- Выберите "Имя/URL".
- Напишите своё имя, строчку URL можно оставить пустой.
- Нажмите "Продолжить" и комментируйте.

Заранее спасибо!

Related Posts Plugin for WordPress, Blogger...