Как сделать гифку в Телеграме

Поэтапно разберемся во всех нюансах при разработке такого стикера. Начиная с программного обеспечения и заканчивая публикацией в Telegram.

135K открытий

Так что же из себя представляет этот анимированный стикер?
Это собственный формат Telegram — .tgs, который основан на технологии lottie.
Lottie— это движок от Airbnb, который позволяет проигрывать анимации на основе json, созданного с помощью плагина Bodymovinдля Adobe After Effects. Такой же плагин существует и для стикеров Telegram и называется аналогично — Bodymovin-TG.

Этап 1 — Подготовка инструментов
Что необходимо

• Adobe Illustrator или другой векторный графический редактор.
• Adobe After Effects + плагин Bodymovin-TG.

Как установить Bodymovin-TG

Скачиваем с сайта разработчика плагин bodymovin-tg.zxp необходимый для экспорта анимации в формат .tgs.

Для установки потребуется ZXPInstaller — приложение для установки расширений для Adobe.

Приложение доступно и на Mac OS

HOW TO MAKE GIF ON TELEGRAM || 𝐍asya

Открываем ZXPInstallerи переносим плагин в окно программы.

Так же можно кликнуть и выбрать файл из всплывающего окна проводника.
Настройка Bodymovin-TG

Открываем Adobe After Effectsи заходим в раздел настроек — «сценарии и выражения».

Ставим галочку напротив «Разрешить сценариям выполнять запись файлов и осуществлять доступ к сети».

Этап 2 — Создание стикера
Создание и настройка документа

Открываем Adobe Illustratorи выбираем в строке меню «файл» -> «новый».

Во всплывающем окне задаем параметр 512 на 512 пикселей, исходя из требований к размеру стикера.

Рисование стикера

Для рисования векторного стикера потребуются определенные навыки и знания основных инструментов, поэтому рекомендуется ознакомится с базовыми принципами рисования на сайте Adobe.

Изображение на стикере не должно выходить за края холста.

Существует альтернативный способ (Трассировка) с помощью которого любая картинка превращается в векторную. Будет очень полезно, для быстрого переноса своих растровых изображений в вектор.

Трассировка изображения

В качестве примера возьмем изображение стикера из интернета.
Импортируем изображение в рабочую среду Adobe Illustrator(перенос в окно программы изображения). И проводим указанные действия из видео:

1. Трассировка изображения. («Окно» -> «Трассировка изображения»)
2. Разобрать. («Объект» -> «Трассировка изображения» -> «Разобрать»)
3. Разгруппировать. («Объект» -> «Разгруппировать»)

Более подробно о «Трассировке изображения» читайте на сайте Adobe.

Трассировка прошла успешно, но алгоритм не всегда точно угадывает форму объекта за элементом. С помощью встроенных инструментов можно устранить эти недостатки.

Сохранение стикера

Выбираем в строке меню «файл» -> «Сохранить как». Сохраняемый тип файла .ai. Во всплывающем окне ставим галочку напротив «Создать PDF-совместимый файл».

как сделать GIF в телеграме

Этап 3 — Анимация и экспорт в After Effects
Технические требования к анимации

Размер анимированного стикера не должен превышать 64 КБ , если стикер перейдет эту отметку, экспорт (Bodymovin-TG) завершится ошибкой. Исправить ошибку возможно лишь урезанием качества стикера — удаление векторных элементов. Следите за тем, чтобы в анимации не было слишком многовекторных объектов.

Анимация должна быть цикличной , то есть первый кадр анимации должен совпадать с последним кадром.

У этих кадров одинаковое значение «положение».

Использование этих функций в Adobe After Effectsприведет к критическим ошибкам при экспорте стикера:

Masks, Mattes, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers

Создание и настройка композиции

Открываем Adobe After Effectsи выбираем в строке меню «композиция» -> «Новая композиция».

Во всплывающем окне «Настройки композиции» указываем параметры стикера с учетом официальных требований к анимированным стикерам, такие как:

• Размер — 512 на 512 пикселей.
• Частота кадров — 30 или 60 кадров в секунду. Выбор частоты будет влиять на количество кадров в проекте. Лучше всего выбрать 60 — это обеспечивает большее пространство для анимации.
• Длительность — 3 секунды.

Для удобства можно сохранить шаблоны настроек для 60 и 30 кадров соответственно
Импорт стикера в After Effects

Переносим файл со стикером в рабочую среду Adobe After Effects.

Кликаем правой кнопкой по стикеру, выбираем «создать фигуры из векторного слоя».

После создания векторного слоя, можно удалить слой Sticker.ai, который в дальнейшем не потребуется
Анимация в After Effects

Для примера произведем анимацию 3 элементов в стикере.

Разберем подробнее, как анимировать данные элементы в After Effects:

1. Изменение положения

Раскрываем слой «Кривые Sticker» и находим группу с необходимым объектом, быстрее всего это можно сделать кликнув по элементу в окне предпросмотра.

Выбираем пункт «Положение» и активируем его нажав на значок секундомера. После двигаем временную шкалу чуть вперед и передвигаем объект с помощью мыши или вручную, изменяя численное значение «Положение».

2. Изменение масштаба

Аналогично (1) пункту, за исключением того, что теперь изменять нужно масштаб , а не положение.

3. Изменение контура

Выбираем пункт «Контур»и активируем его нажав на значок секундомера.
Для создания такой анимации потребуется тянуть за «синий квадратик», изменяя тем самым форму объекта и постепенно довести её до требуемого состояния.

Экспорт стикера Bodymovin-TG

Выбираем пункт «Расширения» и находим там плагин Bodymovin.

Отмечаем композицию и выбираем место сохранения нажатием на «троеточие».
После нажимаем на кнопку Render.
Если всё пройдет удачно, в выбранном вами месте появится файл .tgs.

Этап 4 — Публикация в Telegram

У всех стикеров в наборе должна быть одинаковая частота кадров. Иначе придется делать два разных пака — для 30 и 60 кадров в секунду.

Отправляем команду /newanimated. После выбираем название и получаем следующую инструкцию:

Спасибо! Теперь отправьте мне, пожалуйста, будущий анимированный стикер — файл в формате TGS, созданный с помощью плагина Bodymovin-TG для Adobe After Effects.

Рекомендуем загружать изображения через десктопное приложение.

Stickers, бот

Следующий шаг отправить смайл, который соответствует анимированному стикеру. Заканчиваем создание набора командой /publish,если больше нет стикеров для добавления. В дальнейшем через бота можно будет дополнительно добавить новых стикеров.

Бот Stickersпредложит выбрать иконку для анимированных стикеров. Её нужно создать отдельно, но проще всего написать команду /skip, чтобы первый стикер показывался в качестве иконки.

Источник: vc.ru

GIF для Telegram

Gif-анимация – это динамическое изображение, которое является прекрасной альтернативой смайликам и стикерам. Возможность отправки гифок была предусмотрена в приложении Телеграм изначально – их можно было добавить точно так же, как и любое видео или фотографию с устройства. Но основная проблема была в том, что сам формат gif предполагал довольно большой вес файлов.

Это не только требовало больше трафика (а приложением пользуются в основном с мобильных устройств и не всегда есть возможность подключиться к вай-фай), но и существенно загружало сервера. Поэтому разработчики решили проблему просто – конвертацией в формат mpeg4 при загрузке, за счет чего файл становился существенно легче без особых потерь в качестве. Но что же еще предусмотрено в приложении?

Найти искомое: пользуемся возможностями Телеграм

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

Во всплывающем окне видим три вкладки. Нас интересует самая последняя – GIF. При переходе в нее вы увидите самые популярные изображения gif для Телеграма, а также строку поиска. В нее вы можете ввести интересующий вас поисковый запрос и по нему будут автоматически найдены наиболее подходящие гифки в интернете.

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

Отправлять гифки очень просто. Для этого достаточно просто кликнуть на понравившийся вам вариант и все, ваш собеседник может больше проникнуться вашими эмоциями или просто порадоваться смешному приколу.

Если вы хотите что-то оставить себе на память и сохранить в какие-то подборки на компьютер, достаточно просто нажать на гифку правой кнопкой и выбрать пункт «Сохранить GIF» или «Сохранить файл как…».

Пополняем коллекцию: каналы и боты с гифками

Кроме возможности поиска анимаций непосредственно в чате, можно также вдохновиться гифками в различных каналах Telegram. Тематики их самые разнообразные: от веселых коротких изображений с животными до серьезных, научно-популярных каналов о космосе, технологиях и инновациях. Есть также различные bot, которые ищут подходящие гифки под ваш запрос. Но на сегодняшний день их популярность уже не так высока и найти действительно хорошего бота с большой коллекцией становится все сложнее.

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

Вы можете самостоятельно создать канал и публиковать туда уникальный тематический контент. Чем он будет привлекательнее и интереснее, тем больше подписчиков вы соберете.

Уникальный контент: создаем свои гиф

Несмотря на то что есть великое множество различных гиф для Телеграма, иногда хочется порадовать своих собеседников чем-то уникальным, поделиться кусочком своей жизни и своих интересов. Но как же сделать гифку самому?

Все очень просто. Для этого необходимо просто записать видео непосредственно в Телеграме, после чего нажать на значок Mute. Автоматически видео будет конвертировано в зацикленную гифку.

Если вы уже сняли видео и хотите его самостоятельно превратить в гиф, понадобится немного магии и специальный бот. Первый шаг – нужно загрузить видео в чат с ботом, выбрать необходимый фрагмент и качество, немного подождать, пока завершится процесс конвертации. Готово! Вы можете скачать гиф в нужном формате: gif или mp4 по сформированной для вас ссылке.

Итак, теперь вы знаете об основных функциях и особенностях пользования гифками в Телеграм и сможете внести в общение новые эмоциональные краски и разнообразие.

Источник: www.allmessengers.ru

Как создать гифку из любого видео бесплатно: 9 онлайн-сервисов

В тему подобранные анимированные картинки оживят любой контент!

Дата публикации: 5 ноября 2021
Дата обновления: 1 июня 2023
Время чтения: 10 минут

Евгения Крюкова Редакция «Текстерры»

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

Оглавление:
Оглавление:

Особенности GIF

GIF — цифровой формат файла, разработанный в 1987 году. Создатель этого формата широко известен за рубежом, но не в России: это интернет-провайдер CompuServe. Первоначально формат создавался как средство уменьшения размера изображений для коротких анимаций. Сегодня он стал стандартом для коротких анимаций в интернете.

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

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

И самое крутое, что их можно легко сделать самостоятельно, из любых изображений или видео.

Здесь собрано 9 онлайн-сервисов для создания gif-изображений. На самом деле их гораздо больше, но в список вошли самые, на взгляд TexTerra, удобные: с интуитивно понятным интерфейсом, без кучи всплывающих окон. Сохраните эту подборку себе в закладки – пригодится.

Продвинем ваш бизнес

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

Как сделать гифку из видео с YouTube

1. Giphy

Очень простой и удобный сервис для создания гифок из видео, взятого с YouTube. Чтобы им воспользоваться, скопируйте ссылку на видео, вставьте ее в строку поиска на главной странице сайта, и сервис автоматически начнет загружать видео:

Как только видео загрузилось, выберите нужный вам отрезок видео. Giphy тут же покажет, как будет выглядеть будущая гифка. Используйте ползунки для настройки длины гифки. Чем короче ваше видео, тем быстрее оно будет обработано.

Внимание: GIF и видео должны быть меньше 100 мегабайт и короче 10 минут..

Нажмите «Continue to Decorate», чтобы добавить надписи, стикеры или фильтры к gif-изображению. Укажите текст и выберите его цвет. Можно изменить стиль текста или добавить анимацию

Если в этом нет необходимости, кликайте на «Continue to Upload». Добавляем теги или же сразу переходим к шагу «Continue to Upload» (нажимая кнопку Upload to GIPHY, вы соглашаетесь с Условиями предоставления услуг, Руководством сообщества и Политикой конфиденциальности).

Готово! Получившуюся гифку можно скачать к себе, расшарить в соцсетях или вставить на сайт с помощью embed code.

• Нужна обязательная регистрация;
• Можно добавить только одну подпись;
• Невозможно выбрать размер изображения;
• Работает только для видео до 15 минут.

Гифки — замечательный развлекательный формат контента, но только один из многих. Для эффективного продвижения в социальных сетях нужен еще разнообразный контент и комплексный подход: от разработки стратегии до работы с комьюнити. Тут мы все умеем – обращайтесь!

Как сделать гифку из загруженного видео

2. Convertio

Удобный конвертер файлов в разных форматах. Доступен также в виде расширения в Google Chrome.

Работать с ним просто:

• Загрузите видео и нажмите «Конвертировать». Одновременно можно конвертировать несколько файлов.

• Нажмите «Скачать».

Недостатки сервиса:

• Нельзя редактировать гифки и добавлять на них новые элементы. Сервис только преобразует один формат в другой.

3. Photoshop

Если вы не хотите, чтобы на видео присутствовали логотипы сторонних сервисов, можно воспользоваться Фотошопом. Даже если у вас нет опыта работы в этой программе, у вас все получится — просто следуйте инструкции ниже:

• Найдите подходящее видео на YouTube и скачайте его к себе на компьютер. Это можно сделать с помощью сервиса Savefrom. Если вы находитесь на самом сайте YouTube, то просто к адресу ролика добавьте «ss» перед YouTube. Например, оригинальный URL: https://www.youtube.com/watch?v=nOWSGzBfzDo

Для скачивания URL должен стать таким: http://ssyoutube.com/watch?v=YOcmSsBfafg

• Вырежьте из видео нужный вам фрагмент. Это можно сделать с помощью любого видео-сплиттера или стандартных Windows Movie Maker или «Киностудии». Убедитесь, что длительность видео не превышает 2-3 секунды, иначе файл получится слишком большим и тяжелым. В этих же программах можно добавить нужные надписи.
• Откройте его в фотошопе. Нажмите «Файл — Импортировать — Кадры видео в слои» (или, если фотошоп на английском, File — Import — Video frames to layers).

• Поиграйте с настройками. Нажмите Файл — Сохранить для Web и постарайтесь изменить настройки так, чтобы вес изображения не превышал нескольких мегабайтов. Изначально мое трехсекундное видео весило 11,02 мегабайта.
• Следите не только за размером изображения, но и за итоговым размером файла

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

• Сохраните гифку. И наслаждайтесь красивым изображением без водяных знаков и логотипов сервисов.

Как сжать гифку до нужного размера и веса

Воспользуйтесь бесплатным онлайн-сервисом ezgif.com. Вы можете перевести видео в гифку и сразу ее отредактировать.

Какие есть лимиты:

• Поддерживает форматы MP4, WebM, AVI, MPEG, FLV, MOV, 3GP и другие видеофайлы;
• Максимальный размер файла: 100 МБ.

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