Все учебные программы
Создаём свои стикеры для Telegram в Adobe Illustrator

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

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

Создать пакет стикеров легко. Достаточно идеи и желания.

И так, в этой статье описаны принципы по которым создаются стикеры. Начинаем с идеи! Новичкам лучше использовать референсы.

Пример референса! Если хотите сделать стикеры супергероев, для вдохновения лучше использовать комиксы, мультфильмы или картинки из гугла.

Берите с каждого рефа (картинки) только то, что нужно:

  • Композиционное решение
  • Расположение объектов
  • Цветовую гамму
  • Типаж модели
  • Стилистический образ

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

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

Важно помнить:

  • Создайте необходимый размер (ширина ровно 512 пикселей, а высота — не превышать этого же значения).
  • Вес картинки не больше 350 килобайт
  • Цветовое пространство RGB, так-как использоваться картинки будут только в программе
  • Отрисовать можно с помощью инструмента перо
  • Используйте сглаживание для контуров, чтобы убрать неровности
  • Помните о настройках объективной кисти под задачу

Как делать отрисовку с помощью планшета или без него.

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

Планшет просто инструмент. По сути модернизированная мышка в форме карандаша. Им стоит пользоваться, если вы уверенно держите карандаш в руках.

Благодаря планшету, дизайнеры получили преимущества:

  • Удобство в прорисовывании иллюстрации до мельчайших деталей (чего не возможно было бы добиться при использовании мышки).
  • Контроль толщины линии пера в зависимости от силы нажима.

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

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

Правильно настраиваем перо

  • Открываем — Окно — Кисти и выбираем — Круглая кисть. Два раза кликаем по кисти, открывается окно с настройками. Устанавливаем параметры:
  • диаметр — 10, Нажим пера —10 (максимальный диаметру кисти).

Эти настройки позволят в дальнейшем изменять толщину контура в зависимости от степени давления от 0 до удвоенного размера.

  • Чтобы проверить что у вышло, выбираем Blob Brush Tool и ставим точки с разной степенью давления.
  • Если не удалось выполнить рисование с разным давлением, то советую поиграться с настройками пера планшета, которые живут в меню Пуск — Все программы — Планшет Wacom — Свойства планшета Wacom. Регулируйте чувствительность.

Настраиваем инструмент — Кисть (Paintbrush Tool).

  • Два раза нажимаем по иконке инструмента на — Панель инструментов, чтобы всплыло окно с настройками. Теперь знакомимся с параметрами инструмента — Кисть.
  • Точность — показывает, на какое расстояние перемещается кисть прежде чем программа автоматически добавит новую опорную точку.Доступны значения от 0,5 до 20 пикселей. Чем выше значение ставите, тем создаваемый контур будет менее сложным (с меньшим количеством опорных точек) и соответственно будет гладким.
  • Сглаживание — показываем степень сглаживания при рисовании. Доступны значения от 0 до 100%. Чем выше процентное значение выбрали, тем сглаженные контур получится при рисовании.
  • Чтобы вернуть настройки «по умолчанию» стоит просто нажать кнопку — Восстановить.

Настраиваем инструмент Карандаш (Pencil Tool)

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

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

Выполняем заливку штрихов карандашом — параметр дает программе применить заливку к обводке. Перед рисованием не выберете цвет заливки.

Оставлять контур выделенным — выбор этого параметра позволяет сохранять контур выделенным после создания.

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

Отрисовка без планшета.

  • В меню Слои ставим галочку Шаблон. Это закрепит текущий слой с рисунком, чтобы тот не двигался. Также изображение станет бледным, чтобы удобно было отрисовывать исходный вариант.
  • Создаём новый слой. Цвет обводки возьмем яркий, чтобы отличать от эскиза и цвета направляющих, так лучше видно. Инструмент перо отрисовывает линии.
  • Если в картинке изображении кучу линий, на обводку уйдет много времени. Чтобы быстро перейти к созданию новой линии, нажимаем клавишу — P Перо на клавиатуре.
  • Можно сделать кисть из эллипса. Для этого нарисуйте узкий эллипс, который больше похож на полоску. Эллипс искажается с помощью Warp Tool (Shift+R). Затем перетаскиваем эллипс в панель кисти. Тип кисти выбираем Art Brush, окно настроек остается без изменений.
  • Когда кисть готова, выделяем контуры на артборде и применяем. Просто нажмите на кисть в панели Brushes, и она заменит стандартные обводки рисунка.
  • Если образовались неаккуратности на некоторых линиях, это исправляется. Пройдитесь по этим местам инструментом — Warp Tool (Shift+R), или сгладьте через Smooth Tool (второй инструмент в карандаше).
  • Чтобы линии были разной толщины, применяем инструмент Width Tool (shift+W). Выделяем линию, которую хотим изменить, и тянем в сторону этим инструментом.
  • Width Tool (shift+W) применяется к одному контуру в нескольких местах, тогда добиваемся неравномерного профиля линии, она будет как бы гуляющая. Результат возможно разгруппировать для дальнейшего редактирования Object — Ungroup (ctrl+shift+G).

Если в векторе появилось очень много лишних точек, то их количество сокращается через упрощение контура Object — Path — Simplify.

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

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

  • Свето-теневой контур. В тени нарисованный объект будет жирным, на свету же линия стремится к истончению.
  • Комиксовый контур. Комиксовым контурам характерно утолщаться к сочленению линий. Часто в контуровке такой стилистики линии переходят в теневые пятна.
  • Кистевой контур. Линии будто рисуются кистью. При таком методе рисунка толщины линий варьируются хаотично, по велению души, и создают легкий и артистичный контур.

Как получить нужный цвет!

Подключим Photoshop.

  • Curves – простой инструмент для обработки цветов изображения. Когда нужно осветлить или затемнить, добавить контраста. На глаз или используя гистограмму кадра, выставляем нужный контраст картинки, изгибая линию в окне Curves.
  • Selective Color — Selective Color позволяет работать с каждым цветом отдельно, добавляя или убирая из него оттенки других цветов. Открыв окно Selective Color, сразу переключаемся в режим Relative – теперь все изменения цветов будут проходить мягко и плавно, нежели в режиме Absolute.
  • Hue Saturation — Главная особенность этого инструмента – пользоваться аккуратно. Если переборщить, цвета сразу станут чрезмерно насыщенными. В Hue Saturation можно, как и в Selective Color, работать с отдельными цветами.

Используйте Библиотеки смесевых цветов.

Запускаем в работу наши изображения.

Если уже есть заготовки к картинкам и установлен Telegram (не мобильная, а десктопная версия), нужно написать любое сообщение специальному боту — @Stickers. В ответ он предложит следующий набор команд:

  • /newpack – создать новый набор стикеров/addsticker – добавить стикер в набор.
  • /delsticker – удалить стикер из набора.
  • /ordersticker – переставить местами.
  • /cancel – отменить предыдущее действие

Выбираем первую команду и отправляем ее боту. Далее он предложит выбрать имя для нового пакета стикеров (просто введите название в строке чата и нажмите клавишу ввода), а следом прислать эмодзи, которое будет соответствовать первому стикеру.

Стоит отметить, что бот устанавливает ограничения на разрешение загружаемых картинок: их ширина должна составлять ровно 512 пикселей, а высота – не превышать этого же значения. Максимальный вес картинки не может превышать 350 килобайт. Изображение для будущего стикера нужно прикрепить через меню File, которое появляется при нажатии на изображение скрепки.

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

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

  • /publish.

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

Если вы создавали стикеры конкретно для Telegram, помните, эти же стикеры в мессенджере тоже будут актуальны.

12.09.2019
Похожие статьи
Адаптация изображения для web
По информации Internet World Stats, на август 2018 года 4,157 млрд. человек, стали пользователями интернет сети.
Термины в каллиграфии
Для удобства учащихся курса «Графический дизайн», курса «Типографика» и курса «Каллиграфия» предлагаем основные термины.
Особенности проектирования искусственного освещения в интерьере
Искусственное освещение в интерьере имеет решающее значение в дизайне всего помещения.
Спасибо, Ваша заявка будет обработана.
При регистрации возникла ошибка