Рисуем стикеры для соцсетей вместе с Фениксом

Как часто мы используем стикеры вместо слов? Возможно, у кого-то это уже вошло в привычку. Но бывает такое, когда нам не хватает того или иного стикера. Значит, надо сделать его самому. Практически в любую социальную сеть можно загрузить свои собственные разработки, однако они должны соответствовать стандартам. 

В предыдущих статьях я уже рассказывала о работе со слоями в программе Paint Tool Sai 2, светотени, покрасе и других художественных мелочах. В этот раз хотелось бы сосредоточиться именно на общей информации, касающийся стикеров. И в работе мне сегодня будет помогать новая рабочая лошадка от XPPen Deco 640. Честно говоря, не ожидала от такой тоненькой и лёгонькой малышки столько резвости! 16К степеней нажатия – это что-то с чем-то! Перо откликается очень быстро и плавно. Даже поддержка наклона пера есть. И целых восемь кнопок с горячими клавишами.

Размер

Оригинальный размер стикера должен быть в хорошем качестве, не менее 1000х1000 пикселей. В нашем случае мы будем делать 1250х1250 - это нужно для того, чтобы в будущем уменьшить размер изображения до нужного. Чаще всего до 512х512 пикселей, однако где-то можно загрузить и оригинал. Преимущество крупного размера в том, что в последствии вы сможете использовать данные стикеры и для печати (например, для создания своего мерча).

Формат

Формат PNG универсален для всех социальных сетей. Он помогает загружать изображения без большой потери качества, а также даёт возможность сохранить прозрачный фон. Не пренебрегайте данной возможностью. Многие социальные сети в чатах имеют свое фоновое изображение, из-за чего картинка в JPG с белым фоном будет смотреться не так выигрышно, как PNG.

Поиск идеи и составление ТЗ (технического задания)

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

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

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

В нашем случае, у нас уже имеется готовый персонаж (маскот) Феникс. Это рыжий озорной фенечек. 

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

Эскизы

Создавать стикеры можно в любой графической программе: SAI, Photoshop и др. Эскизы можно набрасывать даже на смартфоне – подключив к нему графический планшет. Deco 640 как раз позволяет это сделать, тем более у XPPen есть свое приложение для рисования.  

1. Старайтесь размещать на одном стикере 1-2 персонажа, максимум 3. Большее количество участников будет тяжело разглядеть.
2. Так же не стоит использовать мелкие детали. Стикеры очень маленькие, и мелких деталей попросту будет не видно. Размер стикеров в сетке выбора обычно ещё в два-три раза меньше.
3. Используйте крупный текст и не слишком длинные фразы, иначе их так же будет сложно прочитать. В идеале это должно быть 1-4 коротких слова. Не забывайте, что вам необходимо будет лаконично вписать их в композицию с персонажем.
4. Делайте больше эскизов на одну эмоцию. Люди очень эмоциональны. Одну и ту же эмоцию можно изобразить десятком различных способов. Плюс существует градация силы ее выражения. К примеру, плач. Вы можете проронить одну слезинку или залить всё лицо потоками солёной воды.

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

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

Контур, цвет и светотень

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

Контур. Контур является такой же важной частью рисунка. Его можно сделать очень тоненьким или жирным. Это может зависеть от стилистики персонажа и детализации. Более тонкий контур позволяет разместить на стикере больше небольших и проработанных деталей. Тогда как жирный контур делает стикер более «мультяшным» и уменьшает место для заливки цветом.

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

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

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

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

Так, с помощью всё большей и большей детализации, вы можете превратить плоские стикеры в более объемные, если этого требует ваша задумка. Но помните, что стикеры могут быть какими угодно и какими вы хотите. Хоть детские каракули, а почему бы и нет? Лучше определитесь заранее, насколько глубокую проработку вы хотите. 

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

Контур. Финальным штрихом, который при необходимости можно добавить – это цветной контур. Это не обязательная деталь, но может придать стикерам несколько другой образ.

 

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

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

Загружаем и пользуемся.

Все стикеры отрисованы, что же с ними делать дальше? 

1. Сохраним каждый стикер по отдельности в PNG файл. Это функция есть в любой графической программе на этапе «сохранить как». Помним, что каждый стикер должен быть не менее 1000х1000 пикселей. Сохраняйте их под названиями цифр от 1 и так далее. Советую поместить их в отдельную папку под названием «Исходный размер». 

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

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

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

4. Финальный этап: подгружаем стикеры в выбранную социальную сеть. Некоторые из них даже предлагают назначить на каждый из стикеров один или несколько эмодзи-подсказок. Всё, теперь вы можете пользоваться стикерами и быть оригинальными. Ведь такие стикеры будут индивидуальными, творческими и сделанными лично вами.

Автор: Анастасия Юхновец

Реклама. АО «Графические планшеты». Erid: 2VfnxwEMfpL