Статьи

Как создать стикеры Emoji iMessage для женщин-халидзи в Adobe Illustrator

Конечный продукт
Что вы будете создавать

Любите использовать смайлики? Теперь вы можете научиться делать самостоятельно!

Мы все используем смайлики / эмодзи (значки эмоций) в наших чатах, приложениях и онлайн-комментариях. Emojis — очень интересный способ показать наши чувства без слов. Хотя многие приложения предлагают бесплатные смайлики, вы не должны ограничиваться только ими. Создайте свой собственный!

Сегодня вы шаг за шагом узнаете, как настроить и спроектировать небольшой набор смайликов халидзи. Мы будем работать с основными инструментами Adobe Illustrator и ярлыками, чтобы создать персонажа женского пола с различными выражениями, и перейдем к использованию Xcode для экспорта изображений.

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

Во-первых, нам нужно набросать нашего персонажа.

Общие «красоты» черты, которыми ближневосточные женщины генетически наделены, но не ограничиваются ими:

  • полные брови
  • большие глаза с кольцами и завитые ресницы
  • оливковый цвет лица
  • пухлые губы
  • густые волосы

Помните об этом и нарисуйте «неэмоциональное» женское лицо, и добавьте хиджаб, чтобы она выглядела «Халиджи» (из Персидского залива).

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

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

Эскиз Khaleeji женщина Emoji Выражения Мисс Чатц

Настройте новый документ ( Command-N):

  • Количество артбордов: 1
  • Ширина: 618 пикселей
  • Высота: 618 пикселей
  • Единицы измерения: пиксели
  • Цветовой режим: RGB
Создать новый документ

Используйте ярлык « Поместить» ( Command-Shift- P ) и поместите эскиз. Затем заблокируйте ( Command-2 ) эскиз вниз, чтобы мы могли начать трассировку сверху.

Разместить ярлык Начальный эскиз Emoji

Давайте начнем отслеживать, рисуя глаза.

Выберите Ellipse Tool (L) , на панели инструментов .

  1. С помощью инструмента «Эллипс» (L) создайте радужную оболочку — коричневый #7C3722 круг размером 60 x 60 пикселей ( #7C3722 ) .
  2. Нарисуйте зрачок глаза, коричневую ( #351105 ) заливку размером 40 х 40 пикселей и поместите его над радужной оболочкой.
  3. Используя Ellipse Tool (L) , создайте два блика отражения глаза: один повернут 26 х 17 пикселей и 14 х 14 пикселей ( #FFFFFF ) заполнить круг.
Инструмент для рисования эллипсом Iris Pupil Glare

Затем с помощью инструмента «Выделение» ( V ) выберите все четыре эллипса и сгруппируйте их ( Command-G ).

На панели « Инструменты» выберите инструмент «Перо» ( P ) и с помощью ( #FFFFFF ) белая заливка, нарисуйте «склеру» — белизну глаза.

  1. Object > Arrange > Send Backward ( Command- [ ), чтобы расположить его позади фигур зрачка.
  2. Затем скопируйте (Command-C) .
  3. И вставьте перед (Command-F).
  4. Object > Arrange > Bring Forward ( Command-] ), чтобы расположить его перед фигурами зрачка.

Нам нужно создать обтравочную маску для учеников.

Инструмент Pen Copy Sclera перенести вперед отправить назад

С помощью инструмента «Выделение» ( V ) выберите группу «склера + зрачок», « Объект» > « Обтравочная маска» > « Создать» ( Command-7 ).

Теперь ученики в масках.

Клип Маска Зрачок глазами Эмодзи

Используя Pen Tool (P) , нарисуйте верхнее / нижнее веко, тени для век, ресницы, брови и румянец щеки, с черным штрихом и нулевой заливкой.

Цвет заливки:

  • Брови #893A28
  • Тени для век и нижнее #CC6E4A
  • Ресницы #000000
  • #B5D7EA
  • Щеки Затенение #FFB7A6

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

Чтобы переместиться выше или ниже, выберите «Объект»> «Расположить»> «Переместить на передний план» (Shift-Command-]) или « Объект»> «Расположить»> «Отправить на задний план» (Shift-Command- [) .

Для всего одного шага назад или вперед, Object> Arrange> Send Backward ( Command- [) или Forward (Command-]). Object> Arrange> Bring Forward.

Цвет Заполнить Объект Аранжировать Принеси спереди Назад

Откройте панель « Прозрачность» : « Окно»> «Прозрачность».

Выберите форму оттенка голубого глаза и задайте для нее режим « Умножение: смешивание» на панели « Прозрачность» .

Затем выберите форму щеки и задайте для нее режим Multiply: Blending Mode .

Эффект > Стилизация > Перо : Радиус: 13px .

Прозрачность панели режима смешивания, радиус умножения

Сгруппируйте все формы глаз вместе ( Command-G ).

Нам нужно создать симметричные глаза. Используйте инструмент «Выделение» (V) и выберите группу глаз, оттенок щеки и брови. Возьмите инструмент отражения (O) и установите синюю центральную контрольную точку над носом; Option-Shift-Drag и отпустите, чтобы отразить в положение.

зеркало группы глаз симметричное отражение

Давайте проиллюстрируем остальные функции смайликов. Используйте Pen Tool (P) и обведите остальные части эскиза.

Инструмент Pen Trace Emoji Иллюстрация учебник

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

Помните, что для перемещения выше или ниже: « Объект»> «Расположить»> «Переместить на передний план» (Shift-Command-]) или « Объект»> «Расположить»> «Отправить на задний план» (Shift-Command- [ )) и просто сделать шаг назад или вперед, « Объект»> «Расположить»> Отправить назад ( команда- [) или вперед (команда-]).

цвет заливки фигуры халидзи женщина эмодзи

Объект> Разблокировать все ( Command-Alt-2 ) и удалите эскиз. Настройте и очистите иллюстрацию с помощью инструмента прямого выбора ( A ).

Прямой инструмент выбора Tweak illustration

Выберите форму лица, Object > Path > Offset Path: Offset — 4px

Затем выберите и придайте внешнему лицу более темный цвет кожи.

Путь смещения объекта

Выберите фигуру хиджаба, « Объект» > « Путь» > « Путь смещения»: смещение 5 пикс. и придать новой внешней форме черную заливку.

Теперь у нас есть начальный эмодзи.

путь смещения объекта хиджаб черный

Файл> Сохранить ( Command- S) .

Наш следующий шаг — продублировать артборд, чтобы сохранить основные функции эмодзи. Перейдите в Окно> Артборды . Выберите выпадающее меню и Duplicate Artboards . Дублируйте это девять раз.

дубликаты панели артбордов

Затем в подменю панели «Артборды» выберите « Переупорядочить артборды» :

  • Макет: Сетка по строке
  • Колонны: 3
  • Расстояние: 20 пикселей
переставить монтажные области по расстоянию между колонками

Теперь, когда наши артборды установлены, мы можем начать рисовать эмоции.

Первая эмоция артборда: «О!»

  • Удалить губы и брови.
  • Затем выберите Pen Tool ( P ) и нарисуйте «O» губы и наклонные брови эмоции: O
O Oh emomoi ручка инструмента Иллюстрация инструмента

Выберите каждую новую фигуру с помощью инструмента « Выделение» ( V ) и используйте инструмент «Пипетка» ( I ), чтобы выбрать соответствующего партнера, чтобы придать ему тот же цвет.

Приспособление для пипетки

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

Выберите> То же> Цвет заливки и #4F2018 им цвет заливки #4F2018 .

Используйте инструмент «Выделение» ( V ), чтобы переместить маленькую точку красоты ближе к губам, и все готово к первым смайликам!

Выберите же цвет заливки Изменение заливки бровей

Артборд 2: «Расстроенный» эмодзи.

  1. Удалить брови и губы.
  2. Нарисуйте новое выражение с помощью инструмента «Перо» ( P ) и сопоставьте цвета с помощью инструмента «Пипетка» ( I ).
  3. Используйте инструмент «Выделение» ( V ), чтобы приблизить красоту к губам.
выбор инструмента пера пипетки

Артборд 3: «Злой» смайлик.

Сначала выберите брови с помощью инструмента «Выделение» ( V ) и поверните их внутрь, чтобы показать гнев. Затем нарисуйте злые губы и искры гнева с помощью Pen Tool ( P ), 1 pt , черный ход.

сердитый эмодзи вращать пент инструмент рисовать искры губы

В завершение сопоставьте цвета с помощью инструмента «Пипетка» ( I ) и выделите искрам красный цвет.

злой смайлик цвет пипетка

Артборд 4: «Шок» эмодзи.

  1. Удалить брови и губы.
  2. Нарисуйте изогнутые и изогнутые брови и открытый рот с помощью инструмента «Перо» ( P ) и сопоставьте цвета с помощью инструмента «Пипетка» ( I ).
Инструмент «Перо» Удивленный шок Emoji Инструмент «Пипетка»

Артборд 5: «Крутые» эмодзи.

Используйте Pen Tool ( P ), чтобы нарисовать прохладные солнцезащитные очки с кошачьим глазом и добавить белое отражение.

Затем, используя инструмент Direct Selection Tool ( A ), настройте губы, чтобы они выглядели более «пухлыми», и удалите темный центр губ.

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

Артборд 6: «В восторге» смайлики.

  1. Удалить глаза и темный центр губ.
  2. Нарисуйте тени для век и черные «щурящиеся» глаза с ресницами, используя Pen Tool ( P ).
  3. Используйте инструмент «Выделение» ( V ), чтобы опустить брови и слегка повернуть их прямее.
  4. Используйте инструмент «Пипетка» ( I ), чтобы подобрать цвета.
Инструмент выделения пера рисует вращать брови

Артборд 7: «хихикать», эмодзи.

  1. Удалите глаза, брови и губы.
  2. Используйте Pen Tool ( P ), чтобы нарисовать тени для век, изогнутые косые глаза с длинными ресницами, изогнутую улыбку и изогнутые брови.
  3. Используйте инструмент «Пипетка» ( I ), чтобы подобрать цвета.
  4. Используйте инструмент «Выделение» ( V ), чтобы поднять щечную тень вверх и приблизить ее красоту к рту.
выбор пера пипетка инструмент рисовать глаза брови хихикать

Артборд 8: эмодзи «Cry Me a River».

  1. Удалить глаза, брови и губы
  2. Используйте Pen Tool ( P ), чтобы нарисовать перевернутые брови, водные глаза, много слез и открытый рот.
Crying emoji Khaleeji Woman Pen Tool Draw

Затем используйте инструмент «Пипетка» ( I ), чтобы подобрать цвета, и цвет закрасьте слезы оттенками синего. Запомните ярлыки, чтобы расположить элементы сзади / спереди. Переместите красоту ближе к губам. Используйте Pen Tool ( P ) с темным оттенком кожи и нарисуйте треугольную форму под потоком слезы, чтобы слезы выглядели так, как будто они вылетают.

крик смайликов в стиле поп

Артборд 9: «В любви» эмодзи.

  1. Удалить глаза и губы.
  2. Используйте инструмент «Выделение» ( V ), чтобы повернуть концы бровей и слегка опустить их.
  3. Используйте Pen Tool ( P ) и нарисуйте два больших сердца вместо глаз, застенчивую улыбку и сердца вокруг хиджаба.
перо инструмент нарисовать сердце Любовь смайлики

Наконец, используйте инструмент «Пипетка» ( I ), чтобы подобрать цвета.

пипетка инструмент цвет сердца любовь смайлики

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

Custom Khaleeji Woman учебник по смайликам

Файл> Сохранить ( Command- S).

Файл> Экспортировать как.

Формат: выберите PNG , установите флажок « Использовать монтажные области» и « Экспорт» .

Диалоговое окно PNG появится:

  • Разрешение: экран (72 ppi)
  • Цвет фона: прозрачный
  • Нажмите ОК
экспорт смайликов Png прозрачный экран 72ppi

Теперь, чтобы сделать нашу клавиатуру Emoji.

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

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

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

Вам нужно будет настроить свою учетную запись Apple Developer (USD99 / год) и iTunes Connect. Плюс скачать Xcode.

Мы кратко пройдем через этот процесс.

Войдите в Xcode, используя свой Apple ID: Настройки> Аккаунт> Выбрать +> Войти .

  1. Создайте новый проект XCode, выберите « Sticker Pack Application» и нажмите « Далее» .
  2. Дайте вашей смайлике название продукта : « Женщина-эмодзи Khaleeji ».
  3. Заполните команду , название организации и идентификатор в соответствии с вашими данными и нажмите Далее.
создать новое приложение xcode стикер
название продукта xcode identifier организация команды

Нажмите на синюю папку Stickers.xcstickers в левой области навигации и перетащите изображения смайликов в область редактора.

Xcode стикер Emoji пакет загрузки
  1. В разделе « Установка активной схемы» выберите модель своего устройства, например iPhone7 Plus.
  2. Запустите сборку, чтобы проверить наклейки на симуляторе iMessage.
xcode установить активную схему запустить сборку

Проверьте смайлики на симуляторе.

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

Если все работает хорошо, создайте значки приложений iMessage, и вы готовы архивировать и отправлять в App Store.

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

Загрузите версию приложения размером 1536 x 1536 px на веб-страницу MakeAppIcon , и она отправит вам электронное письмо всех размеров, необходимых для всех устройств iOS.

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

XCode загрузите изображения изображений приложения MakeAppicon

Наконец, Продукт> Архив .

  • Окно> Органайзер . Вы увидите свои наклейки в левой панели.
  • Подтвердить .
  • Если все хорошо, загрузите в App Store , и он появится в вашем iTunes Connect , и вы сможете отправить его на проверку .

Когда вы будете готовы, нажмите Отправить . Вот и все!

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

Прекрасная работа! Мы проиллюстрировали пользовательский набор эмодзи Khaleeji Woman , используя основные ярлыки и инструменты Adobe Illustrator. Мы можем использовать эти простые приемы, чтобы нарисовать больший набор смайликов, чтобы поделиться ими и загрузить их в наше приложение iMessage.

Поделитесь и наслаждайтесь!

Khaleeji woman Emoji Keyboard Tutorial