Онлайн-справка

Kili. Профессиональное оформление скриншотов.

Краткое руководство по инструментам разметки, обрезке, размытию и управлению изображением.

Открыть редактор Kili

Инструменты разметки

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

Выделить

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

  1. Нажмите на элемент.
  2. Перетащите его для перемещения.
  3. Потяните маркеры, чтобы изменить размер или форму.
Delete или Backspace удаляет выбранный элемент. То же делает кнопка корзины.

Прямоугольник

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

  1. Выберите значок прямоугольника.
  2. Протяните рамку вокруг нужной области.
  3. Отпустите кнопку — редактор вернётся в режим «Выделить».
Цвет и толщина линии задаются в нижней панели. Готовую рамку можно перемещать и растягивать восемью маркерами.

Стрелка

Указывает на конкретную деталь изображения.

  1. Начните в точке основания.
  2. Тяните линию к будущему острию.
  3. Отпустите кнопку в нужной точке.
Почти горизонтальные и вертикальные стрелки автоматически выравниваются. После выбора можно двигать всю стрелку или каждую конечную точку.

Линия

Соединяет или подчёркивает элементы без наконечника стрелки.

  1. Нажмите в начальной точке.
  2. Протяните линию до конечной точки.
  3. Настройте цвет и толщину.
Работает как стрелка: поддерживает автоматическое выравнивание, перемещение и изменение обеих конечных точек.
Проверьте заголовок и исправьте текст на второй строке
T

Текст

Добавляет подпись поверх изображения.

  1. Выберите инструмент «Текст».
  2. Щёлкните или коснитесь нужной точки.
  3. Введите подпись. Для новой строки нажмите Shift+Enter, для завершения — Enter.
Текст может состоять из нескольких строк. Двойное нажатие открывает повторное редактирование. Размер меняется ползунком или маркером выбранной подписи.
1 1 Заголовок Краткое пояснение к отмеченной области
1

Выноска

Создаёт нумерованный маркер, соединённый с карточкой пояснения.

  1. Протяните от маркера к карточке или просто нажмите для автоматического размещения.
  2. Введите номер, заголовок и подпись.
  3. Выберите маркер: круг, стрелка или без линии.
Двойное нажатие открывает редактор выноски. Ползунок размера масштабирует всю выноску.

Обрезка и копирование

Выбирает отдельную область изображения.

  1. Протяните рамку вокруг нужного фрагмента.
  2. Нажмите «Обрезать», чтобы изменить изображение.
  3. Или нажмите «Копировать», чтобы поместить выбранный фрагмент с аннотациями в буфер.
На компьютере клавиша Enter применяет обрезку. Escape отменяет временную область.
Email: user@example.ru Телефон: +7 900 123-45-67

Размыть

Скрывает конфиденциальные данные на скриншоте.

  1. Выберите область с данными.
  2. Проверьте положение рамки.
  3. Нажмите «Размыть» или Enter.
Размытие выполняется только после явного применения. Escape отменяет временную область.

Редактор выноски

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

  • НомерЧисло внутри маркера и карточки. Для новых выносок следующий номер подставляется автоматически.
  • ЗаголовокОсновная короткая подпись в верхней части карточки.
  • ПодписьДополнительное пояснение под заголовком.
  • Маркер«Круг» показывает номер у отмеченной точки, «Стрелка» заменяет его наконечником, «Без линии» оставляет только карточку.
  • Применить или отменить«Применить» сохраняет изменения. «Отмена» закрывает редактор без них; для новой незавершённой выноски вторичная кнопка удаляет её.

Цвет, размер и управление

Нижняя панель меняется в зависимости от выбранного инструмента или элемента.

Палитра
Размер
140
  • ЦветПрименяется к выбранному элементу и используется при создании следующих элементов.
  • РазмерУправляет толщиной рамок и линий, размером текста или масштабом выноски. Для удобного повтора ползунок привязывается к стандартному размеру и размерам ранее созданных элементов того же типа.
  • Выбранный элементИзменение цвета или размера сразу применяется к элементу, который сейчас выделен.

Автопривязка и выравнивание

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

Голубые направляющие

  • При создании и перемещении края и центры элемента привязываются к краям и центрам других элементов.
  • При изменении прямоугольника его стороны, ширина и высота могут совпасть с ранее созданными элементами.
  • Конечные точки стрелок, линий и выносок привязываются к опорным точкам других элементов.
  • Стрелки и линии, проведённые почти горизонтально или вертикально, автоматически выравниваются по оси.

Навигация и быстрые действия

Эти команды работают независимо от выбранного инструмента.

Масштаб

Используйте колесо мыши или кнопки −/+. Нажатие на значение в процентах снова вписывает изображение в доступную область.

Перемещение изображения

Зажмите правую кнопку мыши. На мобильном устройстве используйте один палец в режиме «Выделить»; масштаб меняется двумя пальцами.

Копирование

Кнопка с двумя листами копирует всё изображение. На компьютере доступно сочетание Ctrl+C.