Как создать мем с редактируемым текстом и шаблонами.

Откройте Генератор мемов и выберите «Реакция робота», чтобы следовать этому примеру. «Два настроения» запускают сравнение двух картинок. Вы также можете загрузить свое собственное поддерживаемое изображение размером до 25 МБ. Оригинальное изображение робота включено в инструмент; в этом руководстве не используются сторонние шаблоны мемов.

Оставьте «Классический» для текста поверх картинки. «Заголовок» и «Кульминация» добавляют белую полосу для подписи, в то время как «Ожидание / реальность» и «Что они думают» дают вам две независимо заменяемые картинки. «В центре внимания» добавляет белую рамку. Выберите макет перед написанием: переключение макетов заменяет начальный текст и расположение.

Нажмите или коснитесь верхней подписи и замените ее на МОЯ СЛЕДУЮЩАЯ ВЕЛИКАЯ ИДЕЯ. Текст меняется прямо на изображении. Перетащите маркер перемещения под выбранной подписью, чтобы разместить ее немного ниже. В записанном примере указатель перемещается вниз на 18 CSS пикселей при продемонстрированном размере предварительного просмотра для мобильных устройств.

Оставьте вторую начальную подпись для примера. «Добавить текст» создает больше подписей, до 16 слоев и 1,000 символов в каждом. «Дублировать подпись» копирует выбранный слой; «На передний план» меняет порядок, когда текст перекрывается; «Удалить подпись» убирает ее. «Отменить» и «Вернуть» позволяют восстановить недавние изменения.

Откройте «Шрифт» на плавающей панели инструментов. Установите размер текста 108 пикселей и поворот -8 градусов, чтобы воспроизвести этот экспорт. Исходный холст по умолчанию имеет размер 1200 на 900 пикселей, поэтому размер измеряется относительно фактического вывода, а не масштаба вашего браузера. Ширина текста управляет переносом строк; кнопки выравнивания размещают строки по левому краю, по центру или по правому краю.

Используйте элементы управления B, I и Aa для жирного, курсивного и заглавного начертания. Элементы управления внешним видом текста позволяют настроить цвет заливки, прозрачность, контур и фон. Выбор цвета контура или фона активирует этот эффект. «Использовать системные шрифты» запрашивает у браузера доступ к локальным шрифтам там, где это поддерживается; встроенные шрифты работают без разрешений.

Любое изображение шаблона можно изменить. В макете с одной фотографией под холстом есть кнопка «Заменить изображение». В макетах с двумя фотографиями кнопка замены находится на каждой панели, а карта «Изображения» предоставляет те же параметры. «Заполнить кадр» может обрезать края изображения; «Показать всё изображение» сохраняет видимым весь исходный файл.

Выберите PNG, затем нажмите «Старт». На странице результата используйте «Скачать», чтобы сохранить изображение. В этом примере был создан реальный 1200 на 900 пиксельный PNG с отредактированной верхней подписью, второй подписью и без добавленного водяного знака. Сравнение ниже использует этот скачанный файл.

PNG — хороший выбор для четких букв. JPG и WebP могут уменьшить размер файла за счет сжатия. Скачанный результат представляет собой статичное плоское изображение, поэтому подписи больше не являются отдельными редактируемыми объектами. Создавайте альтернативные версии, пока редактор открыт; обновление редактора или страницы результата возвращает на страницу инструмента.