Оглавление
01 · Быстрый старт
Первая работа за пять шагов
Редактор запускается с выбранным базовым слоем. Поэтому первым делом справа видны настройки документа.
- Задайте холст. Выберите A4, квадрат, экран 16:9 или укажите свои ширину и высоту.
- Добавьте содержимое. Используйте изображения, фигуры, текст, линии, ручку или перо Безье.
- Настройте объекты. Выделите объект и измените его размер, цвет, обводку, прозрачность и другие свойства справа либо в компактной панели снизу.
- Наводите порядок. Используйте сетку, выравнивание, слои и группы.
- Сохраните. Экспортируйте PNG/JPEG или сохраните проект в .3dcd, чтобы продолжить позже.
02 · Интерфейс и холст
Что находится на экране
1. Слои
Список объектов слева: выбор, порядок, видимость, блокировка, переименование и группировка.
2. Рабочая область
Белый холст и пространство вокруг него. Здесь создаются и перемещаются объекты.
3. Свойства
Панель справа меняется в зависимости от выбранного объекта или базового слоя.
4. Инструменты
Основная панель снизу. Над ней появляются быстрые свойства активного инструмента или объекта.
Свойства базового слоя
Щёлкните по строке «Базовый слой» в списке слоёв. Справа можно изменить:
- ширину и высоту холста;
- единицы измерения: пиксели, миллиметры или сантиметры;
- готовый формат: A4 вертикальный/горизонтальный, квадрат, 16:9 или история;
- цвет пространства вокруг холста: белый, серый, тёмно-серый или свой.
Размер холста
03 · Выделение и размеры
Перемещение и трансформация объектов
Выберите инструмент «Выделение» или нажмите V. Щёлкните по объекту, чтобы появились рамка и маркеры.
- Перетаскивайте объект мышью или пальцем.
- Тяните угловые и боковые маркеры для изменения размера.
- В панели справа можно ввести точную ширину и высоту. Щелчок по числу сразу позволяет его заменить.
- Значок цепочки сохраняет пропорции. Отключите его, чтобы менять стороны независимо.
- Единицы размера объекта соответствуют единицам базового слоя.
Несколько объектов
Удерживайте Shift и последовательно щёлкайте по объектам. Можно выделить любое количество элементов. Если все они одного типа, доступны и общие свойства: например, единый цвет и размер шрифта для текстов или общая заливка для фигур.
04 · Панель инструментов
Все инструменты внизу
Выделение / Рука
Выбор и трансформация объектов либо панорамирование большой рабочей области.
Изображение
Загрузка файла и открытие библиотеки изображений с категориями и поиском.
Фигуры
Прямоугольник, эллипс и многоугольник, который можно превратить в звезду.
Линия / Стрелка
Создание прямых линий и стрелок с цветом, толщиной, стилем и тенью.
Ручка / Безье
Свободное рисование и точные кривые по опорным точкам.
Области
Прямоугольное или произвольное выделение части выбранного слоя.
Кадрирование
Изменение границ холста с возможностью удалить отсечённые элементы.
Название / Поле
Однострочный заголовок и многострочное текстовое поле.
05 · Изображения
Загрузка, вставка и обработка
Нажмите кнопку изображения и выберите файл или библиотеку. Также изображение можно скопировать в другой программе и вставить в редактор через Ctrl+V. Снимки экрана вставляются в исходном размере.
Свойства изображения
06 · Удаление фона
Как отделить объект от фона
- Выделите изображение и раскройте группу «Удаление фона».
- Включите «Отделить объект от фона».
- Оставьте «Авто» или выберите цвет вручную. Пипетка берёт цвет прямо с изображения.
- Подберите чувствительность: большее значение удаляет больше похожих оттенков.
- Настройте мягкость краёв, чтобы контур не выглядел рваным.
Кнопка «Сбросить удаление фона» возвращает исходное изображение. Операцию также можно отменить через Ctrl+Z.
07 · Фигуры
Прямоугольники, эллипсы и многоугольники
Откройте группу фигур и выберите тип. Фигуру можно начать как на холсте, так и за его пределами.
Общие свойства
Заливка, скругление, тень, толщина и цвет обводки, сплошная линия, пунктир или точки.
Многоугольник
Количество углов от 3 до 24. Включите тип «звезда» и настройте глубину лучей.
08 · Линии и рисование
Линия, стрелка, ручка и перо Безье
Линия и стрелка
Проведите от начальной точки к конечной. Настройте цвет, толщину, стиль линии и тень.
Ручка
Рисует свободную сглаженную линию. Цвет с прозрачностью задаётся в палитре, отдельно настраиваются толщина и стиль.
Перо Безье
Создаёт точную кривую по опорным точкам. Завершите путь и затем редактируйте получившийся объект.
Редактирование нескольких
Выделите несколько линий, штрихов ручки или кривых Безье и примените общий цвет, толщину или стиль.
09 · Текст
Заголовок и текстовое поле
Название удобно для коротких однострочных надписей. Поле предназначено для абзацев и переносов строк.
Свойства текста
Чтобы изменить сам текст, дважды щёлкните по надписи на холсте. Для точного имени слоя дважды щёлкните по его названию в панели слоёв.
10 · Области и кадрирование
Работа с частью изображения
Прямоугольная и произвольная область
Сначала выберите один слой, затем обведите нужную часть прямоугольником или лассо. Доступны действия:
- вырезать на новый слой;
- скопировать на новый слой;
- удалить выбранную часть.
Кадрирование холста
Инструмент «Кадрирование» меняет границы документа. Перед применением можно включить удаление отсечённых элементов. Если удалять их не нужно, объекты останутся за новым краем холста и снова станут видны после увеличения размера.
11 · Сетка и выравнивание
Как расположить всё ровно
Кнопка сетки показывает разметку. В настройках доступны шаг сетки, привязка к краям и привязка к вершинам. Привязка помогает соединять и выравнивать объекты без ручного подбора координат.
Выравнивание нескольких объектов
Порядок команд: по левому краю, по центру горизонтально, по правому краю, распределить по горизонтали, по верхнему краю, по центру вертикально, по нижнему краю, распределить по вертикали.
Команда «Объединить слои» превращает выделенные объекты в один объект. Для организации без объединения используйте группу в панели слоёв.
12 · Слои и группы
Порядок, видимость и организация
- Щёлкните по слою, чтобы выбрать связанный объект.
- Перетаскивайте строки, чтобы изменить порядок наложения.
- Глаз включает и выключает видимость; замок запрещает случайное редактирование.
- Двойной щелчок по названию слоя или группы включает переименование.
- Shift выделяет диапазон слоёв, Ctrl добавляет или убирает отдельные слои из выбора.
Группировка
Выберите несколько слоёв, нажмите правой кнопкой и выберите «Группировать». Входящие слои будут показаны с отступом. Треугольник у группы сворачивает и раскрывает её. Группу можно переименовывать, перемещать и разгруппировывать.
13 · Палитра
Цвет, прозрачность и коллекция
Щёлкните по цветной кнопке в свойствах текста, фигуры, линии или рисования.
Свой цвет
Выберите оттенок и яркость в большом поле, цветовой тон — на вертикальной полосе. Ниже задаются прозрачность и HEX-код.
Коллекция
Используйте сохранённые или готовые сочетания, чтобы повторять одинаковые цвета в работе.
14 · Сохранение
Изображение или редактируемый проект
JPEG
Компактный итоговый файл без прозрачности. Подходит для фотографий и публикаций.
PNG
Сохраняет чёткие детали и прозрачность, если она используется в документе.
.3dcd
Проект со слоями и настройками. Сохраните его, если хотите продолжить редактирование.
Открыть .3dcd
Загружает ранее сохранённый проект и восстанавливает его структуру.
Сохранить
15 · Мобильная версия
Редактирование на телефоне
На мобильном экране основная панель остаётся внизу, а быстрые свойства открываются над ней. Панель слоёв и свойства можно сворачивать, чтобы освободить место.
- Кнопка сохранения находится сверху слева.
- Корзина для перетаскивания удаляемого объекта — сверху справа.
- Вертикальные ползунки дают крупную область захвата пальцем.
- Эффекты изображений, цветовой тон, насыщенность, размытие и удаление фона работают так же, как на компьютере.
МОЙ ЛИСТ
16 · Интерактивный режим
Рабочие листы с действиями
Отдельный интерактивный конструктор использует тот же редактор, но добавляет экраны и интерактивные элементы:
В свойствах интерактива задаются отображаемый текст или изображение, правильное значение, целевая зона, переход, условия показа, звуки при наведении/клике/отпускании, анимации и параметры статистики. Несколько экранов можно дублировать и менять по отдельности.
17 · Горячие клавиши
Быстрая работа с клавиатурой
| Клавиши | Действие |
|---|---|
| V | Вернуться к инструменту «Выделение». |
| Ctrl+Z | Отменить последнее действие. |
| Ctrl+C / Ctrl+V | Копировать и вставить объекты; вставить изображение из буфера. |
| Ctrl+X | Вырезать выбранную область, когда активен инструмент области. |
| Delete | Удалить выбранные объекты или выбранную часть слоя. |
| Shift + щелчок | Добавлять объекты к выделению на холсте; выбирать диапазон в слоях. |
| Ctrl + щелчок | Добавлять или исключать отдельные строки в панели слоёв. |
| Alt + перетаскивание | Создать копию объекта; при трансформации — менять размер от центра. |
| Пробел + перетаскивание | Панорамировать рабочую область без переключения на инструмент «Рука». |
| Колесо мыши | Увеличить или уменьшить масштаб относительно положения указателя. |
| Esc | Завершить или отменить активный режим, закрыть палитру. |
| Enter | Применить введённое числовое значение или подтвердить переименование. |
18 · Готовые сценарии
Что можно сделать в редакторе
Рабочий лист A4
- Выберите A4.
- Добавьте заголовки, поля и изображения.
- Выровняйте элементы.
- Сохраните PNG или JPEG.
Слайд 16:9
- Выберите 1920×1080.
- Разместите фон, текст и схемы.
- Сгруппируйте связанные элементы.
- Экспортируйте PNG.
Грани Кубика Блума
- Создайте квадратный холст.
- Добавьте вопрос, цвет и иллюстрацию.
- Сохраните каждую грань.
- Используйте файлы в сервисе кубика.
Схема или карточки
- Создайте фигуры и подписи.
- Соедините их линиями и стрелками.
- Выделите несколько и распределите.
- Сгруппируйте готовые блоки.
Проверка перед сохранением
- Все нужные объекты находятся внутри холста.
- Скрытые и заблокированные слои проверены.
- Размер холста и единицы измерения заданы правильно.
- Для продолжения работы сохранён файл .3dcd.
- Итоговый PNG или JPEG открыт и выглядит ожидаемо.