Скриншот руководства с текстовым описанием со стрелкой
Добавьте к снимкам экрана операций стрелки, указывающие на определенные кнопки, а также короткие текстовые описания шагов, чтобы упростить понимание учебных пособий или справочных документов.
Нажмите элемент на экране, чтобы изменить стиль, или сначала добавьте новый элемент.
Начиная
Нет необходимости устанавливать какое-либо программное обеспечение, весь процесс выполняется на веб-странице, и вы получаете то, что видите.
Нажмите, чтобы выбрать или перетащить изображение прямо на веб-страницу. Поддерживаются форматы JPG, PNG, WebP и GIF. Каждое изображение не должно превышать 20 МБ. Одновременно обрабатывается только одно изображение.
Нажмите, чтобы добавить текст, стрелки, прямоугольники, круги, или нажмите кнопку наклейки со смайликом, и новые элементы появятся в середине изображения, ожидая настройки.
Перетащите элемент, чтобы изменить его положение, перетащите точку в правом нижнем углу, чтобы увеличить масштаб, перетащите точку в правом верхнем углу, чтобы повернуть, и измените содержимое и цвет текста на нижней панели.
Убедившись, что эффект удовлетворительный, нажмите «Загрузить». Все элементы будут синтезированы в изображение в соответствии с текущим стилем и сохранены локально.
Поиск неисправностей
Не поддерживается. Расположение текста, стрелок и стикеров необходимо определять вручную, исходя из конкретной композиции каждого изображения. Например, конкретное место, куда указывает стрелка, на разных картинках совершенно разное. Невозможно применить один и тот же набор координат к разным изображениям, поэтому он разработан как инструмент для точного аннотирования одного изображения. Если вам необходимо добавить один и тот же текст или водяной знак к нескольким изображениям с похожей композицией, рекомендуется использовать пакетный режим инструмента «Добавить водяной знак».
Может. Перед загрузкой вы можете в любой момент повторно выбрать добавленный элемент, нажав на него. Перетащите сам элемент, чтобы отрегулировать его положение, перетащите точку в правом нижнем углу, чтобы отрегулировать его размер, и перетащите точку в правом верхнем углу, чтобы отрегулировать угол поворота. Текстовое содержимое и цвет также можно изменить на нижней панели. Только после того, как вы нажмете на загрузку, оно будет фактически синтезировано в изображение. Настройки перед загрузкой не повлияют на исходное изображение.
В стикерах используются собственные смайлы системы (Emoji). Конкретные стили смайлов, отображаемые в разных операционных системах и браузерах, будут немного отличаться (например, одни и те же смайлы на устройствах Apple и Android не будут выглядеть одинаково), но значение и общий вид одинаковы; экспортированное изображение будет создано в соответствии со стилем смайликов, отображаемым на устройстве, которое вы использовали при загрузке. Когда вы откроете его на других устройствах, отображение будет таким же, как и экспортированное, и не изменится.
Текущая версия текста использует системный шрифт по умолчанию и поддерживает переключение между жирным шрифтом и пользовательскими цветами и размерами. В настоящее время он не поддерживает изменение шрифтов или ввод многострочного текста (разрывы строк будут игнорироваться). Он подходит для добавления коротких заголовков, подсказок или текста меток; если необходимы более сложные инструкции по верстке, рекомендуется добавить несколько текстовых элементов и разместить их отдельно.
Он полностью завершен в браузере вашего текущего устройства. Предварительный просмотр в реальном времени во время процесса редактирования отображается непосредственно на веб-странице. Когда вы нажимаете кнопку «Загрузить», интерфейс рисования Canvas браузера будет использоваться для перерисовки и синтеза всех элементов в изображение в соответствии с текущим положением, размером и углом поворота. Исходное изображение не будет загружено ни на один сервер в течение всего процесса.
Суть аннотации заключается в перерисовке и кодировании: прозрачный канал PNG сохранится; но если исходное изображение имеет прозрачную область и распознано как требующее кодирования JPG, прозрачная часть будет заполнена белым фоном. Параметры съемки EXIF исходного изображения, местоположение и другие метаданные не сохранятся после перекодирования. Если вам нужно специально просмотреть или очистить EXIF, вы можете использовать инструмент «EXIF Cleaner».
Весь процесс редактирования и компоновки выполняется локально в браузере, и изображения не проходят через какой-либо сервер.
Текст, наклейки-смайлики, стрелки, прямоугольники, круги, охватывающие большую часть потребностей в аннотациях описания.
Перетащите, чтобы переместить положение, перетащите точку, чтобы увеличить масштаб и повернуть угол, а также измените его в любое время, не опасаясь допустить ошибки.
Никакой регистрации или оплаты не требуется, а экспортированные результаты не имеют водяных знаков.
Применимые ситуации
Не список возможностей, а "когда стоит тащить картинку вверх?" Если не помогло, смените инструмент, не применяйте его с силой.
Добавьте к снимкам экрана операций стрелки, указывающие на определенные кнопки, а также короткие текстовые описания шагов, чтобы упростить понимание учебных пособий или справочных документов.
Добавьте текст заголовка или стикеры-смайлики к изображениям, опубликованным в Moments и Xiaohongshu, чтобы сделать изображения более личными и с большей вероятностью привлекать клики.
Используйте прямоугольные или круглые рамки для маркировки, чтобы обвести ключевые моменты продажи или детали на изображении продукта, а также используйте текстовые описания, чтобы сделать информацию о рекламном изображении более четкой и интуитивно понятной.
тип элемента
Различные типы элементов подходят для разных нужд иллюстрации, и после добавления их можно свободно перетаскивать, масштабировать и вращать.
| тип элемента | Регулируемые свойства | Подходит для сцены |
|---|---|---|
| Слово | Содержание, цвет, жирный шрифт, размер, положение, угол поворота | Название, подсказка, текст краткого описания |
| наклейки со смайликами | Размер, положение, угол поворота (само выражение имеет свой цвет) | Украшение, выражение эмоций, ключевые напоминания |
| стрелка | Цвет, толщина линии, размер, положение, угол поворота | Наведите указатель мыши на определенную кнопку, область или деталь на снимке экрана. |
| Прямоугольная выноска | Цвет, толщина линии, размер, положение, угол поворота | Обведите определённую прямоугольную область на картинке как ключевое напоминание. |
| круглая выноска | Цвет, толщина линии, размер, положение, угол поворота | Обведите определенную точку или круглую область на изображении в качестве ключевого напоминания. |
Метод работы всех элементов един: непосредственно перетащите сам элемент, чтобы переместить положение, перетащите точку в правом нижнем углу, чтобы увеличить масштаб, перетащите точку в правом верхнем углу, чтобы повернуть угол, щелкните точку в левом верхнем углу, чтобы удалить; после выбора элемента на нижней панели отобразятся конкретные редактируемые атрибуты этого типа.
Техническое описание
Положение и размер каждого элемента сохраняются в соответствии с соотношением ширины и высоты изображения, а не фиксированным значением в пикселях, поэтому независимо от того, насколько большим или маленьким отображается изображение, эффект, который вы видите при редактировании, точно такой же, как эффект, синтезированный в изображение исходного разрешения после нажатия на загрузку; при загрузке используйте интерфейс рисования Canvas браузера, чтобы перерисовать окончательное изображение, и весь процесс выполняется локально на вашем устройстве, не проходя через какой-либо сервер.
Содержимое, которое должно быть объяснено текстом, положение, на которое указывает стрелка, и область, которая должна быть обведена полем аннотации, — все это определяется вручную на основе конкретной композиции и содержания каждого изображения. Композиция и акценты разных картинок совершенно различны, и к разным картинкам невозможно применить один и тот же набор координат и текстовое содержание. Таким образом, этот инструмент ориентирован на точную аннотацию одного изображения. Если вам нужно обработать несколько изображений, открывайте их одно за другим и управляйте ими отдельно.
Нет необходимости открывать счет. Если вы удовлетворены, приступайте к пакетированию. Если нет, просто измените параметры и повторите попытку.