Инструкция: Как сделать собственные стикеры в Telegram
Долгое время смайлы из двоеточий и скобок отвечали за эмоции, которые человек хотел выразить в записи в блоге или в переписке. Недавно широкое распространение получили эмодзи — японские пиктограммы, заменяющие порой слова или целые предложения. Сейчас, в связи с ростом популярности различных мессенджеров, растет и популярность стикеров. Стикеры — это нечто среднее между смайлом и картинкой, взятой из интернета.
Стикеры (с английского можно перевести как «наклейки») в целом играют ту же роль, что смайлы и эмодзи, выражающие действия или чувства. На стикерах часто изображают героев фильмов и мультфильмов, а также исторических фигур, публичных личностей и интернет-мемы с самыми разными персонажами в главной роли.
Еще стикеры хороши тем, что к их созданию могут приложить руку не только дизайнеры и иллюстраторы, но и обычные пользователи. Возможность создания и обмена самодельными стикерами предоставляет мессенджер Telegram, созданный командой основателя «ВКонтакте» Павла Дурова.
Итак, если в голове давно родилась идея для набора «наклеек», то с помощью представленной ниже инструкции ее можно воплотить в жизнь.
Бот поможет
Если уже есть заготовки к картинкам и установлен Telegram (не мобильная, а десктопная версия), нужно написать любое сообщение специальному боту — @Stickers. В ответ он предложит следующий набор команд:
/newpack — создать новый набор стикеров/addsticker — добавить стикер в набор/delsticker — удалить стикер из набора/ordersticker — переставить местами/cancel — отменить предыдущее действие
Выбираем первую команду и отправляем ее боту. Далее он предложит выбрать имя для нового пакета стикеров (просто введите название в строке чата и нажмите клавишу ввода), а следом прислать эмодзи, которое будет соответствовать первому стикеру.
Стоит отметить, что бот устанавливает ограничения на разрешение загружаемых картинок: их ширина должна составлять ровно 512 пикселей, а высота — не превышать этого же значения. Максимальный вес картинки может быть не более 350 килобайт. Изображение для будущего стикера нужно прикрепить через меню File, которое появляется при нажатии на изображение скрепки.
Не стоит переживать, если сразу не будет получаться — на каждом этапе создания стикера бот подскажет, как нужно действовать.
Когда первый стикер будет готов, необходимо выбрать эмодзи для второго стикера и снова загрузить нужную картинку. Повторять эти шаги придется, пока все «наклейки» не будут готовы.
Для того чтобы опубликовать новый набор, отправьте команду /publish. В ответ бот предложит придумать короткое название (с ним могут возникнуть проблемы) ссылки, которую в дальнейшем можно будет отправлять друзьям или публиковать в соцсетях. Разумеется, она будет вести на авторский пакет стикеров.
Как сделать красивую картинку
Создать сам набор стикеров не так сложно, однако у начинающих пользователей могут возникнуть трудности при обработке самих изображений в фоторедакторе. Для простых действий можно использовать Paint. Правда, понадобится сноровка, так как произвольное выделение делается «от руки» — задать значение 512 пикселей по горизонтали (и по вертикали тоже) не получится.
Если удалось вырезать изображение ровно, то затем его следует скопировать на новый документ (скопировать выделенной изображение — Ctrl+C — «Создать» — вставить скопированное изображение — Ctrl+V). Не стоит забывать, что итоговый размер картинки должен составлять 512 пикселей по ширине. Высота может быть меньше.
Если есть доступ к редактору Photoshop, то для вырезания стикеров лучше воспользоваться им. Алгоритм лишь немного сложнее, но на выходе получится аккуратная картинка с нужными параметрами.
Итак, открываем картинку и берем инструмент «Перо» или Pen Tool (скриншот №1, выделен красным). Начинаем выделять изображения, устанавливая точки по контуру. В конце соединяем последнюю точку с первой. Кстати, чем больше точек будет установлено по контуру, тем плавнее будет выглядеть обтравка.
Далее на панели параметров находим вкладку «Контуры» или Paths (скриншот №2, выделен красным), нажимаем правой кнопкой на «Рабочий контур» и на всплывающем меню выбираем «Образовать выделенную область».
После нужно выбрать радиус растушевки. Оптимально — 1-2 пикселя. Галочка «Сглаживание» пусть тоже стоит. «Ок».
После этого можно копировать выделенное изображение (Ctrl+C или в панели «Меню» открыть «Редактирование», потом нажать «Скопировать»), чтобы перенести его на новый холст нужного размера.
Чтобы открыть новый холст, в верхнем меню открываем вкладку «Файл» и выбираем «Новый» (Ctrl+N). В полях «Ширина» и «Высота» задаем 512 пикселей. «Содержимое фона» — «Прозрачный». Жмем «Ок».
Когда откроется новый файл, вставляем из буфера обмена вырезанное изображение. Это можно сделать сочетанием клавиш Ctrl+V либо «Редактирование» — «Вклеить». После этого картинку можно сохранять: «Файл» — «Сохранить для Web» или Alt+Shift+Ctrl+S. Напомним, картинка должна быть в формате .png — его можно установить в настройках в открывшемся окне. Там же можно «поиграться» с уровнем качества, от которого напрямую зависит размер.
Стикеры, которые получились у РГ Digital, доступны по ссылке.
Аватарка и фото в Телеграм: основные требования
Всего за несколько месяцев после «рождения» программа Телеграм завоевала 35 миллионов поклонников. Популярный проект, созданный в Петербурге, продолжает разрабатываться даже, “находясь в полете”. Социальный мобильный мессенджер создавался для общения пользователей всего мира. Коммуникабельная активность в приложении заключается не только в обмене сообщениями и мультимедийными файлами, а и в визуальном контакте собеседников. Поэтому для полноценного общения важно иметь кроме имени, и фото, которое будет визуализировать облик пользователя. Важно знать, какой у вас будет аватарка и фото в Телеграм.
Для этого стоит знать правила установки аватарки.
Первый аспект
Чтобы поставить аватарку в Телеграм, необходимо выполнить определенный ряд действий:
- Открываем ранее установленное приложение “Телеграм”.
- Заходим в пункт “Настройки”, который находится в верхнем правом углу в виде трех полос.
- Находим подпункт с таким же названием — “Настройки”.
- Переходим в раздел “Установить фото” и выбираем место, где находится нужное изображение.
- Подбираем необходимое фото и загружаем его.
- Чтобы аватарка подходила по формату, можно ее обрезать.
- Теперь фото размещено на вашей странице.
Чтобы легче было наладить визуальный контакт и сделать общение приятным, желательно использовать свое истинное фото. Заметим, что Телеграм не требует обязательного наличия фото. Чтобы иметь возможность общаться, достаточно только зарегистрироваться в приложении.
Посмотрите видео: Типичные Ошибки в Instagram
Второй аспект
Зная, как устанавливается фото в Телеграм, необходимо понимать условия, позволяющие беспроблемно использовать свой профиль. Существуют некоторые ограничения, не учитывая которые, можно привлечь внимание администратора, имеющего право забанить ваш профиль. Дело в том, что даже такое независимое мобильное приложение требует придерживаться моральных правил и адекватного использования.
Посмотрите короткое видео о том, как набрать 300 000 подписчиков в профиль за 10 дней
Аватарка для Телеграм должна соответствовать таким требованиям:
- Не допускается установка фото порнографического или эротического характера.
- Изображение не должно вызывать межнациональный конфликт.
- На аватарке не должны находится наименования и логотипы запрещенных организаций.
- Фото не должно пропагандировать и иллюстрировать насилие.
Представленные требования не такие уж и сложные, и вполне уместные в подобных социальных проектах. Достаточно просто принимать моральные нормы и не поддаваться негативным влияниям, оставаясь собой.
Имея такие рекомендации, вы сможете протестировать свои возможности — легко подобрать и установить фото, придерживаясь простых условий.
Третий аспект
Для того, чтобы гуглить фото и отправлять его другим пользователям, совсем необязательно его сохранять. В Телеграм существует функция, позволяющая находить фото в интернете, не выходя из программы, а потом отправлять его в чат или собеседнику, без сохранения на устройстве. Если приложение Телеграм установлено на компьютере, то для отправки изображения понадобится скопировать его и вставить в окно сообщения. После этого произойдет автоматическая загрузка фото в чат. Этот вариант позволяет экономить массу времени.
Также, в чаты Телеграм можно загружать и gif-файлы.
Все инструкции в Телеграм являются стандартной документацией, которая повествует о вашем профиле и главных возможностях популярного приложения. Хотя многим пользователям под силу самостоятельно разобраться в совсем несложной системе работы. Если вы уже имели опыт использования аналогичных социальных сетей, то у вас однозначно не возникнет никаких проблем.
Как видите, если вы уже знаете о том, каковы основные требования к фото, как поставить аватарку в Телеграм, какие есть ограничения и условия установки фото, то оформите свой аккаунт в соответствии с этими правилами. Действовать лучше сообща и вместе с теми людьми, у которых уже есть опыт и результаты. Приходите в наши программы, заодно и заработаете больше!
Обязательно скачайте:
- Контент-План (календарь постов) для публикаций в соцсетях
- Книга-бестселлер по созданию продающих и рекламных текстов
- ЧИТАТЬ в Telegram
Если следующие 5 минут вы можете инвестировать в самообразование, то переходите по ссылке и читайте следующую нашу статью: 3 преимущества Facebook Analytics
Оставьте комментарий к этой статье ниже
Поделиться записью
- Поделиться Facebook
- Поделиться Twitter
- Share on Twitter
- Поделиться LinkedIn
- Поделиться Vk
- Поделиться по почте
Инструкция: как сделать анимированные стикеры в Telegram
Поэтапно разберемся во всех нюансах при разработке такого стикера. Начиная с программного обеспечения и заканчивая публикацией в Telegram.
139K открытий
Так что же из себя представляет этот анимированный стикер?
Это собственный формат 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 (перенос в окно программы изображения). И проводим указанные действия из видео:
- Трассировка изображения. («Окно» -> «Трассировка изображения»)
- Разобрать. («Объект» -> «Трассировка изображения» -> «Разобрать»)
- Разгруппировать. («Объект» -> «Разгруппировать»)
Более подробно о «Трассировке изображения» читайте на сайте 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
Открываем Telegram и находим в поиске бота @Stickers.
Для начала работы с ним отправляем команду /start.
У всех стикеров в наборе должна быть одинаковая частота кадров. Иначе придется делать два разных пака — для 30 и 60 кадров в секунду.
Отправляем команду /newanimated. После выбираем название и получаем следующую инструкцию:
Спасибо! Теперь отправьте мне, пожалуйста, будущий анимированный стикер — файл в формате TGS, созданный с помощью плагина Bodymovin-TG для Adobe After Effects.
Рекомендуем загружать изображения через десктопное приложение.
Stickers, бот
Следующий шаг отправить смайл, который соответствует анимированному стикеру. Заканчиваем создание набора командой /publish, если больше нет стикеров для добавления. В дальнейшем через бота можно будет дополнительно добавить новых стикеров.
Бот Stickers предложит выбрать иконку для анимированных стикеров. Её нужно создать отдельно, но проще всего написать команду /skip, чтобы первый стикер показывался в качестве иконки.
Картинки в телеграмм как называются
КАРТИНКИ
Facebook сам обрезает картинки и определяет оптимальный размер. Важный момент: маленькие картинки размером 100х150, 200х200 лучше не брать. Если на мобильных устройствах картинка будет нормально смотрется, то при просмотре на компьютере картинка увеличивается, изображение на ней расплывается.
ГАЛЕРЕИ
Facebook поддерживает 3 кнопки в галереях. Картинки для галереи бота ФБ — прямоугольные (800х400) или (800х600). Обязательно заполнить в галерее поле Заголовок. При его отсутствии вкладка не открывается. Не используйте символы типа < > < >[ ] / | \ в Заголовке галереи и в первом (сверху) текстовом блоке – при нажатии на кнопку вкладка в боте не открывается. Facebook поддерживает кнопку вызова с номером телефона в галереях. Если вы хотите использовать ссылки на ютуб, то их можно зашить в кнопку в галерее. Таким образом, при нажатии на картинку будет воспроизводиться видео с ютуба.