Гиф добавит в Телеграмм

Поэтапно разберемся во всех нюансах при разработке такого стикера. Начиная с программного обеспечения и заканчивая публикацией в 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этап 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

Всё про аватарки в Telegram

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

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

Как изменить или поставить новую аватарку в Telegram

Чтобы поставить новую авку с телефона на Android:

1. После запуска Telegram нужно перейти в контекстное меню. Здесь коснитесь трех горизонтальных полос.
2. Теперь вам нужно перейти в «Настройки».
3. Затем щелкните значок камеры в кружочке справа.
4. Внизу появится панель, на которой вы можете:
5. Сделать снимок — выберите это, чтобы открыть камеру телефона.
6. Загрузить фото из галереи — открывает внутреннюю память телефона и выбирает изображение.

Выберите подходящий метод и загрузите необходимые файлы.

На айфоне:

1. Выберите настройки на нижней панели.
2. Далее вам нужно нажать на ту часть экрана, где отображается номер телефона. Обратите внимание, что нажатие на установленную фотографию откроет ее в полном размере.
3. Следующим шагом будет щелчок по значку камеры.
4. Вы увидите следующие варианты:
5. Выберите «Фотогалерея телефона».
6. Поиск в сети — Публикуем фото из инета по запросу.
7. Просмотр — открывает установленный образ.
8. Удалить фото — удаляет текущую установленную картинку.

Выберите наиболее удобный для вас.

Пошаговая инструкция
Пошаговая инструкция
Пошаговая инструкция
Пошаговая инструкция

Как удалить аватарку

На андроиде:

1. Сначала необходимо открыть «шторку» телеграмма. Дотроньтесь до трех полосок в углу и выберите «Настройки» в меню.
2. Здесь нужно нажать на фотографию в кружочке.
3. Далее в правом верхнем углу нажать на «три точки»
4. Из списка выбрать пункт «удалить».

Пошаговая инструкция
Пошаговая инструкция
Пошаговая инструкция

Инструкция для айфона:

1. В iOS вам нужно нажать на Настройки, которые находятся на нижней панели.
2. Затем щелкните в области, которая показывает номер телефона, связанный с вашей учетной записью.
3. Слева от указанного вами имени есть значок камеры. Щелкните один раз.
4. Последний этап — выбрать пункт «Удалить фото».

Пошаговая инструкция
Пошаговая инструкция
Пошаговая инструкция
Пошаговая инструкция

Как удалить старые Аватарки профиля в telegram

Если вы устанавливаете новое фото для своего профиля в Телеграмме, старое не удаляется. Любой, кто посетит вашу главную страницу профиля, сможет увидеть все установленные вами аватарки. Мы расскажем, как удалить старую картинку с аккаунта в телеграме. Шаги те же самые что описаны выше , единственное добавляется, что нужно выбрать конкретную фотографию.

Удалить старые аватарки профиля в Телеграме на айфоне можно следующим образом:

1. Открыть Приложение на устройстве и нажать «Настройки» (шестеренка) на нижней панели.
2. Выбрать фото своей аватарки.
3. Затем нажать на элемент «Изменить».
4. Снова коснуться фото своего аккаунта.
5. Здесь находятся все добавленные вами в профиль картинки. Смахните экран вправо, чтобы посмотреть все фотографии. Затем найдите изображение, которое вам нужно удалить, и тапните на иконку корзины под ним.
6. Осталось подтвердить действие, нажав «Удалить».
7. Повторите все этапы, если нужно удалить оставшиеся фотографии.

Процедура удаления старого аватара на профиле для Андроида немного отличается. Для этого:

1. Открываем мессенджер на своем устройстве и тапаем по трехстрочному значку меню в углу.
2. Выбираем фото профиля.
3. Проводим по картинке вправо, чтобы посмотреть все свои старые аватарки. Ищем ту, которую нужно скрыть. Далее щелкаем по трехточечному значку, чтобы перейти в меню.
4. В появившемся меню выбираем «Удалить».
5. Для завершения еще раз нажимаем кнопку «Удалить».

То же самое можно проделать с еще одним фото на профиль, которое захочется удалить.

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

Недавно Telegram выпустил новое обновление. Теперь пользователи могут включать анимированные аватары в свои профили. Мы научим вас, как это делать. В компьютерной версии это пока невозможно. Вы должны делать все со своего мобильного устройства.

• Используя iOS, в настройках нажмите кнопку «Загрузить фото или Видео».
• Используя Android, зайдите в Настройки и нажмите кнопку «Выбрать фотографию».

Когда вы загружаете видео из галереи, вы видите видеодорожку, где вы можете установить фрагмент, который появится как первый на вашем аватаре. Видео с анимированным аватаром не может превышать 10 секунд.

Оптимальные размеры и формат фото для Аватарки

Как и все онлайн-сервисы, телеграмм имеет ограничения на добавление изображений профиля.

• Во-первых, изображение должно быть не менее 300×300. Платформа не принимает меньшие размеры. А максимальный размер составляет 1280×1280.

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

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

Источник: teleggid.com

Все способы как сделать гиперссылку в Телеграме в 2023 году

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

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

Разработчики мессенджера добавили возможность в Телеграме сделать ссылку словом или фразой. Опция доступна на всех платформах — и на телефонах Android или iOs, и на компьютере.

На телефоне

В мобильной версии мессенджера для добавления гиперссылки в текст действуют следующим образом:

1. Запускают приложение. Находят чат, группу или канал, в котором хотят заменить ссылку на слово или фразу.
   
2. Вписывают текст в диалоговое окно.
   
3. Выделяют элемент, который будет отображать скрытый URL, долгим тапом. Нажимают на точки в правом углу в верхней части экрана.
   
4. Выбирают в меню «Добавить ссылку».
   
5. В открывшемся окне вставляют в адресное поле URL из буфера обмена.
   
6. Если хотят скрыть из поста отображение активной ссылки, нажимают на крестик в углу. Отправляют, тапнув на стрелочку.
   

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

На компьютере

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

1. Запускают приложение. Открывают чат, группу или канал. Вписывают в диалоговом окне слово, которое должно скрыть гиперссылку.
   
2. Выделяют правым кликом мыши элемент. Нажимают на клавиатуре кнопки «Ctrl+K».
   
3. В появившееся окно копируют адрес из буфера обмена.
   
4. Нажимают на крестик, чтобы убрать отображение превью сайта.
   
5. Кликают на синюю стрелочку для отправки.
   
6. Результат появится в виде красиво оформленной гиперссылки.
   
   

При вводе комбинации клавиш, вызывающих окно для вставки URL, используют английскую букву «K». При этом неважно, какой языковой режим установлен на компьютере в данный момент.

Изменяем добавленную ссылку

Если пользователь ошибся — неправильно ввел адрес сайта или URL оказался битым и ссылка в Телеграм не открывается, необходимо отредактировать сообщение. Чтобы изменить гиперссылку, выполняют следующие шаги:

1. Выделяют сообщение, которое необходимо изменить. Нажимают в верхнем поле контекстного меню значок в виде карандаша.
   
2. Так же, как и в случае, когда нужно вставить URL, нажимают на 3 точки в углу экрана и выбирают «Добавить».
   

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

Сокращаем ссылку в Telegram

Необязательно добавлять гиперссылку. Иногда, чтобы пост выглядел эстетичнее, достаточно просто сократить слишком длинный и громоздкий URL. Сделать это легко с помощью бота:

1. Открывают приложение на смартфоне или ПК.
   
2. Запускают поиск по запросу «сократить ссылку».
3. Выбирают любого робота. Нажимают на кнопку «Старт». Вводят в тескстовое поле длинный адрес из буфера обмена.
   
4. Бот автоматически отправляет в ответ короткий URL.
   

Полученное сокращение действует только в Телеграмме. На других ресурсах использовать этот короткий адрес не получится.

Как сделать ссылку кнопкой

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

Далее переходят к привязке кнопки. Для этого используют только что созданного бота:

1. Открывают диалог с роботом и запускают программу.
   
2. Нажимают в меню «Создать пост».
   
3. Выбирают канал.
   
4. Устанавливают режим форматирования.
   
5. Отправляют текстовое сообщение или фото для поста, выбирают «Создать кнопку».
   
6. Выполняют инструкции, введя описание элемента и адрес, на который осуществляется переход.
   
7. Отправляют сообщение боту.
   
8. Нажимают «Далее».
   
9. Выбирают, нужно ли разместить пост сразу или отложить публикацию.
   
10. Для перехода на канал тапают на «Посмотреть».
    
11. Проверяют корректность данных, нажав на кнопку.
    
12. Если все сделано верно, откроется окно со ссылкой. После нажатия на URL пользователь будет перемещен на сторонний сайт.