Не секрет, что анимированные стикеры и эмодзи стали популярным способом общения в Telegram. И если вы хотите создавать свои собственные анимированные стикеры для телеграмм-канала, то вы можете сделать это самостоятельно. В этой статье я расскажу вам о том, как я создаю анимированные эмодзи и стикеры в виде иконок известных сервисов и приложении. Я покажу это на примере анимации иконки банка Тинькофф
1. Поиск иконки/логотипа
Первым шагом я ищу иконку нужного сервиса, который мне нужно преобразовать в анимированный стикер. Я обычно использую Google или Yandex, чтобы найти логотип компании или иконку, которая мне нужна. Особенно хорошо, если у сервиса есть сайт, где можно скачать исходники. Важно найти иконку в высоком разрешении и скачать ее в формате SVG.
Скриншот с сайта https://www.tinkoff.ru/about/brand/
2. Редактирование векторного файла
После того, как я нашел иконку, я открываю Adobe Illustrator и создаю новый документ. Затем я открываю скачанную иконку в Adobe Illustrator и располагаю ее на холсте. Я затем создаю новые слои и разделяю иконку на части, чтобы было легче анимировать ее позже. Я сохраняю иконку в формате AI.
TikTok effect neon hearts/ ТикТок эффект неоновые сердца
3. Анимация в Adobe After Effects
Следующим шагом я открываю Adobe After Effects и импортирую файл AI. Я добавляю файл на проекте и перевожу файл в кривые. Затем я начинаю анимировать иконку с появлением и исчезновением, добавляя движения и эффекты, чтобы сделать анимацию более живой и интересной.
4. Рендеринг
После того, как я закончил анимирование иконки, я рендерю ее через плагин Bodymovin, который создает файл формата Lottie. Формат Lottie позволяет сохранять анимацию в компактном и оптимизированном виде, что делает ее идеальной для использования в телеграмм-канале.
Почему именно через Lottie
Кроме того, формат Lottie позволяет создавать анимированные стикеры с прозрачным фоном, формат позволяет создавать анимированные стикеры с более высоким качеством и меньшим размером файла, что делает их более быстрыми и эффективными в использовании. В то время как формат WEBM может создавать стикеры с высоким качеством, они обычно занимают больший объем памяти и могут быть более медленными в загрузке и просмотре.
В итоге, создание анимированных стикеров и эмодзи может быть увлекательным и творческим процессом, который может принести множество радостных моментов и удовольствия. И использование Lottie формата для создания анимированных стикеров и эмодзи является простым и эффективным способом сделать их еще более универсальными и привлекательными для пользователей мессенджеров.
Источник: vc.ru
Анимация с сердечками для текста
Интересная анимация для текста, которая имитирует хаотичное движение сердечек. Например, подойдет для оформления заголовков на сайте знакомств.
Чтобы подключить анимацию необходимо скопировать HTML разметку, CSS стилизацию и JS скрипт, который генерирует движение сердечек по математической формуле. Чтобы анимация работала должна быть подключена библиотека jquery перед закрывающим тегом body и перед подключением других скриптов. Если вы затрудняетесь это сделать, то можете скачать готовый пример.
Скачать готовый пример
HTML разметка
Сердечки
CSS оформление
JS скрипт
function initparticles() { hearts(); } function hearts() { $.each($(«.particletext.hearts»), function(){ var heartcount = ($(this).width()/50)*5; for(var i = 0; i ‘); } }); } jQuery.rnd = function(m,n) { m = parseInt(m); n = parseInt(n); return Math.floor( Math.random() * (n — m + 1) ) + m; } initparticles();
Источник: obninsksite.ru
«Лайк тебе» или как пользоваться реакциями
Вы, наверное, уже заметили в Телеграм разные смайлики рядом с сообщениями. Это реакции – новая фишка мессенджера. Сегодня мы вам подробно расскажем, как же ими пользоваться. Статистика показывает, что в последнее время все больше людей отказывается от социальных сетей и переходит в мессенджеры. Лучший из них на сегодняшний день – Телеграм. Догнать детище Дурова по креативу, удобству и продвинутости не удалось пока что никому. Так, например, последнее обновление Телеграм включало в себя много классных штук, но главные среди них – реакции. Они помогают пользователям показать свою реакцию на любое сообщение.
Как включить реакции?
На сегодняшний день эта новинка доступна всем, у кого установлено официальное приложение. Если у вас не работает эта функция, то, скорее всего, нужно просто обновить приложение с помощью Google Play. Просто зайдите в Google Play, напишите в строке поиска – Телеграм и в открывшейся страничке нажмите на кнопку «обновить».
Как поставить реакцию?
Как включить реакции в группе и канале?
По умолчанию реакции работают в личных чатах, но при желании их можно настроить в группах и каналах. Для этого нужно открыть нужный чат, затем зайти в профиль чата и нажать на «изменить», затем кликнуть на «реакции».
Учимся делать анимированные стикеры
Это еще одна возможность рассказать о своей эмоции в Телеграм. Дело в том, что кликая на конкретные смайлики можно запускать анимированный эффекты на весь экран. Для этого надо отправить один из смайлов, а затем нажать на него. Сейчас анимации доступны для: сердца, фекалии, салюта, хлопушки, воздушного шарика и лайка. Кстати, если ваш собеседник будет в сети, то тоже увидит анимацию. А для смайлика «сердце» и вовсе доступна такая штука как вибрация. Нажимая на него сердце начинает вибрировать звуком стука настоящего сердца. Будьте романтиками!
Источник: linkbaza.com