So erstellen Sie iMessage-Aufkleber in Adobe Illustrator und verdienen zusätzliches Geld!

Was Sie erstellen werden

Sie haben vielleicht schon bemerkt, dass es bei iMessage-Aufklebern eine Verrücktheit gibt, seit sie mit iOS 10 eingeführt wurden. Heute können Sie Ihre eigenen digitalen Aufkleber erstellen und verkaufen, anstatt die vorinstallierten Emojis zu verwenden.

iMessage-Aufkleber sind eine coole und unterhaltsame Möglichkeit, um Ihre Ideen und Gedanken auszudrücken, da Sie sie schälen, platzieren und in Ihren Chat stecken können!!

Wenn Sie sich jemals gefragt haben, was für die Erstellung eines Sticker-Packs für iOS erforderlich ist, erstellen wir in diesem Lernprogramm von der Skizze aus einfache iMessage-Sticker in Adobe Illustrator, die Linien, Formen und Farben verwenden. Dann wechseln Sie kurz zu iTunes Connect und Xcode, um unser eigenes iMessage Sticker Pack im App Store zu veröffentlichen.

Wenn Sie nach Emoticon-Inspiration für Ihre eigenen Aufkleber-Designs suchen, besuchen Sie GraphicRiver.

1. Machen Sie sich ein Konzept und bereiten Sie Ihre Aufkleberdatei in Adobe Illustrator vor

Schritt 1

Ich habe zu Hause eine Weile vermisst. Egal wie sehr ich die Wunder des Reisens genieße, mein Bauch ist immer mit dem Geruch von "hauseigenem" Essen gefüllt. Also entschied ich mich, mein Thema auf "libanesisches Essen" zu stützen. Es gibt absolut nichts so Abwechslungsreiches wie die libanesische Küche.

Beginnen wir damit, unser Food-Konzept auf Papier oder digital zu skizzieren.

Ich habe 12 Essensaufkleber vom libanesischen Tisch skizziert und deren Namen im Libanon nur als Referenz gekennzeichnet.

Im Allgemeinen ist es gut, etwa 24 Designs für ein Aufkleberpaket zu haben, aber für dieses Tutorial arbeiten wir gerade an 12.

Beginnen Sie mit dem Skizzieren von 12 Elementen in einer 4 x 3-Rasterform (siehe unten).

Verschieben Sie die Skizze nach dem Skizzieren in Adobe Illustrator.

Schritt 2

Starten Adobe Illustrator CC.

Öffne ein Neues Dokument: Datei> Neu (Befehl-N) und richten Sie Ihre ein Brauch Datei:

Name: "Libanese_Food_iMessage_Stickers".

  • Anzahl der Zeichenflächen: 12 (je nach Anzahl der Aufkleber, da jeder Aufkleber eine eigene Zeichenfläche haben sollte)

Sie können drei verschiedene Aufklebergrößen auswählen.

  • Klein: 300 x 300 Pixel
  • Mittel: 408 x 408 Pixel
  • Groß: 618 x 618 Pixel

Ich persönlich arbeite lieber daran 618 x 618. Passen Sie also die Neues Dokument Die Einstellungen:

  • Säulen: 4
  • Breite: 618 px
  • Höhe: 618 px
  • Einheiten: Pixel
  • Farbmodus: RGB
  • Klicken Dokument erstellen

Schritt 3

Verwenden Sie die Platz Abkürzung (Befehlstaste-P) um die Skizze zu platzieren auf die erste Zeichenfläche. Ziehen Sie das Bild, um alle Zeichenflächen auszufüllen, so dass Ihre Skizzen alle erstellten Zeichenflächen enthalten.

Als Nächstes müssen wir eine Ebene für unsere Linienarbeit erstellen. 

Öffne das Schichten Panel, Fenster> Ebenen.

Klicken Sie auf das Untermenü von Schichten Panel:

  1. Name: Skizzieren
  2. Wählen Sperren
  3. Bilder verdunkeln zu:20%
  4. OK

Nach demsperren "Skizzieren"Schicht, Neue Ebene erstellen, oben auf 'Skizzieren', und nennen Sie es 'Fliessbandarbeit'.

Datei> Speichern (Befehl-S), und speichern Sie Ihre Illustrator-Datei.

2. Wie zeichnet man die Linienarbeit

Schritt 1

Lassen Sie uns uns darauf vorbereiten, unsere Linienarbeit zu zeichnen.

Zuerst müssen wir einen Kalligrafiepinsel "Druck" erstellen. Öffne das Bürsten Panel: Fenster> Pinsel.

Wähle aus Ellipsenwerkzeug (L), mit einem schwarzen Füllen, Null Schlaganfall, und zeichnen Sie in einer kleinen Ellipse die Größe des Pinsels, mit dem Sie zeichnen möchten.

Schritt 2

Ziehen Sie die Ellipse ausgewählt und ziehen Sie sie in die Bürsten Panel. 

EIN Neuer PinselDas Dialogfeld wird geöffnet. Wählen Kunstpinsel, und OK.

Das Kunstpinsel-Optionen Dialogfeld wird geöffnet.

Hinweis: Wenn Sie ein digitales Stifttablett besitzen, ist es ideal, um einen Pinsel zu erstellen, der auf den Stiftdruck reagiert.

Um einen Pinsel zu erstellen, der sich mit dem Druck des Stiftes in der bewegen kann Kunstpinsel-Optionen Wählen Sie im Dialogfeld Folgendes aus:

  • Breite: Druck
  • Optionen für die Pinselskala: Ausdehnen, um die Hublänge anzupassen
  • Einfärbungsmethode: Farbtöne; Dadurch können wir später die Farben unserer benutzerdefinierten Pinselstriche anpassen.
  • Klicken OK.

Sobald der Kunstpinsel erstellt ist, Löschen die erzeugte Ellipse.

Jetzt haben wir eine druckorientierte Kunstbürste bereit!

Schritt 3

Beginnen wir mit der Verfolgung der Skizze.

  1. Öffne das Schlaganfall Panel: Windows> Schlaganfall.
  2. Von dem Bürsten wählen Sie den Pinsel aus, den wir gerade erstellt haben.
  3. Wählen Sie das Pinsel Werkzeug (B), von dem Werkzeuge Panel.
  4. In dem Schlaganfall Wählen Sie ein Schwarz aus Schlaganfall von 0,5 pt, und Füllen auf keine setzen.

Stellen Sie sicher, dass Ihr Pinsel beim Nachzeichnen nicht sehr glatt ist, so dass er aussieht, als ob er von Hand gezeichnet würde. Doppelklicken Sie auf das Symbol, um den Pinsel zu glätten Pinsel Werkzeug (B), von dem Werkzeuge Panel und die Optionen für das Pinsel-Werkzeug Dialogfeld wird geöffnet.

Lass fallen Treue ein oder zwei Stufen.

Schritt 4

Beginnen wir mit dem Pinsel Werkzeug (B).

Folgen Sie der Skizze und verfolgen Sie die Linienführung. Es muss nicht perfekt sein, da wir ihm einen einfachen, von Hand gezeichneten Doodle-Effekt verleihen möchten.

Sobald alle Linienarbeiten eingelegt sind, Sperren Ihre "FliessbandarbeitSchicht aus der Schichten Panel.

Neue Ebene erstellen, unter 'Fliessbandarbeit"und nennen Sie es"Farbe", so können wir Farbe unterhalb der Linienarbeit anwenden.

Immer sparen deine Datei. Datei> Speichern (Befehl-S).

3. Wie Sie das Kunstwerk schnell einfärben

Schritt 1

Lass uns färben!

Von dem Werkzeuge Wählen Sie das Panel aus Fleckpinselwerkzeug (Umschalttaste-B). Das Klecksbürste ähnelt einem Marker, und es macht Spaß, ihn zu verwenden. 

Wählen Sie einfach die Farbe aus Schlaganfall Muster Ihrer Wahl mit Null füllen, und Farbe in den Nahrungsmittelsymbolen.

  • Ein kurzer Tipp: Um das zu verwalten Fleckpinselwerkzeug halten Sie die linke eckige Klammer ([), um die Bürstengröße und die rechte eckige Klammer (]) vergrößern.
  • Zusammen mit Fleckpinselwerkzeug (Shift-B), benutze die Radiergummi-Werkzeug (Umschalttaste-E), um alle Blob-Formen zu löschen, die Sie löschen möchten.

Die Farbgebung muss nicht perfekt sein, da wir es brauchen, um uns organisch zu fühlen.

Beginnen Sie mit dem Hummus.

Wie Sie sehen, können Sie mit dem Fleckpinselwerkzeug nur durch seine Größe und Farben ändern. Außerdem ist es schnell zu bedienen.

Viel Spaß und Farbe für den Rest des Kunstwerks!

Schritt 2

Sie müssen die Blob-Formen so anordnen, wie Sie sie entlangfärben Ordnen Verwenden Sie diese Verknüpfungen, um den Workflow zu beschleunigen:

  • Anordnen> Nach vorne bringen (Befehl-Umschalttaste-])
  • Anordnen> Nach vorne bringen (Befehl-])
  • Anordnen> Rückwärts senden (Befehl-[)
  • Anordnen> An Rückseite senden (Befehl-Umschalttaste- [)

Wenn Sie alles arrangiert haben, sollten Sie eine Reihe von bunten Icons haben.

Schritt 3

Lassen Sie uns jetzt unsere Zeichenflächen aufräumen.

  1. Freischalten das "Fliessbandarbeit"Schicht aus der Schichten Panel.
  2. Löschen Sie die "Skizzieren”Ebene, indem Sie es aus der Schichten das Papierkorbsymbol in diesem Fenster ein.
  3. Wähle aus Auswahlwerkzeug (V), Wählen Sie für jedes Nahrungsmittelsymbol die entsprechende Linienarbeit und Farbe aus.
  4. Gruppe (Befehlstaste-G) es zusammen Sobald Sie die beiden Ebenen gruppiert haben, wird die neue Gruppe automatischFliessbandarbeit"Schicht.
  5. Zentrieren Sie jedes Symbol in der Mitte der Zeichenfläche, indem Sie es einfach beobachten.

6. Skalieren Sie die gruppierten Objekte so, dass sie in die Abmessungen der Zeichenfläche passen und entlang der Ränder einen kleinen Abstand einhalten. Halten Sie gedrückt, um die Proportionen des Objekts beizubehalten Verschiebung Ziehen Sie den Begrenzungsrahmen-Ziehpunkt, bis das Objekt die gewünschte Größe hat.

7. Sobald alle Nahrungsmittelsymbole skaliert wurden, löschen das "Farbe"Schicht, da es leer ist.

Datei> Speichern (Befehl-S).

4. So exportieren und erstellen Sie unsere App-Symbole

Schritt 1

Export die Kunstdateien mit der Export für Bildschirme Merkmal (Datei> Exportieren> Exportieren für Bildschirme). 

  1. Exportieren als PNG.
  2. Drücke den Symbol für Erweiterte Einstellungen, Wählen Sie den Ort, an den Sie Ihre Dateien exportieren möchten, und legen Sie fest Rahmen zu 1x.
  3. einstellen Hintergrundfarbe: Transparent.
  4. Zeichenfläche exportieren.

Schritt 2

Sie haben zwei Möglichkeiten. Verwenden Sie entweder einen sekundären App Marketplace, um die Aufkleber zu starten LINE Creators Market, oder bauen Sie es selbst mit Apple-Entwicklerkonto.

Für dieses Tutorial werde ich Sie kurz durch das Öffnen eines führen Apple-Entwicklerkonto,was 100 $ pro Jahr kostet. Der Bewerbungsprozess ist recht unkompliziert und die Akzeptanz ist schnell. Dann müssen Sie sich jedoch bei anmelden iTunes Connect und richten Sie die Verwaltungssachen wie die ein Steuern und Bankwesen,wenn Sie planen, Ihre Aufkleber zu verkaufen (Dies ist nicht erforderlich für kostenlose Aufkleberpakete).

Weitere Informationen finden Sie im iTunes Connect-Entwicklerhandbuch. Nehmen Sie sich die Zeit, um sich mit ihm vertraut zu machen.

Schritt 3

Um unsere Aufkleber zu erzeugen,wir müssen verwenden Xcode.

Laden Sie die neueste Version von Xcode 8 direkt vom herunter Mac App Store und Installieren.

Schritt 4

Hochladen der Aufkleber nach Xcode ist einfach; Folgen Sie einfach den Schritten:

Öffnen Xcode.

Stellen Sie sicher, dass Sie bei angemeldet sind Xcode mit Ihrer Apple ID.

Voreinstellung> Konto> Wählen Sie +> Anmelden.

  1. Erstellen Sie ein neues Xcode-Projekt.
  2. Wählen Sticker Pack-Anwendung.
  3. Klicken Nächster.
  4. Geben Sie dem Aufkleberpaket a Produktname um es zu identifizieren: 'Libanesisches Essen'.
  5. Dann füllen Sie das aus Mannschaft, Name der Organisation, und Kennung (com.Ihrunternehmen.Produktname), entsprechend Ihren Angaben.
  6. Klicken Nächster
  7. Wählen Sticker.xcstickers> Sticker Pack Ordner und laden Sie die Aufkleber hoch, indem Sie die Bilder ziehen und ablegen.

Schritt 5

Laden Sie als Nächstes das hoch iMessage-App-Symbole.

Der Ordner befindet sich über dem 'Sticker Pack' Mappe.

Wählen Sie ein Bild aus dem Nahrungsmittelset aus, das Sie für die verwenden möchten App-Symbol, und konvertiere es in eine JPG im Adobe Photoshop, so hat es einen weißen hintergrund. Benennen Sie das App-Symbol-Bild um: "Lebanese_Food_App_Icon.jpg".

Es gibt insgesamt 12 Symbolbilder, die Sie benötigen Xcode, und 1 für iMelodien verbinden. Um die App-Symbole einfach zu generieren, besuchen Sie MakeAppIcon.

Hochladen Wenn Sie das ausgewählte Nahrungsmittelsymbol auf der Website sehen, geben Sie Ihr ein Email, Daraufhin werden alle Dateigrößen der App-Symbole für Sie generiert.

Sie können Herunterladen Sie direkt von Ihrer E-Mail.

Nachdem Sie die generierten Bilder heruntergeladen haben, Hochladen in Xcode durch Ziehen und Ablegen.

Es sollte ungefähr so ​​aussehen, wenn Sie es hochgeladen haben Xcode.

5. Konfigurieren und registrieren Sie die Aufkleber

Schritt 1

Nachdem Sie die Aufkleber hochgeladen haben, müssen Sie dies tun 'Testen Sie den Build' von Xcode, um zu sehen, ob die Aufkleber in Aktion gut sind. Sie können dies durch die Xcode-Simulator, oder Sie können es auf Ihrem eigenen Gerät ausführen. Alles was Sie tun müssen, ist:

  1. Wählen Sie Ihr Mobilgerät aus Legen Sie das aktive Schema fest.
  2. Drücke den Lauf Taste.

Wenn ein Benachrichtigungsfehler angezeigt wird, nehmen Sie die gewünschten Änderungen vor, exportieren Sie die korrigierten Symbole und laden Sie sie erneut hoch.

Dann testen Sie die Aufkleber auf der Xcode-Simulator durch Klicken auf Lauf Symbol. Sieht toll aus!

Wenn Sie die Anzeigegröße Ihrer Aufkleber anpassen müssen iMessage, Sie können dies im rechten Fensterbereich tun, wie unten gezeigt.

Die Größen "Mittel" oder "Klein" gut arbeiten.

Sobald es fertig ist, müssen wir ein registrieren App-ID für die Aufkleber.

Schritt 2

Melden Sie sich bei Ihrem an Apple-Entwicklerkonto ein registrieren App-ID.

  1. Eingeben Konto> Kennungen> App-ID> Wählen +
  2. Füllen Sie die Details aus und Registrieren.

Schritt 3

Jetzt können wir endlich Exportieren und Hochladen unsere "bauen"zu iTunes Connect!

Geh zurück zu Xcode.

  1. Wählen "Generisches iOS-Gerät”Unter Legen Sie das aktive Schema fest.
  2. Dann wählen Sie die 'Stickers.xcstickers' Ordner, und klicken Sie im Hauptmenü auf Produkt> Archiv, zu Archiv der Build.

Ein neues Fenster sollte erscheinen, in dem das Archiv angezeigt wird. "Bauen". Sie sehen die Aufkleber im linken Bereich.

Klicken Bestätigen um zu sehen, ob alle Aufkleber gut sind. Wenn es Probleme gibt, Xcode In der oberen Menüleiste wird eine Benachrichtigung in rot angezeigt.

Wenn alles gut geht mit dem "Bauen", dann müssen Sie es für iTunes Connect hochladen Rezension.

Klicke auf In den App Store hochladen. Dadurch werden die Aufkleber in hochgeladen iTunes Connect. Nachdem der Upload abgeschlossen ist, sollte er auf Ihrem angezeigt werden iTunes Connect Konto. Gib ein paar Minuten.

Schritt 4

Zeit, die Sticker an den App Store zu senden!

Im iTunes Connect:

  1. Wählen Meine Applikationen.
  2. Wählen + > Neue App, und wähle das aus'Bauen'Wir haben gerade zur Einreichung hochgeladen.
  1. Wählen iOS Plattform.
  2. Name: Libanesisches Essen.
  3. Wählen Sprache und Bündel-ID.
  4. Erstellen Sie ein einzigartiges SKU "eg.location.com.bundle_title".
  5. Erstellen!

Füllen Sie im linken Menübereich das aus App-Informationen und Preise & Verfügbarkeit. Hier können Sie die App-Beschreibung, Sprache, Kategorien und den Preis der App eingeben. Wir werden nicht auf alle Details eingehen, da dies sehr einfach ist, aber es sollte ungefähr so ​​aussehen:

Schritt 5

Im Adobe Photoshop, Erstellen Sie einige Screenshots mit der Xcode-Simulator, und laden Sie sie auf hoch iTunes Connect, erschaffen iMessage Vorschaubilder für die Bildschirmanzeigen. Dies kann einige Zeit dauern. Erstellen 5 Screenshot-Abmessungen: iPhone 5,5 Zoll Display (1242 x 2208 px). Das System generiert die restlichen Größen für Sie.

Wenn Sie fertig sind, klicken Sie auf Zur Überprüfung einreichen.

Und das ist es!

Jetzt müssen Sie nur noch einige Tage auf den Überprüfungsprozess warten, um genehmigt zu werden.

Während sich Ihre Aufkleber in der Überprüfung befinden, können Sie sie versenden Prüfung Einladungen zu deinen fans durch Testflug, Die Aufkleber 60 Tage lang kostenlos testen. Oder Sie können die Zeit nutzen, um Ihre Steuern, Verträge, Zertifikate und Bankdaten bei Apple einzurichten.

Es ist etwas zeitaufwändig und Sie werden auf dem Weg einige Fehler feststellen, aber mit etwas Geduld und Hilfe werden Sie dorthin gelangen.

Herzliche Glückwünsche! Unsere "Libanese Food" iMessage-Aufkleber sind fertig!

Wow, ich hoffe, dir hat dieses Tutorial gefallen! Das Entwerfen von Aufklebern macht Spaß, besonders wenn Sie damit etwas Geld verdienen können! 

Kaufen Sie das Aufkleberpaket "Lebanesy Food" bei iTunes.

Ich hoffe, Sie fanden dieses Tutorial hilfreich! Ich würde gerne sehen, was Sie schaffen! Teilen Sie Ihre Aufkleber mit uns.