Руководство пользователя
Полное руководство для быстрого начала работы
Руководство пользователя
Добро пожаловать в наш онлайн-редактор текста на изображениях! Это руководство поможет вам освоить все функции для быстрого создания красивых изображений.
Шаг 1: Загрузка изображения
Как загрузить изображение?
При открытии сайта вы увидите область загрузки. Есть два способа загрузить изображение:
Способ 1: Загрузка кликом
- Нажмите кнопку "Выбрать файл" в центре
- Выберите изображение из диалогового окна
- Поддерживаются форматы JPG, PNG, WebP
- Максимальный размер файла: 10 МБ
Способ 2: Перетаскивание
- Перетащите изображение из папки в область загрузки
- Отпустите для загрузки
Если размер изображения превышает 5 МБ, система автоматически оптимизирует и сжимает его для обеспечения плавного редактирования.
Попробуйте примеры изображений
Если у вас нет подходящего изображения, нажмите на один из этих примеров:
- Пейзаж : Идеально для водяных знаков на пейзажных фотографиях
- Портрет : Подходит для фото на документы или портретной съемки
- День рождения : Отлично для поздравительных открыток
Шаг 2: Добавление и редактирование текста
После загрузки изображения вы можете начать добавлять текст!
Добавить обычный текст
- Нажмите кнопку "Добавить текст" на верхней панели инструментов
- Текст по умолчанию появится в центре изображения
- Дважды щелкните по тексту, чтобы изменить его содержимое
- Перетащите, чтобы переместить
- Потяните за углы, чтобы изменить размер
Добавить временную метку
- Нажмите кнопку "Временная метка"
- Система автоматически добавит текущую дату и время
- Формат времени адаптируется в зависимости от вашего языка
- Вы можете перемещать, изменять размер и редактировать так же, как обычный текст
Функция временной метки идеально подходит для добавления даты съемки к фотографиям или создания датированных памятных снимков!
Шаг 3: Настройка стилей текста
Когда вы выбираете текст, справа появляется панель свойств (в полноэкранном режиме). Здесь вы найдете богатые возможности для стилизации текста:
Настройки шрифта
Выбор шрифта
- Системные шрифты: Включает Arial, Times New Roman и другие распространенные шрифты
- Google Fonts: Сотни красивых шрифтов, организованных по категориям:
- Китайские шрифты: Для контента на китайском языке
- Английские шрифты: Включая элегантные, современные, рукописные стили
- Специальные шрифты: Художественные и декоративные шрифты
Настройка размера шрифта
- Перетащите ползунок для настройки размера (12-200 пикселей)
- Большие значения означают больший текст
Форматирование текста
Три кнопки форматирования для быстрой стилизации текста:
- Жирный : Выделить текст
- Курсив : Добавить элегантность
- Подчеркивание : Подчеркнуть важный контент
Нажимайте кнопки для включения или отключения эффектов. Вы можете комбинировать несколько форматов!
Настройки цвета
Цвет текста
- Щелкните в палитре цветов, чтобы выбрать понравившийся цвет
- Или введите код цвета в поле ниже
- Изменения отображаются в реальном времени
Настройки обводки (контура)
- Ширина обводки: Перетащите ползунок для настройки толщины контура (0-20 пикселей)
- Цвет обводки: Выберите цвет контура
- Обводка помогает тексту выделяться на любом фоне!
Совет профессионала: Белый текст + черная обводка — классическое сочетание, которое работает на любом изображении!
Эффект тени
Добавление тени создает глубину и объем:
- Нажмите кнопку "Включить" рядом с "Тень"
- Настройте параметры тени:
- Размытие: Насколько мягкой выглядит тень
- Смещение X: Сдвиг тени влево или вправо
- Смещение Y: Сдвиг тени вверх или вниз
Поворот и прозрачность
Поворот текста
- Перетащите ползунок поворота (0-360°)
- Или используйте быстрые кнопки: 0°, 45°, 90°, 180°, 270°
- Идеально для наклонных меток и диагональных водяных знаков
Настройка прозрачности
- Перетащите ползунок прозрачности (0-100%)
- Или используйте быстрые кнопки: 25%, 50%, 75%, 100%
- Низкие значения делают текст более прозрачным
- Идеально для создания ненавязчивых водяных знаков
Расширенные эффекты текста
Межбуквенный интервал
- Регулировка расстояния между символами
- Положительные значения: Раздвигают буквы
- Отрицательные значения: Сближают буквы
Межстрочный интервал
- Регулировка расстояния между строками текста
- Идеально для оптимизации многострочных макетов
Эффект полого текста
- Нажмите "Включить" рядом с "Полый текст"
- Центр текста становится прозрачным, остается только контур
- Создает уникальные художественные эффекты!
Шаг 4: Мозаичное размещение текста (функция водяного знака)
Это одна из наших самых мощных функций! Повторяйте текст по всему изображению для создания профессиональных водяных знаков.
Как включить мозаичное размещение?
- Выберите текст, который хотите размножить
- Найдите "Настройки повторения" на панели свойств
- Нажмите кнопку "Включить"
Три режима размещения
Одиночный режим
- Отображается только один экземпляр текста
- Для обычного редактирования текста
Режим сетки
- Размещение текста в строках и столбцах
- Точный контроль над:
- Столбцы: Количество горизонтальных экземпляров
- Строки: Количество вертикальных экземпляров
- Горизонтальный интервал: Расстояние между левым и правым
- Вертикальный интервал: Расстояние между верхним и нижним
Плотный режим
- Текст плотно заполняет все изображение
- Настраивается только "Интервал плиток":
- 0x: Текст полностью прилегает
- 0.5x: Небольшой интервал
- 1x: Стандартный интервал
- 2x: Разреженное размещение
Рекомендуемые настройки:
- Водяной знак авторских прав: Используйте плотный режим, интервал 0.5-1x, прозрачность 30-50%
- Декоративный эффект: Используйте режим сетки, 3×3 или 4×4, прозрачность 70-100%
Управление размещением
Обрезка по холсту
- Включено: Показывать текст только в пределах изображения
- Отключено: Разрешить тексту выходить за края
Вписать весь текст в изображение
- Нажмите кнопку "Автоподбор"
- Система автоматически рассчитает оптимальное количество строк, столбцов и интервалов
- Гарантирует, что весь текст отобразится на изображении
Функции панели инструментов
Верхняя панель инструментов содержит все основные кнопки управления:
Управление масштабом
- Увеличить : Нажмите, чтобы увеличить холст (до 400%)
- Уменьшить : Нажмите, чтобы уменьшить холст (до 25%)
- Отображение процентов: Показывает текущий уровень масштабирования, нажмите, чтобы вернуться к 100%
Идеально для просмотра деталей или общего предварительного просмотра!
Отмена и возврат
- Отмена : Вернуться к предыдущей операции
- Возврат : Восстановить отмененную операцию
Мы сохраняем каждый шаг, поэтому не бойтесь экспериментировать!
Сброс
- Нажмите кнопку сброса, чтобы очистить все правки
- Вернуться к состоянию сразу после загрузки
- Система запросит подтверждение, чтобы предотвратить ошибки
Полноэкранный режим
Войти в полноэкранный режим
- Нажмите кнопку "Войти в полноэкранный режим"
- Или нажмите клавишу F на клавиатуре
Преимущества полноэкранного режима:
- Большая область редактирования для удобной работы
- Панель слоев слева
- Панель свойств текста справа
- Информация об изображении в правом нижнем углу
Выйти из полноэкранного режима
- Нажмите кнопку "Выйти из полноэкранного режима"
- Или снова нажмите клавишу F
Управление слоями (полноэкранный режим)
В полноэкранном режиме левая панель слоев управляет всем вашим текстом:
Список слоев
- Показывает весь добавленный вами текст
- Каждый слой отображает предварительный просмотр содержимого текста
- Нажмите на слой, чтобы выбрать соответствующий текст
Кнопки действий со слоями
Каждый слой имеет три кнопки действий:
Показать/Скрыть
- Нажмите значок глаза, чтобы скрыть текст
- Скрытый текст не будет отображаться в окончательном экспортированном изображении
- Нажмите снова, чтобы показать
Заблокировать/Разблокировать
- Нажмите значок замка, чтобы заблокировать текст
- Заблокированный текст нельзя перемещать или редактировать
- Предотвращает случайные изменения важного контента
Удалить
- Нажмите значок корзины, чтобы удалить текст
- Система запросит подтверждение
- Вы можете восстановить удаленный текст с помощью отмены
Информация об изображении
Обычный режим
В обычном режиме справа отображается подробная информация об изображении:
- Имя файла: Название вашего загруженного изображения
- Размер файла: Размер файла изображения
- Тип файла: JPG, PNG или WebP
- Размеры: Ширина и высота в пикселях
- Соотношение сторон: Пропорции изображения
Полноэкранный режим
В полноэкранном режиме информация об изображении отображается в правом нижнем углу с эффектом матового стекла и не будет мешать вашей области редактирования.
Экспорт изображения
По завершении редактирования нажмите кнопку "Экспорт" , чтобы загрузить свою работу:
- Нажмите кнопку "Экспорт" на верхней панели инструментов
- В диалоговом окне выберите параметры экспорта:
- Формат файла (PNG, JPG, WebP)
- Качество изображения
- Имя файла
- Нажмите кнопку "Загрузить"
- Изображение автоматически сохранится в вашей папке загрузок
Руководство по выбору формата:
- PNG: Для прозрачного фона или наивысшего качества
- JPG: Наименьший размер файла, отлично для социальных сетей
- WebP: Баланс качества и размера, идеально для использования в интернете
Функция публикации
Нажмите кнопку "Поделиться" , чтобы быстро поделиться своей работой:
- Скопируйте ссылку, чтобы поделиться с друзьями
- Поделитесь в социальных сетях
- Встройте на свой веб-сайт
Часто задаваемые вопросы
Почему мой шрифт не меняется?
Google Fonts требуют времени для загрузки. Пожалуйста, подождите несколько секунд, и шрифт будет применен автоматически.
Как создать прозрачные водяные знаки?
- Добавьте текст
- Установите прозрачность на 30-50%
- Включите мозаичное размещение
- Выберите плотный режим
Мой текст закрыт изображением, что делать?
Используйте панель слоев для настройки порядка слоев или добавьте обводку и тень для улучшения видимости.
Могу ли я редактировать несколько текстов одновременно?
Да! Выбирайте разные слои на панели слоев, чтобы переключаться между объектами редактирования.
Как сохранить прогресс редактирования?
Наша функция истории редактирования автоматически сохраняет каждый шаг. Используйте кнопки отмены/возврата для навигации по истории.
Горячие клавиши
- Клавиша F: Переключение полноэкранного режима
- Ctrl/Cmd + Z: Отмена
- Ctrl/Cmd + Y: Возврат
- Delete: Удалить выбранный текст
Профессиональные советы
- Профессиональный водяной знак: Белый текст + черная обводка + 30% прозрачность + плотное мозаичное размещение
- Выделение ключевого текста: Крупный шрифт + жирный + эффект тени
- Создание атмосферы: Попробуйте различные категории шрифтов, такие как рукописные или художественные
- Наклонные метки: Используйте поворот 45° + эффект обводки
- Пакетное добавление водяных знаков: Используйте функцию автоподбора "Вписать весь текст в изображение"
Теперь вы освоили все функции — начните создавать свои красивые изображения!
Документация Add Text to Image