​Эволв Студио: редактор для создания курсов с нуля и редактирования текущих

Что такое Эволв Студио

Эволв Студио — это встроенный редактор платформы Эволв для создания уроков и доработки контента. Он доступен при создании курса вручную (режим «Эволв Студио») и при редактировании любого урока: как написанного с нуля, так и сгенерированного с помощью ИИ.

В редакторе можно:

  • настроить шапку урока — заголовок, фон, высоту, компоновку;
  • добавлять текстовые блоки, списки, медиафайлы;
  • вставлять интерактивные элементы — карточки, вкладки, сортировку и другие;
  • генерировать с помощью ИИ озвучку, видео, инфографику и интерактивные задания.

Часть 1. Как открыть Эволв Студио

Создание нового курса с нуля в Эволв Студио

Шаг 1. В левом меню платформы откройте раздел «Курсы» → нажмите кнопку «Создать курс».

Шаг 2. В открывшемся модальном окне выберите раздел «Эволв Студио — создание курса с нуля».

Шаг 3. Введите название курса и нажмите «Создать». Вы попадёте в редактор с пустым первым уроком.

Редактирование существующего урока

Шаг 1. Перейдите в раздел «Курсы» → откройте нужный курс.

Шаг 2. В структуре курса выберите урок, который хотите отредактировать, и нажмите иконку редактирования (карандаш). Откроется Эволв Студио с содержимым этого урока.

⚠️ Перед масштабным редактированием готового курса рекомендуется сделать его дубликат: зайдите в настройки курса → «Дублировать». Это позволит сохранить исходную версию.

Часть 2. Интерфейс редактора

Когда урок открыт в редакторе, вы увидите следующие элементы:

Верхняя панель инструментов

  • Название урока — показывается в виде выпадающего списка. Нажмите на кнопку, чтобы вернуться к структуре курса.
  • Статус сохранения — отображает «Изменения сохранены» или «Несохранённые изменения» в центре панели.
  • + Добавить элементы — кнопка для ИИ-генерации дополнительного контента (аудио, видео, инфографика, интерактивный элемент). Подробнее — в Части 5 этой инструкции.
  • Комментарии — иконка совместного ревью уроков [об этом функционале вы можете прочитать в нашей инструкции про Ревью курсов]; позволяет оставлять замечания к блокам прямо в редакторе.
  • Черновик / Сохранить — кнопка публикации: можно сохранить урок как черновик или опубликовать его.
  • Предпросмотр — иконка глаза; открывает урок в режиме просмотра «глазами ученика».
  • Удалить — иконка корзины; удаляет урок (действие необратимо).

Рабочая область

Центральная часть экрана — это сам урок. Он состоит из шапки (верхний блок с заголовком) и набора контентных блоков, расположенных ниже. Блоки можно добавлять, перемещать и удалять.

Часть 3. Шапка урока

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

Ширина шапки

Первым идет переключатель ширины. Доступны два варианта: «Стандартный» (полная ширина) и «Половина» (занимает половину рабочей области).

Редактирование содержимого шапки

Нажмите вторую иконку (карандаш) — откроется панель «Главный раздел — Редактирование контента»:

  • Название (обязательное поле) — заголовок урока.
  • Не отображать заголовок — переключатель (тогл); если включён, заголовок не будет виден ученику, но останется в системе.
  • Текст — поле для добавления краткого описания или подзаголовка.

Стиль фона шапки

Нажмите третью иконку (палитра) — откроется панель «Главный экран — Редактирование стиля» с тремя вкладками:

  • Сплошной — выберите цвет фона через цветовой круг или введите HEX-код. Можно настроить прозрачность (%).
  • Градиент — цвет переходит от одного оттенка к другому. Настройте два цвета и направление градиента.
  • Изображение — загрузите фоновое изображение для шапки.

Формат шапки

Нажмите четвёртую иконку (линейка) — откроется панель «Главный экран — Редактирование формата»:

  • Высота блока — три варианта: 100%, 50% или Произвольный (задаётся в пикселях).
  • Растянуть обложку на всю ширину — тогл; позволяет убрать боковые отступы.
  • Плавный переход к следующему разделу — тогл; добавляет анимированный переход к первому контентному блоку.
  • Подложка под текстом — тогл; добавляет полупрозрачный фон под текстом для лучшей читаемости поверх изображения.

Часть 4. Добавление контентных блоков

Ниже шапки расположены контентные блоки урока. Чтобы добавить новый блок, наведите курсор на область между двумя существующими блоками (или в самый низ урока) — появится кнопка «+». Нажмите на неё, чтобы открыть «Библиотеку шаблонов».

Библиотека шаблонов разделена на три категории:

Текстовый блок

  • Текст — свободное текстовое поле. Поддерживает форматирование: жирный, курсив, подчёркивание, ссылки, размер шрифта.
  • Список пунктов — маркированный список. Каждый пункт — отдельная строка.

Медиа

Изображения

Добавляет блок с изображением. После вставки блока откроется диалог загрузки: выберите файл с компьютера или укажите URL изображения. В блоке можно настроить подпись (caption) и выравнивание.

Видео

Добавляет видеоблок. Поддерживается загрузка файла или вставка ссылки (YouTube, Vimeo). Видео встраивается в урок и воспроизводится прямо в нём.

Документы

Добавляет встроенный просмотрщик документов. Поддерживаются форматы PDF, DOCX и другие. Ученик может просмотреть документ, не покидая урок.

Интерактивные блоки

Это готовые интерактивные шаблоны, которые повышают вовлечённость. Выберите тип блока из библиотеки и заполните его контентом.

  • Карточка с переворотом — карточка с лицевой и обратной стороной. Ученик нажимает на карточку, чтобы увидеть обратную сторону (ответ или дополнительную информацию).
  • Карта связи — визуальная схема, где элементы соединены линиями-связями. Подходит для отображения взаимосвязей понятий.
  • Перетаскиваемая карточка — карточки, которые ученик перетаскивает мышью (например, для расстановки в нужном порядке или сортировки по группам).
  • Вкладки — контент разделён на вкладки; ученик переключается между ними. Удобно для структурирования объёмного материала.
  • Изображение с метками — изображение, на котором расставлены кликабельные метки (точки); нажав на метку, ученик видит всплывающее пояснение.
  • Сортировка — элементы, которые ученик распределяет по категориям.

Прогресс карты

Процесс — блок для визуализации последовательности шагов или этапов. Отображает шаги в виде горизонтальной или вертикальной схемы с прогрессом.

Разделитель

Горизонтальная линия-разделитель между блоками. Служит для визуального разделения разделов урока.

Часть 5. Управление блоками

При наведении курсора на любой контентный блок в правом верхнем углу блока появляются три кнопки управления:

  • ↓ Переместить вниз — сдвигает блок на одну позицию ниже. Для перемещения вверх нажмите ту же кнопку у следующего блока.
  • Дублировать — создаёт точную копию блока и вставляет её сразу после оригинала.
  • Удалить (красная иконка корзины) — удаляет блок. Действие необратимо.

💡 Чтобы быстро перестроить структуру урока, используйте дублирование: создайте копию блока, отредактируйте её и удалите лишний оригинал.

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

  • Первая иконка панели отвечает за вариант блока. Нажмите на неё — откроется список из доступных вариантов

  • Вторая кнопка отвечает за редактирование контента — нажмите её и откроется меню с возможностью изменять текст.

  • Третья отвечает за стиль блока — выберите цвет заливки или загрузите фоновое изображение

  • Четвертая кнопка отвечает за формат – нажимая на неё, вы можете настроить отступы, цвета

Часть 6. Генерация медиа и интерактива

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

Кнопка «+ Добавить элементы» в верхней панели запускает ИИ-инструменты для автоматического создания медиа и интерактивных заданий прямо из текста урока. Доступны четыре инструмента:

Аудио — озвучка урока

ИИ генерирует аудиодорожку (озвучку) на основе текста урока.

Шаг 1. Нажмите «+ Добавить элементы» → «Аудио».

Шаг 2. Откроется диалог «Добавление озвучки к уроку». Текст для озвучки заполняется автоматически из содержимого урока — при необходимости отредактируйте его.

Шаг 3. Разверните «Настройки генерации», чтобы выбрать голос и темп речи.

Шаг 4. Нажмите «Создать озвучку». Аудиоблок появится в уроке после завершения генерации.

💡 Если вы не внесли настройки аудио на уровне всего курса (это можно сделать на самом верхнем уровне редактирования), то платформа предложит сделать сначала это, а уже затем вы сможете редактировать аудио для каждого урока по отдельности

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

Видео

Помимо аудио, в ваши уроки могут быть добавлены видео. Эволв создает видеоролик на основе текста урока и настроек видео курса.

Шаг 1. Нажмите «+ Добавить элементы» → «Видео».

Шаг 2. В диалоге «Создать видео для этого урока» проверьте текст, который будет использован как сценарий.

Шаг 3. Если нужно, чтобы видео строго следовало сценарию (без творческой интерпретации ИИ), включите соответствующий переключатель.

Шаг 4. Нажмите «Создать видео». Видео появится в уроке после генерации.

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

Инфографика

Платформа Эволв также может автоматически создавать изображения (инфографику) на основе содержимого урока. Нажмите «+ Добавить элементы» → «Инфографика», и генерация запустится сразу.

Также как и для аудио, и для видео, вы можете задать свои кастомные настройки по цветам для генерации изображений. Они делаются также на уровне всего курса.

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

Интерактивный элемент (интерактивные блоки-задания)

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

Шаг 1. Нажмите «+ Добавить элементы» → «Интерактивный элемент».

Шаг 2. В диалоге «Добавьте интерактивный элемент» выберите тип задания:

  • Соедините пары — ученик соединяет термины и определения, вопросы и ответы.
  • Карточки викторины — карточки с вопросом; переворот показывает ответ.
  • Карточки с определениями — карточки с термином; переворот показывает определение.
  • Расположите по порядку — ученик перетаскивает карточки в правильную последовательность.
  • Сортировка — ученик распределяет элементы по соответствующим группам.

Шаг 3. Выберите нужный тип и нажмите «Добавить элемент». Эволв сформирует задание автоматически из содержимого урока.

Настройка кнопок внутри курса

Вы можете настраивать кнопку внутри курса по своему усмотрению. Для того чтобы добавить кастомную кнопку Вам необходимо:

Шаг 1. Добавить новый блок через кнопку "+" или внизу страницы редактируемого урока на панели блоков нажать кнопку "Все блоки"

Шаг 2. В библиотеке шаблонов выбрать "Кнопка"

Шаг 3. После того, как кнопка добавится в урок Вы сможете её редактировать как и другие блоки. Для этого вам нужно будет нажать на иконку "карандаша", "веера" или "линейки" для настроек текста, стиля и размеров


Часть 7. Сохранение и публикация

Редактор автоматически сохраняет изменения при каждом действии. Статус сохранения отображается в верхней панели («Изменения сохранены» или «Несохранённые изменения»).

  • Черновик — урок сохранён, но не виден ученикам. Используйте этот режим, пока работа над уроком не завершена.
  • Сохранить — публикует урок и делает его доступным для учеников. Нажмите «Сохранить», чтобы опубликовать готовый урок.

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


Если у вас остались вопросы по тому как пользоваться платформой – напишите нам в чат поддержки или на почту help@evolveapp.org