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

Создаем в Adobe Illustrator стикеры для iMessage и зарабатываем деньги!

Russian (Pусский) translation by Dark Wood (you can also view the original English article)

Возможно вы заметили повальное увлечение стикерами для iMessage, которые были введены в iOS 10. Благодаря этому уроку сможете нарисовать свои стикеры, которые можно использовать вместо предустановленных вариантов, и продать их.

Стикеры iMessage — это крутой и веселый способ выражения своих мыслей и мнения. Для этого достаточно просто выбрать подходящий и вставить в чат!

Если вы задумывались над тем, как же они создаются, то в данном уроке узнаете это. Начнем мы с эскиза стикеров, которые затем отрисуем линиями и фигурами в Adobe Illustrator, которые, в свою очередь, потом раскрасим. После этого вкратце познакомимся с iTunes Connect и Xcode, благодаря которым и запустим свой набор стикеров для iMessage в продажу на App Store.

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

Видео:Рисуем стикеры в Adobe Illustrator | уроки для новичковСкачать

Рисуем стикеры в Adobe Illustrator | уроки для новичков

1. Придумываем концепцию и подготавливаем файл со стикерами для отрисовки в Adobe Illustrator

Шаг 1

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

Итак. Начинаем с наброска идеи на бумаге или в цифровом виде.

Я нарисовал 12 «стикеров» с представителями ливанской кухни. Каждый из них я для удобства назвал соответствующим именем.

В оригинальный набор входит 24 стикера, но для урока я покажу лишь 12.

Эти 12 элементов будут распределены по сетке 4×3 как показано ниже.

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

Когда набросок будет готов, отсканируйте его, чтобы чуть позже перенести в Adobe Illustrator.

Шаг 2

Запустите Adobe Illustrator CC .

Командой File> New ( Ctrl+N) создайте новый документ с профилем Custom:

Название: «Lebanese_Food_iMessage_Stickers».

  • Количество артбордов: 12 (зависит от количества стикеров; по одному артборду на стикер)

Сами стикеры могут иметь три размера:

  • Маленький: 300×300 пикселей
  • Средний: 408×408 пикселей
  • Большой: 618×618 пикселей

Я буду работать с размером 618×618. Соответственно настройки нового документа изменятся так:

  • Столбцов: 4
  • Ширина: 618 пикселей
  • Высота: 618 пикселей
  • Единицы измерений: пиксели
  • Цветовой режим: RGB
  • И нажмите кнопку Create Document

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

Шаг 3

Командой Place (Shift+Ctrl+P) добавьте набросок в документ и расположите его так, чтобы рисунки соответствовали каждый своему артборду.

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

Теперь нам необходимо создать слой, на котором будем рисовать лайн-арт.

Откройте панель Layers (Window> Layers).

Создайте на панели Layers новый слой:

  1. Название: Sketch
  2. Заблокируйте (Lock) его
  3. Ослабить изображение (Dim Images to): 20%
  4. OK

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

После блокировки слоя «Sketch«, создайте новый слой, который именуйте «Linework» и расположите выше «Sketch«.

Командой File> Save (Ctrl+S) сохраните файл.

Видео:Как сделать свои стикеры? | Подготовка стикеров к печати.Скачать

Как сделать свои стикеры? | Подготовка стикеров к печати.

2. Рисуем лайн-арт

Шаг 1

Но прежде чем начать, необходимо сделать некоторые приготовления.

Откройте панель Brushes (Window> Brushes).

Инструментом Ellipse Tool (L) нарисуйте небольшой овал с черной заливкой и без обводки.

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

Шаг 2

Перенесите этот овал на панель Brushes.

В появившемся диалоговом окне New Brush выберите пункт Art Brush, после чего нажмите OK.

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

Откроется окно настройки кисти (Art Brush Options).

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

В том же окне Art Brush Options задайте следующие параметры:

  • Ширина (Width): Pen Pressure
  • Параметры масштаба кисти (Brush Scale Options): Stretch to Fit Stroke Length
  • Параметры окраски (Colorization Method):Tints; это позволит нам изменять цвет кисти в будущем
  • Нажмите кнопку OK

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

Теперь, когда кисть готова, удалите оригинальный овал.

Мы получили искомую кисть, чувствительную к нажатию!

Шаг 3

Можно переходить к отрисовке наброска.

  1. Откройте панель Stroke (Windows> Stroke).
  2. На панели Brushes выделите созданную чуть ранее кисть.
  3. Активируйте PaintbrushTool (B) на панели инструментов.
  4. На панели Stroke задайте обводке толщину 0,5 pt, заливку удалите.

Убедитесь, что «мазки» кистью не будут очень сглаженными. Они должны давать ощущение нарисованных вручную. Сделать это можно дважды кликнув по Paintbrush Tool (B) на панели инструментов. Откроется диалоговое окно Paintbrush Tool Options.

Установите ползунок Fidelity на вторую слева позицию.

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

Шаг 4

Начнем отрисовку инструментом Paintbrush Tool (B).

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

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

Когда лайн-арт будет готов, заблокируйте слой «Linework» на панели Layers.

Создайте новый слой выше «Linework«. Назовите его «Color«. На нем мы будем, собственно, раскрашивать наш лайн-арт.

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

Обязательно сохраните файл (команда File> Save (Ctrl+S)).

Видео:КАК СОЗДАТЬ СТИКЕР В ADOBE ILLUSTRATOR. УРОК ДЛЯ НАЧИНАЮЩИХ.Скачать

КАК СОЗДАТЬ СТИКЕР В ADOBE ILLUSTRATOR. УРОК ДЛЯ НАЧИНАЮЩИХ.

3. Раскрашиваем стикеры

Шаг 1

На панели инструментов активируйте Blob Brush Tool (Shift+B). Blob Brush очень похожа на маркер.

Теперь просто назначайте обводке желаемый цвет (убедитесь в отсутствии заливки) и раскрашивайте иконки.

  • Совет: быстро уменьшать размер Blob Brush Tool можно клавишей «открывающая квадратная скобка» ([), увеличивать — «закрывающая квадратная скобка» (]).
  • Наряду с Blob Brush Tool (Shift+B) используйте и Eraser Tool (Shift+E), которым можно стереть лишнее.

«Окраска», как и вся работа, не должна быть идеальной.

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

Как вы видите при помощи Blob Brush Tool можно добиться многого, просто изменяя ее размер и цвет. Ко всему прочему, это еще и быстро.

Таким же образом раскрасьте остальные стикеры.

Шаг 2

В процессе раскрашивания некоторые объекты будут нуждаться в упорядочивании (Arrange). Чтобы ускорить процесс, используйте следующие клавиатурные сокращения:

  • Arrange> Bring to Front (Shift+Ctrl+]) — отправить на самый передний план
  • Arrange> Bring Forward (Ctrl+]) — отправить на передний план (один шаг)
  • Arrange> Send Backward (Ctrl+[) — отправить на задний план (один шаг)
  • Arrange> Send to Back (Shift+Ctrl+[) — отправить на самый задний план

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

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

Шаг 3

Почистим наши артборды.

  1. На панели Layersразблокируйте слой «Linework«.
  2. Удалите слой «Sketch«, просто перетащив его на иконку мусорной корзины на панели Layers.
  3. Инструментом Selection Tool (V) выделите лайн-арт и окраску каждой иконки.
  4. Сгруппируйте (Ctrl+G) их. Полученная группа автоматически переместиться на слой «Linework«.
  5. Каждую иконку центрируйте по своей монтажной области.

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

Увеличьте иконки, оставив совсем небольшой отступ от границ артборда. Чтобы соблюсти пропорции, удерживайте в процессе клавишу Shift.

Когда размеры всех иконок будут изменены, удалите слой «Color«, так как он пуст.

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

File> Save (Ctrl+S).

Видео:Как сделать стикеры для Telegram и ВК в Adobe IllustratorСкачать

Как сделать стикеры для Telegram и ВК в Adobe Illustrator

4. Экспортируем иконки

Шаг 1

Экспортируем файл командой Export for Screens (File> Export> Export for Screens).

  1. Формат: PNG.
  2. Кликнув по иконке Advanced Settings, укажите место сохранения файлов, а также задайте масштаб (Scale) 1x.
  3. Цвет фона (Background Color): Transparent.
  4. Export Artboard.

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

Шаг 2

У вас есть два варианта для размещения стикеров: использовать сторонний магазин вроде LINE Creators Market или сделать это самостоятельно при помощи аккаунта Apple Developers.

Я вам расскажу как открыть аккаунт на Apple Developers, который стоит $100 в год. Процесс подачи заявки прост, а ее одобрение происходит быстро. Учтите, что вам необходимо войти в iTunes Connect и задать определенные настройки в разделе Tax and Banking, если вы планируете продавать свои стикеры (для бесплатных наборов этого не требуется).

Более подробно данная информация изложена в iTunes Connect Developer Guide. Обязательно ознакомьтесь с ним.

Шаг 3

Для генерации стикеров вам потребуется Xcode.

Скачайте версию Xcode 8 непосредственно из Mac App Store и установите ее.

Шаг 4

Загрузим стикеры в Xcode. Делается это так:

Запустите Xcode.

Залогиньтесь в Xcode, используя ваш Apple ID.

Preference> Account> Sign in.

  1. Создайте новый проект Xcode.
  2. Выберите шаблон Sticker Pack Application.
  3. Нажмите Next.
  4. В поле Product Name введите название набора стикеров. В моем случае это: «Lebanese Food«.
  5. Также заполните поля Team, Organization Name и Identifier(com.yourcompany.ProductName).
  6. Нажмите Next.
  7. Командой Stickers.xcstickers> Sticker Pack укажите папку, в который находятся стикеры, и затем перетаскиванием добавьте их в программу.

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

Шаг 5

Теперь загрузим иконки для iMessage App.

Укажите родительскую папку для директории «Sticker Pack«.

Выберите одно изображение из набора, которое станет иконкой приложения (App Icon), и в Adobe Photoshop конвертируйте его в JPG с белым фоном. Переименуйте этот файл: «Lebanese_Food_App_Icon.jpg«.

Всего нам понадобится 12 иконок для Xcode и 1 для iTunes Connect. Чтобы облегчить задачу генерации иконок, посетите сайт MakeAppIcon.

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

Скачать их можно будет непосредственно из пришедшего письма.

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

Скачанные изображения добавьте в Xcode, просто перетащив их.

После загрузки картинок в Xcode должно получится примерно так:

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

Видео:5 способов сделать вектор интереснееСкачать

5 способов сделать вектор интереснее

5. Настраиваем и регистрируем стикеры

Шаг 1

Теперь стикеры необходимо протестировать («Test the Build») в Xcode, чтобы они смотрелись хорошо в реальном использовании. Для этого вы можете использовать Xcode Simulator или просто запустить их на собственном устройстве. Вам необходимо:

  1. В секции Set the Active Scheme укажите своё мобильное устройство.
  2. Нажмите кнопку Run.

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

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

Чтобы протестировать стикеры в Xcode Simulator, щелкните по кнопке Run. Выглядит отлично!

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

Изменить размер отображаемых в iMessage стикеров можно на панели справа, как показано ниже.

Размеры «Medium» или «Small» работают хорошо.

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

В завершение для стикеров необходимо зарегистрировать App ID.

Шаг 2

Войдите в свой аккаунт Apple Developer. Для регистрации App ID сделайте следующее:

  1. В меню Account> Identifiers> App ID> нажмите на +
  2. Укажите требуемые данные и нажмите Register

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

Шаг 3

Наконец, экспортируем и загрузим (Export & Upload) наш «набор» в iTunes Connect.

Вернитесь в Xcode.

  1. В меню Set the Active Scheme выберите пункт «Generic iOS device«.
  2. Выделите папку «Stickers.xcstickers» и при помощи команды Product> Archiveархивируйте набор.

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

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

Если с «набором» всё хорошо, то вам нужно загрузить его в iTunes Connect для рассмотрения (Review).

Для этого нажмите кнопку Upload to App Store. Вот мы и загрузили стикеры в iTunes Connect. Через несколько минут они появятся в вашем аккаунте iTunes Connect.

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

Шаг 4

Пришло время добавить стикеры в App Store!

В iTunes Connect:

  1. Выберите пункт My Apps
  2. Далее нажмите +> New App и укажите «набор«, который мы загрузили ранее.

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

  1. Выберите платформу iOS.
  2. Название:Lebanese Food.
  3. Укажите язык (Language) и Bundle ID.
  4. Создайте уникальный идентификатор (SKU) «eg.location.com.bundle_title».
  5. Создать (Create)!

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

В разделах App information и Pricing & Availability с левой панели укажите описание приложения, язык, категории и цену. Не буду вдаваться в подробности, потому что там и так всё понятно. Выглядеть же оно будет так:

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

Шаг 5

При помощи Xcode Simulator и Adobe Photoshop сделайте несколько скриншотов своего набора. Загрузите их в iTunes Connect, чтобы показать пользователям примеры реального использования в iMessage. Сделайте 5 скриншотов для iPhone с дисплеем 5,5 дюймов (1242×2208 пикселей). Остальные размеры будут сгенерированы автоматически.

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

Наконец, нажмите кнопку Submit for Review.

Теперь вам нужно несколько дней подождать принятия вашей заявки.

Пока же стикеры находятся на рассмотрении, вы можете при помощи TestFlight рассылать вашим фанатам тестовые приглашения (Test invitations), давая им возможность пользоваться стикерами бесплатно в течение 60 дней. Или вы можете использовать это время, чтобы уточнить в Apple про налоги, договор о продажах, сертификаты и банковские реквизиты.

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

Видео:Как подготовить стикеры к печати? Растр и вектор (Туториал 3/3)Скачать

Как подготовить стикеры к печати? Растр и вектор (Туториал 3/3)

Поздравляю! Наш набор стикеров «Lebanese Food» для iMessage готов!

Надеюсь, вам понравился этот урок. Дизайн стикеров — это весело, особенно если вы можете заработать на этом!

Приобрести полный набор стикеров «Lebanesy Food» можно на iTunes.

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

Видео:Как подготовить стикеры (наклейки) к печати в Adobe Illustrator?Скачать

Как подготовить стикеры (наклейки) к печати в Adobe Illustrator?

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

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

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

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

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

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

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

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

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

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

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

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

Видео:Как сделать контур для стикеров в Adobe Illustrator за 5 минутСкачать

Как сделать контур для стикеров в Adobe Illustrator за 5 минут

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

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

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

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

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

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

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

Видео:СОЗДАЁМ и ДОБАВЛЯЕМ СВОИ СТИКЕРЫ ДЛЯ ТЕЛЕГРАМ и INSTAGRAM. Урок в ADOBE ILLUSTRATORСкачать

СОЗДАЁМ и ДОБАВЛЯЕМ СВОИ СТИКЕРЫ ДЛЯ ТЕЛЕГРАМ и INSTAGRAM. Урок в ADOBE ILLUSTRATOR

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

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

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

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

Видео:КАК ПЕРЕВЕСТИ ЛЮБОЕ ИЗОБРАЖЕНИЕ ИЗ РАСТРА В ВЕКТОР в ADOBE ILLUSTRATOR? ТРАССИРОВКА. ПРИМЕРЫСкачать

КАК ПЕРЕВЕСТИ ЛЮБОЕ ИЗОБРАЖЕНИЕ ИЗ РАСТРА В ВЕКТОР в ADOBE ILLUSTRATOR? ТРАССИРОВКА. ПРИМЕРЫ

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

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

Видео:Рисуем стикеры в Adobe Illustrator | уроки для новичковСкачать

Рисуем стикеры в Adobe Illustrator | уроки для новичков

Настраиваем инструмент Карандаш (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.

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

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

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

Видео:Особенности создания стикеров. Создание ровной обводки в Adobe Illustrator | Graphic HackСкачать

Особенности создания стикеров. Создание ровной обводки в Adobe Illustrator | Graphic Hack

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

  • 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, которое появляется при нажатии на изображение скрепки.

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

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

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

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

Видео:Как сделать макет наклеек из растровой иллюстрации?Скачать

Как сделать макет наклеек из растровой иллюстрации?

Стикеры. Как подготовить макет для печати и плотеррной резки.

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

Как сделать стикеры в векторе
Важно учесть, что большинство типографий назначает цену за печать не из расчета количества наклеек, а из расчета расхода материала, как правило – это метр квадратный. То есть, в большинстве случаев, если у вас будет одна наклейка размером 10 мм * 10 мм, платить придется как за метр. Поэтому размер монтажной области нужно создать 1000 мм * 1000 мм (либо 500 мм * 500 мм как вариант).
На этом квадратном метре, можно расположить свои стикеры (наклейки), при чем они могут быть совершенно разного размера и формы, а также текст.

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

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

Как сделать стикеры в векторе
2. Помещаете изображение на монтажную область. Если необходимо, чтобы вокруг вашей наклейки был белый контур с отступом, тогда нужно его создать. Для этого копируете свой объект – в окне «Обработка контуров» нажимаете на кнопку «соединение» (если в вашей иллюстрации использованы такие объекты как «сетка градиента», неразобранные кисти, то данная команда не сработает и вероятно придется обводить контур с нуля, кстати, то же самое придется делать, если вы решили использовать растровое изображение (обводить контур с нуля).

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

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

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

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

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

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

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

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

Поэтому текст необходимо дополнительно обработать.
Выделить текст – в окне «Обработка контуров» нажать на “Соединение”. Результат будет как на картинке.

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

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

Так выглядят буквы в режиме просмотра контуров Ctrl+Х.

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

Результат должен получиться таким:

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

3. Далее нам необходимо расположить все изображения вместе с контурами по монтажной области.
Чтобы создать макет для режущего плоттера заходим в инструмент «Монтажная область», смотрим, чтобы кнопка «переместить копировать» была нажата. Далее делаем копию монтажной области (зажимаем клавишу альт на монтажной области, видим двойную стрелку и перетаскиваем монтажную область).

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

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

🔍 Видео

Как перевести фотографию в вектор в Adobe illustrator | Трассировка изображения в иллюстратореСкачать

Как перевести фотографию в вектор в Adobe illustrator | Трассировка изображения в иллюстраторе

Рисуем стикер в программе adobe illustration!!! #illustrator #drawing #tutorial #векторСкачать

Рисуем стикер в программе  adobe illustration!!! #illustrator #drawing #tutorial #вектор

Как я рисую в векторе в Adobe FRESCO на iPad Pro, видео специально для АленыСкачать

Как я рисую в векторе в Adobe FRESCO на iPad Pro, видео специально для Алены

Как сделать логотип в векторе в фотошопеСкачать

Как сделать логотип в векторе в фотошопе

Вот так легко можно самому сделать стикеры ✨ #bulletjournal #ежедневник #планерСкачать

Вот так легко можно самому сделать стикеры ✨ #bulletjournal #ежедневник #планер

Вектор для стокеров - КАК СОЗДАТЬ СТИКЕРЫ?Скачать

Вектор для стокеров - КАК СОЗДАТЬ СТИКЕРЫ?
Поделиться или сохранить к себе: