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

Добавил пользователь Дмитрий К.
Обновлено: 04.10.2024

Анимированные стикеры используют свой собственный формат изображения, известный как TGS, работать с которым на момент написания статьи могут только десктопные приложения от Adobe, а именно After Effects и Illustrator, поэтому понадобится их загрузить и установить.

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

Нужное дополнение для After Effects называется Bodymovin-TG и получить его можно в официальном GitHub-репозитории разработчика по вышеуказанной ссылке.
После загрузки страницы найдите блок с последним релизом плагина (обычно он идёт первым в списке), затем отыщите в нём ссылку с именем bodymovin-tg.zxp и кликните по ней.

Шаг 2: Создание стикеров

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

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

Важно! Техническое требование к анимированным стикерам – не превышать объём в 64 килобайта, поэтому обязательно удалите лишние объекты или проведите их слияние!

Шаг 3: Анимирование стикера

Теперь переходим к самой ответственной части – превращении стикера в анимированный.

Настройки будущей анимации задайте следующим образом:

Важно! Частота кадров для всех стикеров должна быть одинаковой: в один набор нельзя поместить анимации 30 и 60 кадр/сек!

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

Шаг 4: Импорт стикеров в Telegram

Для создания своего набора стикеров в Телеграме предусмотрен отдельный бот – @Stickers, который позволяет добавить и анимацию.

Далее укажите пак, к которому будет добавлен стикер.

Публикация является самым простым этапом создания анимированных стикеров, поскольку почти все требуемые процедуры выполняются автоматически.

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Начиная с версии 5.9 приложение Telegram поддерживает анимированные стикеры. Все художники могут свободно создавать и загружать новые наборы с анимациями.

Необходимые инструменты

Чтобы создать анимированный стикер для платформы Telegram, вам понадобится следующее:

1. Векторный графический редактор, который позволяет экспортировать векторные объекты в Adobe After Effects для превращения их в анимацию.
2. Программа Adobe After Effects.
3. Плагин Bodymovin-TG для Adobe After Effects, который нужен для экспорта анимации в .TGS — формат анимированных стикеров Telegram.

Технические требования

1. Размер изображения должен быть 512х512 пикселей.
2. Объект стикера не должен выходить за рамки.
3. Продолжительность анимации не должна превышать 3-х секунд.
4. Анимация должна быть зацикленной.
5. Размер стикера не должен превышать 64 КБ.
6. Все стикеры из одного набора должны иметь одинаковый FPS (30 или 60).
7. Нельзя использовать следующие функции Adobe After Effects при анимации стикера: Expressions, Masks, Mattes, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers.
Использование любого из этих инструментов сделает невозможным экспорт вашей анимации с помощью Bodymovin-TG.

Загрузка стикеров

Как только ваши стикеры будут готовы, отправьте команду /newanimated в бот @stickers, а затем пришлите .TGS-файлы.

Кроме того вашему набору понадобится иконка. Значки для наборов анимированных стикеров должны быть размером 100×100 пикселей, с зацикленной анимацией, не превышающей 3-х секунд.

Не так давно в мессенджере Телеграм появились анимированные стикеры. Они сразу привлекли внимание пользователей, многие из которых захотели попробовать сделать свои. Оказалось, что это не так сложно – для того, чтобы создать индивидуальные стикеры, достаточно установить несколько программ (Adobe After Effects, ZXP Installer) и плагин Bodymovin-TG.

Технические требования

Анимированный стикер, созданный для использования в мессенджере Телеграм, должен представлять собой зацикленную анимацию, длительность которой не превышает три секунды. Его размеры ограничиваются рамкой 512x512 пикселей, в которую вписывается объект. Размер также ограничен и варьируется в пределах 64 килобайтов. Он может быть меньше, но больше – нет.

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

Анимированные стикеры создаются в Adobe After Effects, предполагающей использование множества эффектов, которые сделают анимацию яркой и красочной. Однако стоит заметить, что плагин Bodymovin-TG, с помощью которого экспортируется результат, не поддерживает некоторые из них.

Среди эффектов, которые нельзя использовать, можно назвать следующие: эффект слоя, маски, градиенты, 3D-слои, изменение времени, изменение длины и темпа анимации. Анимацию, созданную с использованием этих эффектов, не получится экспортировать в формате, необходимом для Телеграма.

Как создать анимированные стикеры в Telegram

Для создания анимированных стикеров потребуется редактор, предназначенный для векторных объектов. Также подойдут готовые векторные изображения, найденные на просторах интернета. Они экспортируются в Adobe After Effects, с помощью которой создается анимация. В ней находится множество эффектов и инструментов для работы. Интерфейс программы понятен на интуитивном уровне, поэтому не требует много труда, чтобы разобраться.

Пошагово процесс создания стикера в программе выглядит так:

Следует наметить, обозначить части изображения, которые будут подвижными. После завершения работы файл сохраняется.
Далее уже в программе Adobe After Effects создаем новый шаблон стикера с такими показателями: разрешение 512 на 512 пикселей, 30 fps. Ролик должен быть длиной не более 3 секунд.

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

Существуют также готовые подборки стикеров. В данный момент их более 20 штук:

А если не нравятся эти стикерпаки, создавайте свои, яркие и самобытные.

Установка плагина Bodymovin-TG

Установка начинается со скачивания ZXPInstaller – программы, предназначенной для установки файлов формата zxp. Она скачивается с официального сайта, установка происходит в несколько кликов: установить программу и завершить установку. После завершения установки появится диалоговое окно следующего содержания:

В данное окно необходимо перетащить заранее скачанный файл Bodymovin-TG. Он скачивается с официального сайта, где представлен несколькими версиями, отличающимися техническими требованиями:

После загрузки данный файл перетаскивается с рабочего стала в ZXPInstaller, и начинается установка. Спустя несколько минут, которые потребуются для установки, появится соответствующий вариант экспорта – экспортировать в Bodymovin-TG. Его можно найти, кликнув Окно -> Расширения. Чтобы Телеграм допустил стикерпак к использованию, стикеры, которые он содержит, должны быть сохранены именно таким образом.

На первый взгляд, что может быть сложного в добавлении GIF анимации при оформлении истории в Инстаграм, но у социальной сети своё видение на этот счёт и украсить сторис собственными стикерами и гифками может быть не так просто или не так очевидно как кажется.

В этой статье поделимся всеми способами, хитростями и лайфхаками как добавлять свои амированные GIF–наклейки в инста–сторис.

Введение

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

Стикеры и гифки что это и чем они отличаются

Статичный стикер – это картинка в формате png (без фона), которую можно добавить в сторис как ещё одно фото.

Анимированный стикер (наклейка) – это анимированная и зацикленная картинка с прозрачным фоном.

GIF (гиф–анимация) – это анимированная и зацикленная картинка с фоном.

Анимированный стикер и GIFка по сути это одно и тоже и файлы имеют одинаковое расширение .jpg, единственное отличие это наличие или отсутствие фона. Поэтому способы добавления тех и других в сторис Инстаграма будут одни и те же.

Добавить гиф с помощью стикера

Во всех версиях приложения Инстаграм (Android и IPhone) предусмотрен вариант добавления GIF–анимации в историю с помощью специального стикера.

Для того чтобы его найти, нужно с телефона зайти в режим создания сторис, снять видео или фото, или добавить снимок из галереи, далее выбрать значок наклеек и активировать GIF –стикер.

Стикер для добавления гиф в сторис

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

Как добавит свою гифку в сторис на Айфон

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

Если требуется в историю добавить ещё стикеров, повторить копирование и вставку нужное количество раз.

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

Как добавить свою гиф-анимацию в историю на Андроид

На устройствах, работающих под управлением ОС Android, функция копирования и вставки работает только для текста и не работает для картинок. Поэтому чтобы добавить гифку в Инстаграм на андроид, потребуются сторонние приложения.

Вставить гиф в публикацию при помощи клавиатуры GBox

Описанный ниже способ позволяет вставлять загруженные на смартфон гиф в сторис Инстаграм, использую функции виртуальной клавиатуры GBox.

Виртуальная клавиатура GBOX

При необходимости переместить добавленный стикер в нужное место (уменьшить или увеличить);

Клавиатура GBOX

Этим способом можно вставлять неограниченное количество стикеров и гифок в свою сторис.

Если не получается добавить анимацию в историю при помощи клавиатуры GBox, то переходим к следующему способу, который будет универсальным для всех.

Смонтировать видео с гифкой в редакторе Canva

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

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

Для создания сторис со своим стикером в редакторе Canva нужно действовать следующим образом:

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

Добавляем гифки в Инстаграм через сервис GIPHY

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

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

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

Выше мы рассмотрели все доступные на сегодня способы как добавить в историю готовую гиф–анимацию.

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

По окончанию съемки приложение самостоятельно обработает видео и создаст анимацию. Останется только дополнить историю стикерами, надписями или добавить дополнительные фото.

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

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

Как удалить фон с GIFки:

Скачанный стикер можно опубликовать в сторис Инстаграм любым из способов описанным выше или смонтировать видеоролик в Canva.

Искусственный интеллект сервиса Unscreen автоматически удаляет фон с любого видеофайла и справляется с этим довольно хорошо. Для достижения максимального качества снимать видео для преобразования его в стикер лучше на однородном фоне. Например: напротив стены.

Добавить гиф–анимацию в историю из галереи

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

Загрузка Гиф в сторис из галереи

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

Преобразовать гиф в видео

Этот метод добавления гиф в Инстаграм будет полезен тем у кого устройство не создаёт истории из изображений с расширением .jpg т.е. не добавляет гиф–анимацию при создании истории. Или картинка всё таки добавляется, но выглядит как статичное фото.

Действия для конвертации .jpg в MP4

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

Приложения для работы с гиф-анимацией

Статья была бы не полной, если бы мы не привели несколько примеров приложений для работы с gif–анимацией. Ведь не всегда под рукой есть компьютер, да и возможности мобильных приложений порой не уступают полноценным программам для Windows.

GIF редактор GIF Maker & GIF Editor

GIF редактор

Сжатие GIF – оптимизирует изображения без потери качества, чтобы ими было проще делиться в социальных сетях;
GIF в видео – конвертирование анимированных картинок в видеоформат для загрузки их в сорис;
GIF фон – позволяет создавать гифки с прозрачным , черным или белым фоном.

Gif Maker (для Android)

GIF Maker – конвертирует фото и видео в формат GIF чтобы бы делиться ими на Facebook, Whats App, по электронной почте и в Instagram.

Gif Maker

GIF Maker (для IOS)

GIF Maker (для IOS) – мощное мобильное приложение для работы с гиф–анимацией. Имеет интуитивно понятный интерфейс и багатый функционал. Распространяется бесплатно имеет премиум функции.

GIF Анимация - видео редактор

Преобразование видео или фотографий в формат GIF;
Запись Boomerang видео для Instagram;
Создание GIF с камеры;
Добавяет текст в GIF-файлах;
Скорость кадров в формате GIF;
Красивые фильтры в GIF.

ImgPlay

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

ImgPlay

Особенности и возможности:

Создание стикеров из фотографий;
Изменение скорости воспроизведения;
Режим обратной съемки;
Фильтры и эффекты;
Изменение и удаление фона;
Отзеркаливание любых изображений и видео;
Преобразование гиф в видео.

Попробуйте установить любое из предложенных приложений на свой смартфон, чтобы в полной мере оценить его возможности.

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

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

Читайте также: