Как сделать текстовую гифку
13 сервисов и программ для создания GIF: делаем контент динамичнее и интереснее
Собрали десктопное ПО и онлайн-инструменты, которые помогут вам сделать гифку из картинок и/или видео. Enjoy!
GIF-анимация нужна для того, чтобы сделать текст — в социальных сетях, рассылке или на сайте — более динамичным. С помощью гифок вы можете увеличить вовлечённость пользователей, повысить дочитываемость и кликабельность; возможно, это даже повлияет на лиды и продажи.
Большой плюс формата — в том, что это альтернатива коротким видео без звука, потому что не везде можно использовать громоздкие файлы. При этом качество остается довольно высоким.
В этой статье — обзор десктопных программ и онлайн-сервисов, с помощью которых вы сможете создавать GIF-анимацию из картинок и видео. По каждому инструменту — плюсы и минусы.
Автор статей по SMM, практикующий таргетолог, в прошлом — продакт-менеджер диджитал-проектов.
Как создать гифку из изображений
Adobe Photoshop
Adobe Photoshop — профессиональная программа для работы с изображениями. Но в ней также можно создавать гифки.
Чтобы сделать анимированную GIF, нужно:
2. Загрузить туда все изображения, которые будут участвовать в анимации. Учтите, у каждого изображения должен быть собственный слой.
3. В меню «Окно» включить отображение панели «Шкала времени».
4. Создать нужную анимацию с помощью кнопки «Создать временную шкалу для видео».
5. Сохранить анимацию в формате GIF с помощью пункта меню «Сохранить для Web».
Gifovina
Gifovina — бесплатный онлайн-сервис, с помощью которого тоже можно создавать GIF из изображений.
Как сделать анимированную гифку:
1. Загрузить через «Добавить кадры» все изображения, которые будут участвовать в анимации.
2. В меню справа выбрать нужный размер, длительность кадров, анимацию (например, наезд слева направо).
3. Добавить, если нужно, фигуру и надпись в ней.
4. Нажать кнопку «Готово», чтобы завершить создание анимации.
GIF из видео
Если нужное видео загружено на YouTube, вы сможете создать из него GIF-анимацию. Для этого в адресной строке к URL нужного ролика просто добавьте «gif».
В открывшемся окне вы сможете указать временной диапазон анимации, добавить надписи, сделать стикер, обрезать края видео, добавить теги и многое другое.
Video To Gif Lab
Video To Gif Lab — онлайн-сервис, который позволяет конвертировать видео в GIF-анимацию. Для этого нужно сделать следующее:
1. На главной странице указать путь к видео на компьютере с помощью кнопки «Выберите файл» или перетащить его.
2. Нажать на кнопку Start Recording для загрузки видео в сервис.
3. Нажать на кнопку Stop Recording/Create GIF, чтобы сервис начал создавать саму гифку.
4. Если возле кнопки появится надпись rendering c количеством процентов, значит, конвертация началась.
5. После окончания конвертации под загруженным видео появится кнопка «Сохранить анимацию».
Online-convert
Online-convert — онлайн-конвертер, поддерживающий аудио, видео, изображения, документы и архивы. В том числе он может конвертировать видео и фото в GIF.
1. Загрузить видео в приложение с помощью кнопки «Выберите файл».
2. В разделе дополнительных настроек можно изменить размер и цвет или обрезать изображение.
3. Нажать на кнопку «Начать конвертирование», чтобы процесс пошёл.
4. После обработки видео откроется новое окно и файл автоматически загрузится. Если этого не произошло, нажмите на «Загрузить».
Camtasia Studio
Camtasia Studio — программа для работы с видео. В ней можно монтировать видеоролики, добавлять в них надписи и кнопки, записывать видео с экрана. В программе вы можете сохранить видео в GIF-формате.
2. Загрузить туда одно или несколько видео, которые будут участвовать в анимации. Если нужно, добавить в них надписи или кнопки.
3. Для сохранения видео в GIF нажать на кнопку Share.
Как добавить текст в GIF (гифку) онлайн и бесплатно
Популярность формата GIF в интернете — неоспоримый факт. Существует простой способ добавить в GIF-картинку анимированный текст с помощью online-инструмента, тем самым персонализировав ее или добавив смешную шутку.
Gifntext предлагает очень простой в использовании интерфейс, позволяющий добавлять в свои GIF-картинки текст, изображения и рисунки. Добавить текст можно следующим образом:
1. Откройте сервис Gifntext и добавьте gif-изображение. Можно вставить ссылку на анимацию в Интернете или загрузить картинку с компьютера.
2. Нажмите на значок «Текст» (T).
3. Добавьте текст, выберите шрифт, размер и цвет.
4. Для того чтобы определить, где именно будет отображаться текст в GIF-изображении, щелкните и перетащите его в нужное место.
5. Чтобы определить, когда текст появится в картинке, вы можете перетащить его на панели временной шкалы под ней. Нажмите и перетащите голубую полосу на любом конце временной шкалы, чтобы определить, как долго будет отображаться текст.
6. Повторите шаги с 2 по 4, если необходимо добавить несколько дорожек текста (в нашем случае их две).
7. Вы можете удалить текст, нажав на текст и нажав кнопку «Delete» на клавиатуре или воспользоваться кнопкой с изображением корзины на панели инструментов. Вы также можете дублировать текстовые слои, щелкнув значок «Duplicate Layer» рядом со слоем на временной шкале.
8. Если вы не хотите делиться GIF-картинкой в галерее Gifntext, нажмите «Make Private», а затем «Generate GIF».
9. Начнется процесс создания GIF-изображения.
10. Как только GIF-изображение будет отображено, нажмите кнопку «Download GIF» для его сохранения на компьютере или кнопку «← Back To Editing» для того чтобы продолжить редактирование.
Как только GIF-изображение будет готово, вы можете поделиться им с друзьями на Facebook или в Instagram. Ко всему этому при использовании Gifntext следует учитывать, что вы не можете загружать GIF-картинки размером более 100 МБ. А если вам нужно больше возможностей по управлению текстом, появляющимся в GIF-картинке, можно использовать аналогичные сайты, такие как EZGif, где есть возможность покадрово указать время отображения текста.
DISTRICT F
🎥 Анимация на ходу: 3 приложения для создания динамического текста
Небанальное визуальное повествование — краеугольный камень, на котором зиждутся сегодня ведущие интернет-сообщества. Креативные способы подачи материала, такие, к примеру, как добавление живого текста и анимационных эффектов, являются отличным способом привнести самобытность в ваши статьи, «истории», а также фото- и видеопубликации в соцсетях.
_ 1. ADOBE SPARK POST / ios
Это своеобразный онлайн-конструктор, библиотека «живых» шаблонов, сотен готовых стилей и цветовых палитр для работы над уникальными превью, обложками, коллажами, постами в соцсетях, а также для формирования изображений для сайтов и блогов.
Здесь можно от души разгуляться с дизайном, экспериментируя буквально с каждым отдельным элементом — от «разбивки» макетов до сложных цветовых решений и текстового редактирования, что позволяет добавить аутентичности любому проекту.
С помощью SPARK POST вы можете «вдохнуть жизнь» не только в ваш текст, но и в фото или фоновое изображение — layout. Для этого создайте свой дизайн или выберите подходящий стиль в разделе Templates, после чего добавьте эффект анимации во вкладке Effects.
2. INSHOT / ios + android
INSHOT – это добротный фото- и видеоредактор, вобравший в себя впечатляющий функционал для обработки медиаконтента (подробно я разобрала особенности работы программы в одном из прошлых видео ). Здесь можно добавлять музыку и «живые» стикеры. Кроме того, недавно разработчики INSHOT выкатили обновление, позволяющее делать анимацию текста.
Так, во вкладке «Текст» (ищите «скользящую» белую кнопку) пользователь может не только регулировать цвет, прозрачность и интенсивность теней, но и анимационные эффекты, позволяющие менять стиль (>20 вариантов) и характер появления ваших надписей (при необходимости добавляйте сразу несколько текстовых слоёв и настраивайте порядок их появления и продолжительность).
3. HYPE TEXT / ios
Достаточно неплохим приложением для создания текстовой анимации является также HYPE TEXT. Оно не может похвастаться интуитивно понятным и удобным интерфейсом, тем не менее со своей задачей справляется на твёрдую четвёрку.
К преимуществам следует отнести в первую очередь наличие интересных стилей и современных анимационных эффектов, отвечающих за характер появления текста. Также в распоряжении пользователя > 25 шрифтов (правда, не все поддерживают кириллицу), различные цвета и возможность выбора скорости появления текста. Плюс, есть встроенная база рандомных цитат (eng), которая открывается в процессе набора вашего текста.
Как создать гифку бесплатно и без регистрации: 9 онлайн-сервисов
Время чтения: 9 минут Нет времени читать? Нет времени?
Тот, кто придумал гифки, должен попасть в рай без очереди. В тему подобранные анимированные картинки оживят любой контент.
И самое крутое, что их можно легко сделать самостоятельно, из любых изображений или видео.
Здесь собрано 9 онлайн-сервисов для создания gif-изображений. На самом деле их гораздо больше, но я отбирала самые удобные. С интуитивно понятным интерфейсом, без кучи всплывающих окон. Сохраните эту подборку себе, чтобы не потерять.
Как сделать гифку из видео с YouTube
YouTube to GIF
Очень простой и изящный способ. Не нужно даже заходить на сервис из поиска или вкладок. Просто добавьте «gif» в адрес видео, вот сюда:
Вас перебросит на зарубежный сервис YouTube to GIF. Нужное видео сразу открывается в интерфейсе.
Выберите нужный отрезок. При желании добавьте эффекты с панели слева. Я добавила текст (Caption). Меню на английском, но все быстро осваивается методом тыка.
Нажмите Create Gif. Появится окошко настроек, где можно изменить название, добавить теги, звук, водяной знак и сделать гифку приватной (это значит, что ее не увидят другие пользователи сервиса).
Готово! Скачиваем гифку и пользуемся.
Скачивать результаты своих трудов могут только зарегистрированные пользователи. Если вам лень регистрироваться в сервисе, можно открыть ссылку в поле «Direct Link» в новой вкладке и скачать гифку прямо из браузера.
Вместо «gif» в адресе видео можно добавлять «conv». Вас перебросит на сервис Conv., а затем, при нажатии на «Конвертировать Gif» – на YouTube to GIF. То же самое, но в профиль.
Giphy GIF Maker
Очень простой и удобный сервис для создания гифок из видео, взятого с YouTube. Чтобы им воспользоваться, скопируйте ссылку на видео, вставьте ее в строку поиска на главной странице сайта, и сервис автоматически начнет загружать видео:
Как только видео загрузилось, выберите нужный вам отрезок видео. Giphy тут же покажет вам, как будет выглядеть ваша будущая гифка:
Нажмите «Continue to Decorate», чтобы добавить надписи, стикеры или фильтры к вашему gif-изображению.
Если в этом нет необходимости, кликайте на «Continue to Upload». Добавляем теги или же сразу переходим к шагу «Upload to GIPHY».
Готово! Получившуюся гифку можно скачать к себе, расширить в соцсетях или вставить на сайт с помощью embed code.
Недостатки сервиса:
Гифки – замечательный развлекательный формат контента, но только один из многих. Для эффективного продвижения в социальных сетях нужен разнообразный контент и комплексный подход: от разработки стратегии до работы с комьюнити.
Как сделать гифку из загруженного видео
Convertio
Удобный конвертер файлов в разных форматах. Доступен также в виде расширения в Google Chrome.
Работать с ним просто:
Photoshop
Если вы не хотите, чтобы на видео присутствовали логотипы сторонних сервисов, можно воспользоваться фотошопом. Даже если у вас нет опыта работы в этой программе, у вас все получится – просто следуйте инструкции ниже.
После изменения размера гифки и уменьшения диапазона цветов вес уменьшился до 2,425 мегабайт. Этот вес уже считается нормальным.
Как сжать гифку до нужного размера и веса
Воспользуйтесь бесплатным онлайн-сервисом ezgif.com. Вы можете перевести видео в гифку и сразу ее отредактировать. Максимальный размер для загрузки видео – 100 МБ, для загрузки гифки – 35 МБ.
После загрузки ролика у вас появится окно настройки. В верхнем сайд-баре можно настроить масштабирование, скорость, наложить текст или порезать хронометраж. Это полезно, если вам нужно использовать только определенную часть для гифки/видео.
Я взяла стоковое видео в разрешении 1920×1080, которое весило около 50 мегабайт. Цель – сжать до 3-5 мегабайт для размещения в этой статье.
До начала конвертации в гифку выберите нужный размер итогового файла: чем меньше ширина, тем меньше вес. Укажите количество кадров в секунду: чем больше кадров, тем короче гифка. Метод сжатия можно не трогать, но если после всех манипуляций у вас не получится снизить вес – поиграйте с его настройками.
Я выбрала ширину в 400 пикселей, указала 10 кадров в секунду и включила оптимизацию заднего фона.
В результате получилась гифка весом 6,5 МБ. Чтобы снизить вес нажимаем на кнопку Optimize. Также вы можете наложить эффекты, изменять скорость, кадрировать и вырезать лишнее.
В настройках оптимизации можно уменьшить гифку разными методами. Например, порезать количество цветов, кадров или скомпрессовать.
Я выбрала компрессию, выставив в ползунке средний уровень сжатия.
Вы можете по-разному настраивать размеры и вес гифки: где-то оставлять большое разрешение и жертвовать количеством кадров и цветов, а где-то уменьшать размер, чтобы сохранить максимум визуальной информации. Все зависит от поставленных задач.
Вот вариант с шириной 800 пикселей, где я сократила количество кадров, оптимизировала компрессию и ускорила время воспроизведения.
Как создать гифку из записи экрана
Licecap
Приложение Licecap позволяет выделить любую часть экрана и сделать из нее гифку. Большой плюс этой программы заключается в том, что она может записывать не только в браузере, но и в любой другой программе. Вот, например, гифка, записанная мною в ворде.
Gifcam
Инструмент работает по такому же принципу, как и Licecap, но имеет более современный интерфейс. В принципе, это единственное отличие.
Как создать гифку из картинок
Brush Ninja
Стильный и удобный сервис для создания гифок из собственных рисунков. Минимализм сейчас в моде, так что этот сервис будет актуален.
Нарисуйте что-нибудь. 1 рисунок = 1 экран.
Добавьте новый экран (опция New Frame) и опять нарисуйте что-нибудь. И так далее. Количество экранов, похоже, не ограничено – я доходила до 50 шт. Для гифки этого более чем достаточно. В настройках можно выбирать цвет экрана, выбирать скорость смены слайдов, а также использовать изображения из галереи Brush Ninja.
Чтобы использовать свои картинки, придется проспонсировать разработчика. Cервис изначально создавался в некоммерческих целях, как хобби, но полный функционал доступен только спонсорам проекта. Стать спонсором можно, отправив донат через сервис Patreon или купив фирменную футболку от Brush Ninja.
Чтобы сохранить гифку, используйте опцию Export. Появится окно, где можно выбрать формат сохранения. Нас вполне устроит Animated Gif.
Вот как это выглядит:
Работает только с собственноручно нарисованными или загруженными из галереи картинками (в бесплатной версии).
Ezgif
Еще один сервис для создания гифок, но уже не из видео, а из изображений. Несмотря на то, что он на английском языке, разобраться в нем достаточно легко. Ezgif позволяет добавлять текст к гифке, плюс различные визуальные эффекты. Свой логотип к изображению не добавляет.
Gifovina
Аналог предыдущего сервиса, но с небольшими визуальными «плюшками» – к изображениям можно добавлять забавные диалоговые пузыри и видеоэффекты наподобие тех, что доступны в «Киностудии» и Windows Movie Maker.
Пример гифки, созданной с помощью этого сервиса:
Canva
Этот сервис требует регистрации, но зато и функций предлагает немало. Canva не ставит водяной знак на картинку и не урезает качество фото, долго хранит готовые работы. Интересно, что сервис можно использовать и в команде: доступ по ссылке дает возможность любому специалисту внести корректировки в документ.
Внимательным читателям! Дарим скидку 10 % на оплату любого тарифа курса «Коммерческий автор» от онлайн-университета TeachLine. Чтобы активировать скидку, используйте промокод AVTOR при оплате.
Кстати, мы готовы помочь с созданием визуального контента в рамках работ по комплексному продвижению в интернете. Услуга включает подготовку инфографики, white paper, картинок для соцсетей и многое другое.