Creativity & Hobbies

Создание персонажа для стикеров VK

АХА-ХА-ХА! Это одна из безумных целей, но чем чёрт не шутит. В любом случае, я хочу для себя сделать набор стикеров со своим любимым персонажем и отправлять его через скрипт, который имитирует картинки-стикеры. Можно попытать удачу и попробовать продать этого персонажа - чем чёрт не шутит.

Собственно, немного о персонаже

Умиляшный, открытый, добрый и коварный... Лук Лучок!)))

Об инструментах для рисования и структуре рисунка

В работе буду использовать Paint Tool SAI, мне нравится этот простой и в тоже время мощный графический редактор. Плюс - здесь есть и векторный редактор, который я так же буду использовать в работе. Цвет персонажа - это два цвета (тёмный и светлее тоном). Пример реализации работы - картинка цели:)

Размер одной картинки 512 х 512 пикселей.

План работы

  1. Проанализировать стикеры в вк, определить направление, стиль, отобрать группы "эмоций", которые отражают стикеры
  2. Параллельно с пунктом 1 подобрать различные картинки с эмоциями. Подойдут как для аниме\манги, так и для американского формата комиксов. Важны эмоции на различные черты характера, эмоциональные ситуации
  3. Совместно с пунктом 2: найти популярные безобидные мемы, попробовать их вписать в эмоции. Мем = эмоция
  4. Распределить полученные эмоции на 10 групп по 4 штуки в каждой из категорий (1 группа = 1 эмоция, которая распространилась на 4 стикера)
  5. Сделать растровые наброски каждой из эмоций
  6. Проработать "до идеального состояния" стикера
  7. Показать наборы друзьям и здесь, на смартпрогрессе, - послушать критику и оценить реакцию окружения
  8. Протестировать стикеры в вк (отправить картинки и посмотреть, как это будет выглядеть)
  9. Перевести набор в векторную графику, используя Paint Tool SAI

Всё, финиш. После этих мероприятий -- отправить в вк на суд, а в случае провала, даже не расстраиваться, наоборот - использовать их самостоятельно как стикеры:)

Goal Accomplishment Criteria

Я научилась делать таких персонажей - неоценимая инфа для будущего, а ещё попытала удачу с персонажем для стикеров ВК

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

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

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

Стикеры можно:

  • получить бесплатно (в магазине присутствуют стандартные, бесплатные наборы);
  • купить в магазине, выбрав из доступных предложений (цена на 2017 год – 63 рубля за набор из 16-ти стикеров);
  • подарить стикеры другу по такой же цене;
  • создать собственный набор.

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

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

Перед началом работы над собственными стикерами, запомните главные правила, при нарушении которых, работы модерацию не пройдут:


Как создавать стикеры

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

Какой инструмент использовать для создания стикеров

Их доступно множество. Как платных программ, так и бесплатного софта. Есть также и специальные онлайн генераторы изображений, где можно создать сносные работы. Но лучшее решение для профессиональных художников и дизайнеров, по-прежнему остается Adobe Photoshop.

Стоит последняя версия дорого, но зато у вас при тщательном изучении её возможностей будут явные преимущества:

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

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

Как научиться рисовать именно стикеры для ВК

Здесь дела обстоят примерно также. Если вбить на Ютубе запрос Как нарисовать стикеры для ВК, то появится много роликов — гайдов от художников. Они часто пользуются фотошопом. Необязательно в точности повторять все их действия, но просмотр таких видео точно поможет понять общее направление для действий.

Как узнать, понравятся ли мои стикеры людям

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

В данном уроке вы узнаете, как создать простой web знак в Фотошоп.

Окончательное изображение

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

Используемые материалы:

Шаг 1

Откройте Фотошоп и нажмите Ctrl + N , чтобы создать новый документ. Введите параметры, показанные на рисунке ниже, и нажмите кнопку OK. Включите сетку View> Show> Grid (Просмотр>Показать>Сетку) и привязку к сетке View> Snap To Grid (Просмотр>Привязка).

Для начала вам понадобится сетка через каждые 5px. Идите в Edit > Preferences > Guides, Grid & Slices (Редактирование>Установки>и сосредоточьтесь на разделе "сетка". В этом окне введите "5" в пункте "линия через каждые". Кроме того, установите цвет сетки #a7a7a7 .

После того, как вы установите все параметры, нажмите кнопку ОК. Не расстраивайтесь, это всего лишь сетка. Это облегчит вам выполнение данного урока.

Вы также должны открыть Панель информации Window> Info (Окно>Инфо) для предварительного
просмотра размера и положения вашей фигуры.

Шаг 2

Выберите инструмент Polygon Tool (Многоугольник) и сосредоточьтесь на верхней панели. Введите 25 в поле "стороны", затем нажмите на маленькую черную стрелку, чтобы открыть меню параметров многоугольника.

Проверьте, что галочки стоят на всех трех пунктах, затем введите 100px в поле "радиус" и 20% в поле "глубина лучей". #c7a069 и создайте фигуру, как показано на следующем изображении.

Шаг 3

Включите сетку и привязку к ней. Для этой текстуры нам необходима сетка через каждые 1px. Идите в Edit > Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе "сетка". В этом окне введите "1" в пункте "линия через каждые".

Затем перейдите на панель слоёв и удалите слой "Background". Установите цвет переднего плана на чёрный и выберите инструмент . Создайте два векторных контура размером 2 на 2px, как показано на изображении ниже.

Теперь, просто перейдите в меню Edit> Define Pattern (Редактирование>Определить текстуру) . Выберите имя для вашей текстуры и нажмите кнопку ОК, текстура готова. Закройте этот документ и вернитесь к основному.

Шаг 4

Вернитесь в раздел "Линия через каждые 5px". Идите в Edit > Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе "сетка". В этом окне введите "5" в пункте "линия через каждые".

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

Введите параметры, показанные на следующем изображении, для стилей слоя . Нажмите кнопку ОК. В разделе Pattern Overlay (Наложение текстуры) используйте текстуру, созданную в предыдущем шаге.

Шаг 5

Установите цвет переднего плана на #855f37 , выберите инструмент Ellipse Tool (Эллипс) , создайте круг, размером 120px и поместите его, как показано на первом изображении. Убедитесь в том, что эта новая векторная фигура остается выделенной, продолжайте с помощью инструмента Ellipse Tool (Эллипс), проверьте активность кнопки Subtract (Вычесть) на верхней панели и нарисуйте круг, размером 70px, как показано на втором изображении.

Шаг 6

Откройте окно Стилей слоя для векторной фигуры, созданной в предыдущем шаге, и введите параметры, показанные на изображениях для.


Шаг 7

Установите цвет переднего плана на #c7a069 , выберите Ellipse Tool (Эллипс) , создайте круг, размером 70px и поместите его, как показано на первом изображении. Убедитесь в том, что эта новая векторная фигура остается выделенной и переключитесь на инструмент Rectangle Tool (Прямоугольник) .

Проверьте активность кнопки Add (объединить фигуры) в верхней панели и создайте прямоугольник, размером 270 на 40px, как показано на втором изображении.

Шаг 8

Убедитесь, что векторная фигура, созданная в предыдущем шаге, все еще активна. Выберите

Переключитесь на Convert Point Tool (Угол) и нажмите на обе опорные
точки. Далее, вам необходимо переместить эти новые опорные точки.
Выберите инструмент Direct Selection Tool (Стрелка) , выберите левую опорную точку и переместите ее на 25px вправо, затем выберите правую опорную точку и переместите её на 25px влево. В итоге ваша векторная фигура должна выглядеть, как на третьем изображении.

Тень, Внутренняя тень, Внутреннее свечение, Тиснение/Скос, Наложение узора, Обводка .

Шаг 9

Установите цвет переднего плана на #855f37 , выберите инструмент Rectangle Tool (Прямоугольник) , создайте векторную фигуру, размером 240 на 30px и поместите её, как показано на первом изображении. Выберите Add Anchor Point Tool (Добавить узловую точку) и добавьте две новые опорные точки, как показано на первом изображении.

Переключитесь на Convert Point Tool (Угол) и нажмите на обе опорные точки.

Выберите инструмент Direct Selection Tool (Стрелка ) , выберите левую опорную точку и переместите ее на 15px вправо, затем выберите правую опорную точку и переместите ее на 15px влево. В итоге ваша векторная фигура должна выглядеть, как на третьем изображении.

Шаг 10

Убедитесь в том, что векторная фигура, созданная в предыдущем шаге, остается выделенной. Выберите Ellipse Too l (Эллипс), проверьте активность кнопки Subtract (Вычесть переднюю фигуру) на верхней панели и нарисуйте круг, размером 70px на 70px, как показано на первом
Откройте окно Стилей слоя для этой фигуры и введите параметры, показанные на следующих изображениях для Тень, Внутренняя тень, Внутреннее свечение .

Шаг 11

Установите цвет переднего плана на #c7a069 , выберите инструмент Type Tool (Текст) и добавьте надпись "PREMIUM", как показано на первом изображении.

Используйте шрифт MoolBoran, размером в 15pt. Выделите этот фрагмент текста и перейдите в Edit> Transform> Warp(Редактирование>Трансформирование>Деформация). Выберите "дугу" в деформации из раскрывающегося меню, введите 65 в окне "изгиб" и нажмите Enter.

Шаг 12

Откройте окно Стилей слоя для текста, созданного в предыдущем шаге, и введите параметры, показанные на следующем изображении.

Переместитесь на панель слоев, щелкните правой кнопкой мыши на этой части текста и нажмите "Скопировать стиль слоя".

Шаг 13

Выберите инструмент Type Tool (Текст) и добавьте надпись "QUALITY", как показано на следующем изображении. Опять же, используйте шрифт MoolBoran, размером в 15pt.
Выделите этот фрагмент текста и перейдите в Edit> Transform> Warp (Редактирование>Трансформирование>Деформация)

Выберите "дугу" в деформации из раскрывающегося меню, введите -50 в окне "изгиб" и нажмите
Enter.

Переместитесь на панель слоев, щелкните правой кнопкой мыши на этой части текста и нажмите "Вставить стиль слоя".

Шаг 14

Выберите инструмент Type Tool (Текст) и добавьте надпись "MONEY BACK " дважды, как показано на следующем изображении.

Используйте шрифт MoolBoran при установленном размере в 13pt. Кроме того, установите интерлиньяж в 10pt и трекинг в 350.

Щелкните правой кнопкой мыши на этих фрагментах текста и нажмите "Вставить стиль слоя".

Шаг 15

Выберите инструмент Type Tool (Текст) , добавьте надпись "100" и символ процента, используйте параметры, показанные на первом изображении.

Выделите обе части текста и конвертируйте их в смарт-объект.

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

Окончательное изображение

Вот как должен выглядеть ваш окончательный результат.

Стикер - это английское слово, которое на русский язык переводится как "наклейка". Так что можно использовать оба названия, смысл будет один и тот же. С наклейками каждый знаком с детства, и все знают, что они представляют собой цветные картинки на разные темы. Их коллекционировали, ими обменивались.

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

История возникновения и способы использования

Для начала стоит рассказать о напечатанных стикерах. Они появились в Америке в 80-х годах. Первые самодельные стикеры были из почтовых наклеек, на которых было достаточно пустого места, чтобы или сделать надпись. После чего их вырезали и наклеивали.

В современном мире наклейки используются для разных целей. Их печатают и используют для брендирования товаров или просто для любителей клеить всюду цветные картинки.

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

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

Стикер-арт

Кстати, существует художественное наклеивание, так называемый стикер-арт, или стикер-бомбинг. Суть в том чтобы заклеить (или "забомбить") стикерами игровой джойстик, ноутбук или даже автомобиль. Возможно, поначалу это делалось, чтобы замаскировать что-то, но позже переросло в целое направление в искусстве.

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

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

Стикеры в социальных сетях

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

Самые первые стикеры появились в японском мессенджере LINE в 2011 году. Это были два простых персонажа - кролик Кони и медведь Браун. Они мгновенно завоевали сердца пользователей. Со временем стали появляться и другие герои. Теперь стикеры можно встретить в популярных Telegram, Viber, "Одноклассниках", Facebook, "ВКонтакте" и так далее. К слову сказать, в Facebook они бесплатные и их там огромное количество.

У многих слово стикер ассоциируются с сетью "ВКонтакте". Там они стали использоваться с 2014 года. Эта социальная сеть очень активно популяризирует свои стикерпаки. Есть несколько бесплатных наборов, но большая часть платные. Там появляются тематические наборы, приуроченные к событиям (к Дню космонавтики, чемпионату по футболу) или для привлечения внимания к новым функциям. К ним относится стикер "Лис", нарисованный специально для ознакомления пользователей с новым разделом "Истории".

Стикеры для Telegram

Мессенджер "Телеграмм" становится все более популярным. Это ресурс, созданный для общения, в нем широко используются стикеры. Любой человек может сделать и добавить туда свои собственные. Они будут доступны всем пользователям. К примеру, можно нарисовать стикеры кота. Как показывает практика, котиков любит большинство людей.

Размещаемые картинки должны соответствовать основным критериям. Их размер должен быть строго 512х512 пикселей, формат PNG, на белом, а лучше всего на прозрачном фоне, вес не должен превышать 350 Кв.

Как их добавить в Telegram?

Если вы разобрались с тем, как нарисовать стикер и у вас уже есть несколько готовых, отправляйте их в "Телеграмм" и делитесь с друзьями. Для этого вам необходимо сделать следующее. Найдите бота в контактах, который обозначается как @Stickers. Он подробно объяснит порядок ваших действий. Вы увидите набор команд для работы. Команда newpack предложит вам придумать и ввести название для своего стикерпака. После чего вы должны выбрать и добавить смайл, который больше всего соответствует вашей первой картинке, и прикрепить эту картинку. И так по порядку для всех изображений. После того как все картинки загружены, можно их опубликовать с помощью команды publish. Еще раз введите короткое название для своего набора и получите ссылку, по которой он будет доступен для загрузки.

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

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

Как нарисовать стикер и какие редакторы использовать?

На сегодняшний день существует масса графических редакторов и приложений, которые предоставляют возможность художникам и дизайнерам создавать свои авторские стикеры. Самые удобные программы - это Adobe Photoshop, Illustrator, Paint Tool SAI, Manga Studio. В основном такие картинки рисуют в векторе, используя яркие и броские цвета.

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

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

Как нарисовать стикеры в "Фотошопе"?

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

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

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

Как продать свои стикеры в интернете?

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

Можно попробовать предложить свои картинки администрации "ВКонтакте". Они должны соответствовать эмоциям или быть яркими и легко понимаемыми. Если их одобрят, то вам предложат сотрудничество. Также "ВКонтакте" иногда бывают конкурсы стикеров, в которых может поучаствовать любой желающий.

Ситуация такая. Есть заказ на мультик, сложный и довольно таки не короткий. Я нарисовал одну серию-всего 7 (см. вложенный файл-там без звука-звук даёт заказчик). Заказчика вроде всё устроило, кроме самого персонажа (человека) и персонажа телефонов(ли

Создание 2-D мультика

Добрый день! Нужно нарисовать мультик с озвучкой по сценарию. Вот пример: Как запихнуть слона в разетку: http://fishki.net/comment.php?id=13837 Для детального разговора присылайте портфолио!)) предложения присылайте по адресу: *** С уваж

Анимационный мультфильм. флеш.

Москва. Нужно нарисовать мультик на флеше. До 2ух минут 1-30 - 2-00 как получится. Сценарий есть. Симпотишный дизайн персонажей, около 4-5 смен места действия. Нам нужно недорого, лучше сократить прорисовку но оставить логику повествования. Бюджет х

Нарисовать мультфильм

Нужно нарисовать мультфильм под текст песни. С возможностью (желательно) если мне что-то не понравится - переделать. В приложении текст песни и что нужно рисовать В углу надпись с адресом сайта http://vitashok.com/

Анимация как в игре "Мортал Комбат"

Анимация как в игре "Мортал Комбат" (см. фото) С вас ссылки на портфолио и ваши цены. Это обязательно. Все предложения сюда, предложения скрыты. Просьба в приват и аську не писать, кто напишет сразу отклоню:)

Несколько простых Flash роликов.

Создание интерактивной анимации "Вспомним детство!" Объектами вашей анимации может быть всё что угодно: солнце, дождь, цветок с лепестками–кнопками и т.д. Чтобы нарисовать падающий дождь (снег, листья и т.п.), вы создаете символ капли (снеж...

Нарисовать и анимировать 3д персонажа во флеш

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