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

Среди большого количества шаблонов нашёлся довольно интересный вариант — для создания адвент-календаря. И сегодня я расскажу о нём. 

Вот так выглядит адвент-календарь от Genially. 

Напомню, что адвент-календарь ведёт отсчёт дней, оставшихся до какой-либо праздничной даты, чаще всего, до Рождества. Каждый день открывается одно окошко кадлендаря, за которым скрывается какой-нибудь интересный сюрприз: текст, картинка, видео, игра…

Смотрим, как это работает. Для начала, как всегда, о регистрации в сервисе.

Регистрация

Заходим на сайт Genially, нажимаем «Sign Up» или «Start now. It’s free!» — и сразу заполняем форму для регистрации. В дальнейшем для входа на сайт можно нажимать «Login».

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

А можно пойти традиционным путём — зарегистрироваться с помощью электронной почты (Sign up with your email).

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

После этого ищем на почте письмо от создателей сервиса для подтверждения аккаунта: нужно перейти по указанной в нём ссылке.

Дальше нажимаем на кнопку «You’re all set». 

А дальше придётся ответить на несколько вопросов.

Во-первых: какой аккаунт будет создан – образовательный или корпоративный. Выбираем «Education» и нажимаем «Continue».

Указываем свою профессию, например, «Teacher».

Выбираем учебное заведение, в котором работаем.

Ещё сервис предложит назвать свою организацию, но можно этот шаг пропустить (Skip this step), что я и сделала.

И вот теперь можно наконец приступить к созданию первого проекта: нажимаем «Start».

Загружаем изображение

А дальше надо выбрать шаблон для создания календаря. Для быстроты в поисковой строке сервиса можно написать «advent calendar». Откроется сразу несколько подходящих вариантов. Нам подойдёт «Vintage Cristmas Advent Calendar» или «Advent Calendar Post».

Оба шаблона рассчитаны на 24 дня, и каждый по-совему симпатичен.

Мне больше глянулся «Vintage Cristmas Advent Calendar», на его примере я и буду рассказывать о процессе создания календаря.

Чтобы получше рассмотреть шаблон, наводим на него курсор и нажимаем «View Template».

Шаблон состоит из одного слайда, на котором расположено 24 окошка. При нажатии на каждое открывается какая-то полезная информация: текст, видео, фото.

Чтобы использовать шаблон, нажимаем на кнопку «Use this Templates». 

Оформление календаря

Переходим к редактору календаря. В центре экрана — выбранный шаблон. На слайде уже есть картинки, тексты и окошки с номерами (это и есть интерактивные метки, при нажатии на которые откроется дополнительная информация).

В правом верхнем углу — очень полезная кнопка «Предпросмотр» (с изображением глаза) для предварительного просмотра таймлайна.

В графу с названием шаблона вписываем название работы. 

Шабло рассчитан на 24 окна. Если нужно умеьшить количество окон, щёлкаем по ним «мышкой» и нажимаем «Delete» на клавиатуре.

Если количество окон нужно увеличить, можно дублировать слайд и создать ещё один такой же. Для этого наводим курсор на миниатюру слайда слева и нажимаем на кнопку «Duplicate».

Все тексты на слайде можно менять, например, перевести название календаря (Advent Calendar) на русский язык. Вместо надписи «20хх» вписываем нужный год. Номера на окошках тоже можно изменить, например, сделать отсчет не до 24 декабря, а до 31-го.

Как редактируются тексты на слайдах? Щёлкаем «мышкой» два раза по тексту, стираем написанное и добавляем своё. 

Вверху появится окно редактора с основными инструментами для работы. Они помогут выбрать цвет, шрифт, начертание и т. д.

Осторожно, не все шрифты поддерживают кириллицу! Вот список тех, кто дружит с русским языком (листаем слайды).

Если нужно добавить какую-то свою надпись, на панели инструментов нажимаем на вкладку «Text» и выбираем подходящий шаблон для оформления надписи. Редактируем с помощью панели инструментов вверху.

Картинки на слайде можно удалять так же, как и тексты. Добавляем картинки через кнопку «Image». У сервиса есть небольшая библиотека, а с ПК загружаем картинки весом не более 5 мегабайт.

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

Картинки, которые уже есть в шаблоне, можно заменить на свои. Для этого щёлкаем по изображению, нажимаем на кнопку «Replace» и загружаем новую картинку.

При оформлении слайда можно заглянуть ещё во вкладку «Resources»: она добавляет разные геометрические фигуры, иконки, картинки, гифы, линии и карты из большой библиотеки сервиса. Иконки и формы можно перекрашивать и заменять (через кнопку «Replace»).

Хотите изменить фоновое изображение? Нажимаем «Background».

У слайда два фона. Один — основной (Canva), второй — дополнительный, подложка (Base). Поменять можно и тот, и другой, переключаясь между этими двумя вкладками.

Чтобы загрузить новую картинку, жмём на значок со стрелкой. 

Можно сделать фон однотонным, залив его подходящим цветом (Color), подобрать подходящий фон из библиотеки сервиса (Library) или добавить картинку для фона по ссылке (URL).

Редактируем окошки

В нашем шаблоне к каждой цифре на окошке прикреплено всплывающее окошко  с дополнительной информацией (Window), которая будет открываться при нажатии на цифру.

И нам надо эти окошки отредактировать, наполнив своим контентом: текстами, видео, картинками, гиперссылками.

Чтобы перейти к редактированию, щёлкаем по первой цифре и нажимаем на появившуюся кнопку «Window».

И дальше — на кнопку «Edit window».

Открывается красиво оформленное окошко для добавления контента. В нём уже находится какое-то содержимое. Например, есть текст. Щёлкаем по надписи два раза, стираем написанное и добавляем свой текст.

А если нужно вставить картинку или видео?  Для этого используем вкладки слева. Для добавления картинок используем вкладку «Image», для вставки видео — «Insert».

Мы уже знаем, как добавляются картинки: загружаем их с ПК и «мышкой» переносим в окошко, корректируя размеры изображения.

Конечно, в окошке эта картинка будет маленькой. Чтобы зрители могли рассмотреть её в подробностях, можно включить опцию «Развернуть на весь экран».

Для этого щёлкаем по изображению и нажимаем на кнопку с изображением пальца — «Add interactivity».

Из открывшегося списка выбираем опцию «Full Screen».

В открывшемся окне нажимаем «Save» и сохраняем эффект. 

Теперь при просмотре окна зритель может «щёлкнуть» по картинке и развернуть её на весь экран.

Чтобы закрыть отредактированное окно, нажимаем на кнопку «Back to Page» и возвращаемся к шаблону календаря.

В некоторых окошках уже вставлено видео. Чтобы заменить его на свой видеоролик, щёлкаем по нему  дважды «мышкой» и в открывшееся окно вставляем ссылку на видео с YouTube. Нажимаем «Enter». Видео добавлено.

Можно вопроизводить его автоматически, показывать бесконечно по кругу, без звука. Можно установить время показа видео с определённого момента.

А если добавлять видео самостоятельно, без помощи шаблона? Тогда идём во вкладку «Insert» — «Video».

Вставляем ссылку на видео с YouTube и нажимаем «Enter». Видео появляется в окошке.

С помощью этой же вкладки «Insert» можно вставить в окошко аудиозапись. Для этого нужно открыть раздел «Audio».

К сожалению, бесплатно загрузить аудио с ПК нельзя, но можно добавить его по ссылке (URL) или сделать аудиозапись онлайн, подключив микрофон (Record an audio).

Во вкладке «Insert» — «Others» можно вставить в окошко встраиваемый объект, например, викторину или игру. 

Для этого нужен код — вставляем его в окошко и нажимаем «Insert».

Так мы заполняем каждое окошко.

К шаблону прикреплён музыкальный фон. Если трек не нужен, его можно удалить — отправить в «корзину».

Заменить музыку нельзя — это платная опция.

Настраиваем анимацию

Каждый объект на слайде и внутри окошек можно анимировать. Ко многим объектам анимация уже добавлена, но её всегда можно отменить, изменить или удалить.

Для этого щёлкаем по выбранному объекту и нажимаем на значок с «кометой».

Анимация может быть разная: появление (Enter), исчезание (Exit), совершение каких-то действий, например, вращение (Continuous), действия при наведении курсора (Hover mouse) и клике «мышкой» (Click).

Внутри каждого раздела большое количество видов анимации (Effect). Можно выбрать время начала анимации и даже скорость.

Публикация

И вот календарь создан. Сохраняем его и публикуем с помощью волшебной кнопки «Share».

В открывшемся окошке даём название проекту, добавляем описание и, если нужно, даём разрешение другим пользователям сервиса создавать ремиксы на нашу работу. Нажимаем «All set!»

Можно получить ссылку (вкладка «Link») или код, чтобы встроить календарь на страницу блога или сайта (вкладка «Insert»).

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

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

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

В открывшееся окошко вносим адреса электронной почты своих будущих соавторов и нажимаем «All set».

Готово! Приглашенный участник получит ссылку для редактирования и… море удовольствия от работы в сервисе.

Здесь же, в личном кабинете, нажав на значок с тремя точками (Options), можно вернуть работу в состояние черновика, переименовать, дублировать её или удалить. Остальные опции платные.

Чтобы вернуться к редактированию работы, наводим на неё курсор и нажимаем «Edit».