So erstellen Sie Khaleeji Woman Emoji iMessage-Aufkleber in Adobe Illustrator

Was Sie erstellen werden

Liebst du Emojis? Jetzt kannst du lernen, deine eigenen zu machen!

Wir alle verwenden Emoticons / Emojis (Emotions-Icons) in unseren Messenger-Chats, Apps und Online-Kommentaren. Emojis sind eine sehr lustige Möglichkeit, unsere Gefühle ohne Worte zu zeigen. Obwohl viele Apps kostenlose Emoticons anbieten, sollten Sie sich nicht nur auf diese beschränken. Mach dein eigenes!

Heute lernen Sie Schritt für Schritt, wie Sie eine kleine Gruppe von Khaleeji-Frauenemojis einrichten und gestalten. Wir werden mit Basic arbeiten Adobe Illustrator Werkzeuge und Verknüpfungen, um eine weibliche Figur mit unterschiedlichen Ausdrücken zu erstellen und mit der Verwendung fortzufahren Xcode um die Bilder zu exportieren.

Schauen Sie sich GraphicRiver an, um sich von anderen Emoticon-Designs inspirieren zu lassen.

1. Wie man ein Emoji-Zeichenbrett skizziert und einrichtet

Schritt 1

Zuerst müssen wir unseren Charakter skizzieren.

Übliche "Schönheitsmerkmale", mit denen Frauen im Nahen Osten genetisch gesegnet sind, aber nicht darauf beschränkt sind, sind:

  • volle Augenbrauen
  • große, kohlkonturierte Augen und gelockte Wimpern
  • Oliventeintöne
  • prallen Lippen
  • dickes Haar

Denken Sie daran und skizzieren Sie ein "nicht-emotionales" weibliches Gesicht, und fügen Sie einen Hijab hinzu, damit sie "Khaleeji" (aus dem Golf) aussieht..

Verwenden Sie dann dieselbe grundlegende Gesichtsskizze und multiplizieren Sie sie, um neun verschiedene Emotionen zu veranschaulichen, die Sie mit Freunden und Familie teilen können, z. B. glücklich, verliebt, überrascht, weinend usw..

Grundsätzlich können Sie den Ausdruck ändern, indem Sie lediglich Augenbrauen, Augen und Mund der ursprünglichen Skizze ändern. Sehen Sie sich an, wie ich meine Emoji-Gefühle verändert habe.

Schritt 2

Einrichten Neues Dokument (Befehl-N): 

  • Anzahl der Zeichenflächen: 1
  • Breite: 618 px
  • Höhe: 618 px
  • Einheiten: Pixel
  • Farbmodus: RGB

Schritt 3

Verwenden Sie die Platz Abkürzung (Befehlstaste-P) und platzieren Sie die Skizze. Dann Sperren (Befehl-2) die Skizze nach unten, so dass wir die Verfolgung beginnen können.

2. Wie Sie das ursprüngliche Emoji-Design verfolgen können

Schritt 1

Beginnen wir, indem wir die Augen zeichnen.

Wähle aus Ellipsenwerkzeug (L), von dem Werkzeuge Panel.

  1. Erstellen Sie die Iris des Auges a 60 x 60 px braun (# 7C3722) Kreis füllen mit der Taste Ellipsenwerkzeug (L).
  2. Zeichne die Pupille des Auges a 40 x 40 px braun (# 351105) füllen Sie den Kreis und platzieren Sie ihn über der Iris
  3. Verwendung der Ellipsenwerkzeug (L), Erstellen Sie zwei Augenreflexions-Highlights: eine gedreht26 x 17 px und ein14 x 14 px (#FFFFFF) Kreis füllen.

Dann mit der Auswahlwerkzeug (V), wählen Sie alle vier Ellipsen und aus Gruppe Sie zusammen (Befehl-G).

Schritt 2

Von dem Werkzeuge Wählen Sie das Panel aus Stiftwerkzeug (P) und mit einem (#FFFFFF) weiße Füllung, zeichnen Sie die "Sklera" - das Weiß des Auges.

  1. Objekt > Ordnen > Rückwärts senden (Befehl-[), um es hinter den Pupillenformen zu positionieren.
  2. Dann Kopieren (Befehlstaste-C).
  3. Und Einfügen vor (Befehl-F).
  4. Objekt > Ordnen > Vorwärts bringen (Befehl-]), um es vor den Pupillenformen zu positionieren.

Wir müssen eine Schnittmaske für die Pupillen erstellen.

Mit dem Auswahlwerkzeug (V), wählen Sie die Sclera + Pupillengruppe aus, Objekt > Schnittmaske > Machen (Befehl-7).

Jetzt sind die Pupillen maskiert.

Schritt 3

Verwendung der Stiftwerkzeug (P), Ziehen Sie die oberen / unteren Augenlider, den Lidschatten, die Wimpern, die Augenbrauen und die Wange mit einem schwarzen Strich und Nullfüllung ein.

Farbe füllen:

  • Augenbrauen # 893A28
  • Lidschatten und unteres Augenlid # CC6E4A
  • Wimpern # 000000
  • Lidschatten # B5D7EA
  • Wangen schattieren # FFB7A6

Du wirst brauchen Ausrichten die Formen zum Vorderseite oder Zurück.

Über oder unter bewegen, Objekt> Anordnen> Nach vorne bringen (Umschalt-Befehl-]) oder Objekt> Anordnen> Nach hinten senden (Umschalt-Befehl- [).

Für nur einen Schritt nach vorne oder hinten, Objekt> Anordnen> Nach hinten senden (Befehl-[) oder Weiterleiten (Befehls-]). Objekt> Anordnen> Nach vorne bringen.

Schritt 4

Öffne das Transparenz Panel: Fenster> Transparenz.

Wählen Sie die hellblaue Augenfarbe aus und geben Sie ein a Multiplizieren: Mischmodus von Transparenz Panel.

Wählen Sie dann die Wangenform und geben Sie ein Multiplizieren: Mischmodus, auch.

Bewirken > Stilisieren > Feder: Radius: 13px.

Schritt 5

Gruppe alle Augenformen zusammen (Befehl-G).

Wir müssen symmetrische Augen schaffen. Verwenden Sie die Auswahlwerkzeug (V), und wählen Sie Augengruppe, Wangenfarbe und Augenbrauen aus. Nehmen Sie die Werkzeug reflektieren (O) und setzen Sie den blauen Mittelpunktbezugspunkt über die Nase; Wahl-Umschalt-Ziehen und loslassen, um sich zu spiegeln.

Schritt 6

Lassen Sie uns den Rest der Emoji-Funktionen veranschaulichen. Verwenden Sie die Stiftwerkzeug (P), und verfolgen Sie die restlichen Teile der Skizze.

Wählen Sie dann jede Form aus, geben Sie ihr eine Füllfarbe Ihrer Wahl und ordnen Sie sie in der richtigen Reihenfolge an.

Denken Sie daran, sich nach oben oder unten zu bewegen, Objekt> Anordnen> Nach vorne bringen (Umschalt-Befehl-]) oder Objekt> Anordnen> Nach hinten senden (Umschalt-Befehl- [) und nur einen Schritt zurück oder von vorne, Objekt> Anordnen> Nach hinten senden (Befehl-[) oder Weiterleiten (Befehls-]).

Schritt 7

Objekt> Entsperren Alles (Befehlstaste-2) und lösche die Skizze. Optimieren und bereinigen Sie das Bildmaterial mit Direktauswahlwerkzeug (EIN).

Wählen Sie die Gesichtsform aus, Objekt > Pfad > Versatzpfad: Versatz - 4px

Dann wählen Sie aus und geben Sie der äußeren Gesichtsform eine dunklere Hautfarbe.

Schritt 8

Wählen Sie die Hijab-Form, Objekt > Pfad > Versatzpfad: Versatz 5 px und geben Sie der neuen äußeren Form eine schwarze Füllung.

Jetzt haben wir unser erstes Emoji eingerichtet.

Datei> Speichern (Befehl-S).

Schritt 9

Im nächsten Schritt kopieren Sie die Zeichenfläche, um die grundlegenden Emoji-Funktionen zu erhalten. Gehe zu Fenster> Zeichenflächen. Wählen Sie das Dropdown-Menü und Doppelte Zeichenflächen. Dupliziere es neunmal.

Dann aus dem Zeichenbretter Wählen Sie im Untermenü des Bedienfelds Zeichenbretter neu anordnen:

  • Layout: Raster für Zeile
  • Spalten: 3
  • Abstand: 20 px

3. Wie man Emotionen veranschaulicht

Schritt 1

Nun, da unsere Zeichenflächen eingestellt sind, können wir die Emotionen einzeichnen.

Die erste Artboard-Emotion lautet: "Oh!"

  • Löschen die Lippen und Augenbrauen.
  • Wählen Sie dann das aus Stiftwerkzeug (P), und ziehen Sie die "O" - Lippen und die schrägen Augenbrauen der Emotion ein: O

Wählen Sie jede neue Form mit der Auswahlwerkzeug (V) und verwende die Pipette (ich), um den entsprechenden Partner auszuwählen und ihm dieselbe Farbe zu geben.

Die Augenbrauenfarbe, die ich hatte, war nicht stark genug, weshalb sie durch eine dunklere Farbe ersetzt wurde.

Wählen Sie> Gleich> Füllfarbe und geben Sie ihnen eine Füllfarbe von  # 4F2018.

Verwenden Sie die Auswahlwerkzeug (V), um den kleinen Schönheitsfleck näher an die Lippen zu bringen, und Sie sind mit dem ersten Emoji fertig!

Schritt 2

Zeichenfläche 2: Emoji "Upset".

  1. Löschen Sie die Augenbrauen und Lippen.
  2. Zeichnen Sie einen neuen Ausdruck mit Stiftwerkzeug (P) und die Farben mit Pipette (ich).
  3. Verwenden Sie die Auswahlwerkzeug (V), um den Schönheitsfleck näher an die Lippen zu bewegen.

Schritt 3

Zeichenfläche 3: "Angry" Emoji.

Wählen Sie zuerst die Augenbrauen mit Auswahlwerkzeug (V) und drehen sie nach innen, um Ärger zu zeigen. Dann zeichnen Sie wütende Lippen und Wut mit dem Funken Stiftwerkzeug (P), 1 Punkt, schwarzer Strich.

Beenden Sie die Farbabstimmung mit der Pipette (ich) und geben den Funken eine rote Farbe.

Schritt 4

Zeichenbrett 4: "Shock" Emoji.

  1. Löschen Sie die Augenbrauen und Lippen.
  2. Zeichnen Sie hoch gewölbte und geschwungene Augenbrauen und einen offenen Mund mit dem Stiftwerkzeug (P), und passen Sie die Farben an Pipette (ich).

Schritt 5

Zeichenfläche 5: "Cooles" Emoji.

Verwenden Sie die Stiftwerkzeug (P), um eine coole Cat-Eye-Sonnenbrille über die Augen zu ziehen und eine weiße Reflexion hinzuzufügen.

Dann mit der Direktauswahlwerkzeug (EIN), passen Sie die Lippen an, um "schmolliger" zu wirken, und löschen Sie die dunkle Mitte der Lippen.

Schritt 6

Zeichenbrett 6: "erfreut" Emoji.

  1. Löschen die Augen und das Zentrum der dunklen Lippe.
  2. Zeichnen Sie Lidschatten und schwarzgefüllte "schielende" Augen mit Wimpern Stiftwerkzeug (P).
  3. Verwenden Sie die Auswahlwerkzeug (V), um die Brauen zu senken und sie gerade zu drehen.
  4. Verwenden Sie die Pipette (ich), um die Farben anzupassen.

Schritt 7

Zeichenfläche 7: "Giggle" -Emoji.

  1. Löschen die Augen, Brauen und Lippen.
  2. Verwenden Sie die Stiftwerkzeug (P), um Lidschatten zu zeichnen, gewölbte schielende Augen mit langen Wimpern, ein gekrümmtes Lächeln und gewölbte Brauen.
  3. Verwenden Sie die Pipette (ich) um die Farben abzugleichen.
  4. Verwenden Sie die Auswahlwerkzeug (V), um den Wangenschatten nach oben zu heben und ihren Schönheitspunkt näher an den Mund zu bringen.

Schritt 8

Zeichenbrett 8: "Cry Me a River" - Emoji.

  1. Löschen die Augen, Brauen und Lippen
  2. Verwenden Sie die Stiftwerkzeug (P) umgekippte Brauen, fließende Augen, viele Tränen und einen offenen Mund zu zeichnen.

Als nächstes benutzen Sie die Pipette (ich), um die Farben anzupassen und die Tränen mit blauen Farbtönen zu füllen. Denken Sie an die Verknüpfungen, um Elemente nach hinten / vorne zu ordnen. Bewegen Sie den Schönheitsfleck näher an die Lippen. Verwenden Sie die Stiftwerkzeug (P) mit einer dunklen Hautfarbe, und zeichnen Sie eine dreieckige Form unterhalb des Tränenflusses, damit die Tränen aussehen, als würden sie herausfliegen.

Schritt 9

Artboard 9: Emoji "In Love".

  1. Löschen die Augen und Lippen.
  2. Verwenden Sie die Auswahlwerkzeug (V), um die Enden der Brauen zu drehen und etwas abzusenken.
  3. Verwenden Sie die Stiftwerkzeug (P) und zeichnen Sie zwei große Herzen anstelle der Augen, ein schüchternes Lächeln und Herzen um den Hijab.

Verwenden Sie schließlich die Pipette (ich) um die Farben abzugleichen.

Schritt 10

Der letzte Schritt besteht darin, das Set wieder aufzuräumen, das Bildmaterial zu säubern, Anpassungen vorzunehmen, wo immer Sie es für richtig halten, die Objekte in der richtigen Reihenfolge anzuordnen und Reflexionen oder zusätzliche Elemente hinzuzufügen, um bei Bedarf jedes Emoji-Pop zu erzeugen.

Datei> Speichern (Befehl-S).

4. Exportieren und Erstellen einer Emoji-Tastatur

Schritt 1

Datei> Exportieren als.

Format:  Wählen PNG, prüfen Verwenden Sie Zeichenflächen, und Export.

Das PNG Dialogboxwird auftauchen:

  • Auflösung: Bildschirm (72 ppi)
  • Hintergrundfarbe: Transparent
  • Klicken OK

Schritt 2

Jetzt machen wir unsere Emoji-Tastatur.

Apple hat es mit den Aufkleber-Apps für Nachrichten in iOS 10 ganz einfach gemacht. Die meisten heutigen Anwendungen lassen keine benutzerdefinierten Emoji oder Aufkleber zu. Sie müssen also erst erstellen, wenn sie verfügbar sind.

Die Tastatur, die wir mit Xcode erstellen, kann mit dem von Ihnen eingegebenen Text und benutzerdefinierten Emoji gemischt werden, die als Aufkleber fungieren. Sie können sie tatsächlich von der Tastatur abziehen und auf andere Nachrichten legen.

Wenn Sie gerade erst mit dem Erstellen von Aufkleber-Emojis beginnen, finden Sie in meinem anderen Tutorial "So erstellen Sie iMessage-Aufkleber" einen informativen Leitfaden.

Sie müssen Ihr Apple Developer-Konto (99 USD / Jahr) und iTunes Connect einrichten. Plus Xcode herunterladen.

Schritt 3

Wir werden diesen Prozess kurz durchgehen.

Einloggen Xcode mit Ihrer Apple-ID: Voreinstellungen> Konto> Wählen Sie +> Anmelden.

  1. Erstellen Sie ein neues Xcode-Projekt und wählen Sie Sticker Pack-Anwendung, und klicken Sie auf Nächster.
  2. Gib deinem Emoji-Pack einen Produktname: 'Khaleeji Frau Emoji'.
  3. Ausfüllen Mannschaft, Name der Organisation, und Kennung, entsprechend Ihren Angaben und klicken Sie auf Nächster.

Schritt 4

Klicke auf das Blau Stickers.xcstickers Ordner im linken Navigationsbereich und ziehen Sie die Emoji-Bilder in den Editorbereich.

  1. Unter Legen Sie das aktive Schema fest, Wählen Sie Ihr Gerätemodell aus, z. iPhone7 Plus.
  2. Lauf Ihr Build, um die Aufkleber auf einem iMessage-Simulator zu testen.

Testen Sie die Emojis auf dem Simulator.

Schritt 5

Wenn alles gut läuft, erstellen Sie die iMessage-App-Symbole, und Sie können archivieren und an den App Store senden.

Verwenden Sie MakeAppIcon, um App-Symbole zu erstellen.

Ein hochladen 1536 x 1536 px Version des App-Bildes in die MakeAppIcon Webseite, und Sie erhalten eine E-Mail mit allen Größen, die Sie für alle iOS-Geräte benötigen.

Klicke auf das Blau Stickers.xcstickers Ordner im linken Navigationsbereich und wählen Sie den Ordner iMessage-App-Symbol Ordner und laden Sie alle Symbolbilder durch Ziehen und Ablegen hoch.

Schritt 6

Endlich, Produkt> Archiv.

  • Fenster> Organizer. Sie sehen Ihre Aufkleber in der linken Leiste.
  • Bestätigen.
  • Wenn alles gut ist, In den App Store hochladen, und es wird auf Ihrem erscheinen iTunes Connect, und Sie können es an senden Rezension.

Wenn Sie fertig sind, klicken Sie auf einreichen. Und das ist es!

Warten Sie auf den Überprüfungsvorgang, der normalerweise einige Tage dauert, und Ihre Emoji-Tastatur ist bereit!

Fertig, Satz, Text!

Gut gemacht! Wir haben einen Brauch dargestellt Khaleeji Frau Emoji mit den grundlegenden Verknüpfungen und Werkzeugen von Adobe Illustrator. Wir können diese einfachen Techniken verwenden, um eine größere Anzahl von Emojis zu zeichnen, die in unsere iMessage-App hochgeladen und hochgeladen werden können.

Teile und genieße!