Как маркетолог, за свою карьеру я создал много цифровой графики. Однако только недавно я начал заниматься созданием GIF-файлов. По какой-то причине я всегда предполагал, что создание собственной анимированной графики будет трудоемким процессом, требующим набора навыков, которого у меня просто не было.

Оказывается, я ошибался. На самом деле, это довольно простой процесс.

Итак, в этом посте я собираюсь научить вас одному из самых основных навыков создания анимированной графики — добавлению текста в GIF. Давайте начнем.

4 способа добавить текст в GIF-файлы

Я собираюсь показать вам четыре способа добавления текста в GIF с помощью удобных для начинающих инструментов, практически не требующих обучения. С помощью этих инструментов вы можете изменить свои GIF-файлы всего за несколько шагов, что делает этот процесс невероятно простым и молниеносным.

Примечание. Для сравнения я использую эти четыре инструмента, чтобы добавить один и тот же текст в один и тот же GIF-файл. Я также использую бесплатные версии этих приложений для обучения.

С гифтекстом

Шаг 1: Откройте сайт GIFntext. Загрузите свой GIF прямо со своего компьютера или скопируйте и вставьте URL-адрес GIF в панель на главной странице.

Шаг 2: вы будете перенаправлены в редактор, где текст-заполнитель будет автоматически применен к вашему GIF-файлу, а интерактивное руководство покажет вам варианты изменения этого текста.

Шаг 3: отредактируйте текст. Для моего GIF я изменил текст на «Пятница», оставил шрифт по умолчанию «Воздействие» и изменил цвет шрифта с черного на белый. Наконец, я увеличил размер шрифта до 93, переместил текст в нижнюю часть GIF-файла и установил выравнивание текста по центру.

Шаг 4: В качестве последнего штриха я поигрался со слоями, чтобы изменить, в каких кадрах текст должен появляться/исчезать. В частности, я установил, чтобы текст появлялся во втором кадре и исчезал в кадре 15. (Для контекста: в этом GIF-файле 15 кадров).

Шаг 5: Вот и все! Нажмите кнопку «Создать GIF», и все готово.

Конечный результат:

С Канвой

Шаг 1: Откройте сайт Канвы. Если у вас еще нет учетной записи, зарегистрируйтесь бесплатно, нажав кнопку «Зарегистрироваться» в правом верхнем углу страницы.

Шаг 2: Начните новый проект, нажав кнопку «Создать дизайн». Затем вы можете ввести собственный размер дизайна или выбрать один из предложенных размеров в раскрывающемся меню.

Шаг 3: На панели инструментов в левой части редактора перейдите к «Загрузки» и выберите «Загрузить файлы». Это позволит вам импортировать GIF со своего компьютера. Кроме того, вы также можете загрузить файл с Google Диска, Facebook, Instagram, Dropbox и Google Photos.

Шаг 4: После импорта GIF-файла он должен появиться в столбце «Видео». Нажмите на него, чтобы переместить в свой проект.

Шаг 5: На панели инструментов нажмите кнопку «Текст» и выберите «Добавить текстовое поле». Это автоматически добавит текст-заполнитель в ваш GIF.

Шаг 6: Отредактируйте свой текст. Для моего GIF я изменил шрифт на «Impact», увеличил размер шрифта до «53», изменил текст-заполнитель на «Пятница!», переместил текст в нижнюю часть GIF-файла и, наконец, изменил цвет шрифта. до белого цвета.

Шаг 7: Я добавил к тексту некоторые эффекты и анимацию, чтобы оживить его. Опять же, в этом нет необходимости, но у Canva есть больше возможностей для игры, поэтому я пошел дальше и добавил тень и текстовую анимацию «пишущая машинка».

Шаг 8: Вот и все! При необходимости переименуйте проект, затем нажмите кнопку «Поделиться». Откроется раскрывающееся меню, в котором вы сможете загрузить свой проект. PS Не забудьте изменить «тип файла» на GIF!

Конечный результат:

С Видом

Шаг 1: Откройте сайт Veed.io. Если у вас еще нет учетной записи, вы можете зарегистрироваться бесплатно, нажав кнопку «Зарегистрироваться» в правом верхнем углу страницы.

Примечание. Хотя вы можете создавать в Veed без учетной записи, она вам понадобится для сохранения ваших проектов. Также важно отметить, что проекты водяных знаков Veed создаются с помощью бесплатной учетной записи. Чтобы удалить водяной знак, вам необходимо обновить подписку.

Шаг 2: После создания учетной записи откройте страницу Veed.io/tools. Перейдите в раздел «Все инструменты» внизу страницы и выберите инструмент «Редактор GIF».

Шаг 3: Нажмите кнопку «Редактировать GIF-файлы онлайн». Это автоматически перенаправит вас в редактор, где вам будет предложено загрузить файл.

Шаг 4: После загрузки файла он автоматически импортируется в текущий проект. Примечание. Это может занять несколько секунд.

Шаг 5: На панели инструментов нажмите кнопку «Текст» и выберите «Заголовок заголовка». Это автоматически добавит текст-заполнитель в ваш GIF.

Шаг 6: Отредактируйте свой текст. Для моего GIF я изменил шрифт на «Alfa Slab One» (Impact не было в списке шрифтов), увеличил размер шрифта до 72 и изменил текст на «Это пятница!!»

Шаг 7: Наконец, я изменил стиль текста, немного переместил текст и добавил анимацию масштабирования. Я также отредактировал слои так, чтобы текст появлялся позже и исчезал раньше — точно так же, как GIF, который я сделал с помощью GIFntext.

Шаг 8: Вот и все! Нажмите кнопку «Готово», выберите качество, в котором вы хотите сохранить проект (я выбрал значение по умолчанию), и экспортируйте отредактированный GIF.

Конечный результат:

С Эзгиф

Шаг 1: Откройте веб-сайт Ezgif.com и нажмите «Добавить текст» в строке меню.

Шаг 2: Вы будете перенаправлены на страницу, где вам будет предложено загрузить изображение или ввести прямой URL-адрес изображения. Импортируйте файл и нажмите «Загрузить», чтобы начать новый проект.

Примечание: В редакторе вы заметите еще кое-что об этом инструменте — вы можете редактировать текст в каждом кадре GIF отдельно! Я не использовал эту возможность для своего GIF, так как хотел, чтобы все GIF в этом уроке были сопоставимы, но это интересная функция, с которой я буду экспериментировать в будущем.

Шаг 3: Отредактируйте свой текст. Я добавил текст «Сегодня пятница!!» — и увеличил размер шрифта до 60. Мне не нужно было настраивать цвет текста, шрифт или выравнивание, поскольку я хотел использовать значения по умолчанию. Наконец, я нажал «установить», чтобы реализовать свои изменения.

Шаг 4: Прокрутите до последнего кадра и нажмите кнопку «Создать анимацию», чтобы создать отредактированный GIF-файл.

Шаг 5: Вот и все! Чтобы загрузить GIF, нажмите кнопку «Сохранить» в строке меню в разделе «Выходная анимация».

Конечный результат:

Выбор инструмента для добавления текста в GIF-файлы

Каждый инструмент в этом посте имеет свои уникальные преимущества и невероятно удобен для пользователя. Но если вы новичок в создании анимированной графики, Gifntext — отличное место для начала.

Этот инструмент имеет минималистичный, интуитивно понятный и простой интерфейс. Вам также не нужно регистрироваться, чтобы использовать этот инструмент или получить доступ к полному набору функций, что хорошо, если вы ищете решение с минимальными обязательствами.

Хотя все инструменты в этом списке великолепны, Gifntext предлагает простое и доступное решение, что делает его отличным выбором для новичков.

Примечание редактора: этот пост был первоначально опубликован в сентябре 2014 года и обновлен для полноты.