STICKER SHOCK! Erstelle ein iMessage-Stickerpaket

1. Einführung: Hi, mein Name ist Jess Elardo. Ich bin Art Director, Illustrator, Künstler, die in Seattle, Washington leben. Zusätzlich zu den Unterrichtsstunden hier auf Skillshare über stringgedrucktes Posterdesign und eine Reihe von drei Klassen zum Charakterdesign, war ich Art Director für einige Pop-Records, ich habe Cartoons für Disney entwickelt, Nickelodeon und Cartoon Network, und ich habe an Projekten mit Starbucks und Nike und Raffa und Target und Penguin UK und einer Menge anderer Leute zusammengearbeitet Starbucks und Nike und Raffa und Target und Penguin UK . Anfang dieses Jahres habe ich ein iMessage-Aufkleberpaket für Apples App Store erstellt. Es zu erschaffen zwang mich, auf unterschiedliche Weise nachzudenken, wie wir mit anderen kommunizieren und wie Bilder ein stetig wachsender Teil unserer Kommunikation sind. Diese Divergenz beim Erstellen von Bildern und sozialer Interaktion ist ein Bereich, der für die Erkundung reif ist, und in dieser Klasse möchte ich es weiter erforschen. In dieser Klasse dreht sich alles um die Konzeption und Erstellung von iMessage-Stickern. Es geht nicht darum, wie man sie im App Store einreicht und es geht nicht darum, wie man sie auf anderen Plattformen erstellt. Aber die Konzepte, die wir in der Klasse diskutieren, können auf andere Apps und Plattformen angewendet werden, obwohl wir speziell über iMessage Aufkleber für das iPhone sprechen werden. Also denke ich, wir sind gut zu gehen. Lasst uns mit den Dingen anfangen. 2. Kursübersicht: Zunächst einmal, was ist ein Aufkleber? Ist es einfach ein Bild oder dient es einer Art größeren Zweck? Für mich sind Aufkleber eine Möglichkeit, Gedanken, Ideen, Emotionen schnell zu kommunizieren , ohne ein paar Worte ausschlagen zu müssen. Es ist schnell, es ist einfach, und es macht viel mehr Spaß zu verwenden. Bevor wir anfangen, an unserer eigenen Stickerpackung zu arbeiten, machen wir einen Schritt zurück und schauen, wie Sie sie verwenden. Ist es einfach eine lustige Kurzschrift oder sind sie eine Art Proxy für nonverbale Kommunikationshinweise, die man mit typischer schriftlicher Kommunikation einfach nicht erreichen kann? Denk darüber nach, wie du mit deinen Freunden kommunizierst. Gibt es Möglichkeiten, wie Sie kommunizieren wollen, aber derzeit nicht? Wie können wir Sticker anders verwenden, als wir es jetzt sind? Für mein Sticker-Paket werde ich eine Reihe von Gesichtselementen erstellen, die Benutzer kombinieren können, um ihre eigenen einzigartigen Gesichter zu schaffen. Mit einer Vielzahl von Kopfformen, Augen, Mündern. Ich lade den Benutzer ein, mit den Aufklebern kreativ zu werden und sie so zu verwenden, dass ich nie an mich denken würde. Das Ergebnis ist ein Make Ihre eigenen Emoji von Arten, so dass die Benutzer effektiver ihre eigenen persönlichen Gedanken und Emotionen zu kommunizieren , indem sie die Elemente kombinieren, die am meisten mit ihnen Resonanz. Da Aufkleber auch über Bilder in iMessage geklebt werden können, kannst du auch mein Sticker-Pack verwenden, um Selfies oder andere Fotos, die Freunde senden, zu verstellen. Machen Sie Ihre eigenen Bilder sind eine Möglichkeit, um zu überdenken, wie wir Aufkleber verwenden. Aber da Aufkleber ein relativ neues Phänomen sind, gibt es immer noch eine Menge Entdeckung und Innovation, die auf andere Weise gemacht werden können , wie wir sie verwenden können. 3. Verschiedene Methoden: Sobald Sie etwas darüber nachgedacht haben, was mit Aufklebern möglich ist, ist es Zeit, darüber nachzudenken, welche Sticker-Packung Sie machen möchten. Du könntest eine Katze drauf schlagen. Vielleicht eine Katze mit einem Donut um ihren Abfall und nennt es einen Tag. Ich fordere Sie heraus, etwas zu erschaffen, das für sich persönlich ist. Pop-Kultur Referenzen machen Spaß und sie haben eine breite Attraktivität aber es hat auch die Fähigkeit, Sie als Schöpfer abseits zu stellen. Wenn Sie die Arbeit dazu bringen, etwas zu kreieren, warum nicht etwas schaffen, das völlig Neues ist und das ganz Ihnen gehört? Es gibt schon genug Katzenaufkleber oder verschiedene andere Pop-Culture-Aufkleber. Diese Pop-Kultur Dinge werden im Laufe der Zeit verblassen, aber das Erstellen Ihrer eigenen Sache , die einzigartig für Sie ist, wird sich selbst und Ihre kreative Stimme etablieren und es wird zu einem Baustein für Ihre eigene Karriere, lange und erfolgreich zu sein und Sie in viele andere Möglichkeiten. Während man sich auf eine Pop-Kultur als Karriere setzt, gibt es Einschränkungen. Erstellen Sie ein Sticker-Pack, das für Sie persönlich ist, etwas, das Sie in der Welt sehen wollen, denn ich garantiere, wenn Sie es in der Welt sehen wollen, dann wird es jemand anderes da draußen geben, der es auch sehen will. Wahrscheinlich eine ganze Menge Leute, die es sehen wollen. Wir brauchen keine weitere Katze mit Donut Sticker Pack. Nutzen Sie dies als Gelegenheit für Sie, andere Menschen zu inspirieren. Zentrieren Sie es um Ihre Interessen. Lieben Sie Camping? Lieben Sie Radfahren? Liebst du den Strand? Denken Sie darüber nach, was Sie lieben und erstellen Sie eine Sticker-Packung, die irgendwie dazu spricht. Sie können es auch als eine Gelegenheit behandeln, Ihre Fähigkeiten zu verbessern. Vielleicht möchten Sie Ihre Schriftzug-Fähigkeiten flexibel, nehmen Sie einfach Ihre Sticker-Pack wird etwas, das Wort zentriert. Vielleicht lieben Sie Charakterdesigns, also verwenden Sie Aufkleber als Gelegenheit, neue Charaktere zu kreieren. Einer meiner Lieblingsaspekte von Stickern ist die Fähigkeit, Animation zu integrieren. Selbst wenn ein super subtil, Animation kann Ihre Aufkleber auf dynamisches Element geben, so dass sie mehr Wirkung. Denken Sie darüber nach, wie Sie Animationen in Ihre Sticker integrieren können. 4. Konzeptionierung: Inzwischen haben Sie sich einige Zeit genommen, um darüber nachzudenken, welche Sticker-Pack Sie machen möchten , und Sie sind bereit, mit der Konzeption um diese Idee zu beginnen. Dies können entweder Skizzen oder Notizen sein , oder wie auch immer Sie sich am wohlsten fühlen. Das Ziel hier ist es, so viele Ideen wie möglich aus dem Kopf und auf das Papier vor Ihnen zu werfen . Selbst Ihre schrecklichen, schrecklichen Ideen können zu wirklich guten Ideen führen, also holen Sie einfach alles raus und Konzept so viel wie möglich auf die Seite, und von dort aus können Sie bestimmen, was wichtig ist und was nicht. Ich denke, irgendwo zwischen 20 und 30 Aufkleber in einer Packung ist ein Sweet Spot, so dass Sie wahrscheinlich etwa 40-60 verschiedene Konzepte rund um Ihre Idee schießen wollen. Solange es genug ist, sich wie ein zusammenhängendes Set zu fühlen, ohne dass es zu schiffbar wird, liegt wirklich an Ihnen, und jeder ist anders, also wählen Sie eine Menge, die für Sie am sinnvollsten ist. Wenn du anfängst zu konzeptionieren, brauchst du wirklich nicht viel, du brauchst nur etwas Papier. Das ist kein ausgefallenes Papier. Sie können Müll auf der Rückseite haben, oder Sie können Ihr Skizzenbuch verwenden, was auch immer. Bleistifte sind großartig zu skizzieren, nur weil Sie löschen können. Diese Stifte machen Spaß, weil Sie verschiedene Farben wählen und in verschiedenen Farben kommentieren können. Was ich benutzen werde, ist, dass ich nur einen schwarzen Stift benutzen werde , weil er das Beste für euch zeigt. Wie ich bereits sagte, mache ich eine Reihe von Kopfformen und Augenformen und Mundformen, und so werde ich einfach mit Köpfen beginnen, und dann fängst du einfach an zu zeichnen. Ein Kreis, Quadrat, Dreieck, und der Punkt ist nur, um so viele so schnell wie möglich runter zu bringen, und Sie werden sie digital verfeinern, so dass es nicht schick sein muss oder irgendetwas, und je schneller Sie arbeiten, desto besser, nur weil Sie wollen so viele Ideen wie möglich rausbringen. Wenn ich für 15 insgesamt fotografiere, werde ich wahrscheinlich mit etwa 30 Skizzen kommen wollen. Ich mache das nur weiter, bis ich meine 30 getroffen habe und manchmal werden die Dinge dich zu anderen Ideen führen, also diese Kopfform. Ich dachte, wir könnten hier Augen und einen Mund benutzen, aber es sieht auch aus wie ein Elch, also lassen Sie Ihre anderen Ideen neue Ideen inspirieren. Der Kreis hat mich dazu gebracht, darüber nachzudenken, was wäre, wenn es eine Satellitenform ist. Ich weiß, ich sagte, Popkultur ist dumm, aber warum nicht in eine Mickey Mouse werfen. Gehen Sie einfach weiter mit dem. Sobald ich mit meinem Kopf fertig bin, beginne ich mit den Augen und komme mit Augenformen. Ich mache hier nur einzelne Augen, weil es ziemlich einfach ist zu extrapolieren und zu erkennen, dass dieses ein tatsächlich zwei Augen sein wird, die gleich aussehen. Das ist ein Augenzwinkern. Das Augenzwinkern hat mich dazu inspiriert, Wimpern und Sonnenbrillen zu machen. Anstelle von Sonnenbrillen, was ist mit Röntgenbrillen? Fliegen Sie einfach weiter durch und es sollte nicht zu lange dauern, und manchmal kann es hilfreich sein, Notizen zu machen. Dieser Stift ist in dieser Hinsicht hilfreich. Also, weil ich mich vielleicht nicht daran erinnere, weil ich so schnell arbeite, kann ich mich nicht erinnern, dass ich möchte, dass diese Spirale beim Animieren sein, also werde ich diese Notiz hier machen, nur damit ich sie nicht vergesse. Gehen Sie einfach weiter, bis Ihnen die Ideen ausgegangen sind, ist der beste Weg, um zu gehen. Sobald Sie mit Ihren Skizzen fertig sind und Ihre Favoriten auswählen, ist es an der Zeit, die Nerd-Box zu starten und die endgültige Grafik in Illustrator oder Photoshop zu erstellen. Ich werde Illustrator verwenden, weil das für mich am einfachsten ist. 5. Digitalisieren: In meinen vorherigen Klassen, der Plakatdesign-Klasse und dem Baucharakter auch, hatte ich bereits Tutorials, wie ich Vektorbilder aus meinen Freihandzeichnungen erstelle, also schau dir diese Klassen an, wenn du daran interessiert bist, diesen Teil meines Prozesses zu sehen. Stattdessen können wir eine Illustrator-Datei so einrichten , dass es uns leichter macht, unsere Bilder später zu exportieren. An dieser Stelle habe ich alle meine Elemente gezeichnet und sie befinden sich nur in einer geöffneten Illustrator-Datei. Von hier aus werde ich eine neue Illustrator-Datei erstellen, in die ich alle meine einzelnen Elemente auf separaten Seiten ablegen werde. An dieser Stelle möchten Sie entscheiden, ob Sie kleine, mittlere oder große Sticker machen möchten . Ich mache immer groß, nur weil größer in diesem Fall besser ist. Wenn Sie klein machen möchten, werden Sie Ihre Seitengrößen 300 Pixel x 300 Pixel machen wollen. Wenn Sie Medium tun wollen, werden Sie 408 Pixel x 408 Pixel und wenn Sie groß machen wollen, werden Sie 618 mal 618 tun. Also werden wir eine neue Datei starten, eine 618 mal 600 Pixel erstellen und ich werde 15 Art-Boards gehen , weil ich 15 Kopf-Formen habe und ich werde eine andere Datei für die Köpfe, die Maus und die Augen machen. Sobald ich das habe, klicke ich auf „Okay“ und dann von hier aus fange ich an, sie einzulegen. Ich wähle jedes einzeln aus und gehe dann zu jeder Seite und dann, wenn ich auf der Seite Null bin, und dann kann ich es einfach einfügen und es zentriert es automatisch, was es ziemlich einfach macht. Gehen Sie dann zur nächsten Seite und wählen Sie die nächste aus. Alternativ kannst du sie einfach alle reinbringen und sie dann von dort aus zentrieren. Jetzt mache ich das gleiche mit dem Mund und den Augen, und jetzt für die Münder und da gehen wir, von hier aus speichern Sie Ihre Dateien und wir können beginnen, einige Elemente zu animieren. 6. Animation integrieren: An dieser Stelle haben Sie alle Ihre Elemente auf ihren eigenen Zeichenflächen, und wenn Sie möchten, können Sie sie in separate Bilder exportieren und beginnen, sie in Xcode zu legen, um Ihr Stickerpaket zu erstellen. Aber stattdessen lassen Sie uns beginnen, ein paar der Elemente zu animieren. Animation macht Spaß und es macht Ihre Sticker-Pack dynamischer und angenehmer für den Benutzer. Lass uns zu den Augen gehen und was ich gerne mache, ist, die Zeichenflächen neu anzuordnen, so dass sie alle auf einer einzigen Linie sind. Um das zu tun, werde ich tun, 15 Spalten, so dass sie alle in einer einzigen Zeile sind. Dann werde ich, klicken Sie darauf und dann dupliziere ich es einfach nach unten. Sobald Sie es dupliziert haben, dann nehmen Sie diese Elemente und ändern Sie einfach etwas darüber. Es kann ziemlich subtil sein, also drehe ich das einfach um 45 Grad. Dann werde ich es wieder tun, ich habe ein wenig aus den Knacken geholt, also geh ich rein und tippe das auf. Es ist wichtig zu beachten, stellen Sie sicher, dass Sie eine Seite duplizieren, nicht kopieren und einfügen. Auf diese Weise können Sie sicherstellen, dass Ihre Bilder genau an der gleichen Stelle wie die vorherige Iteration dieser Animation liegen . Andernfalls wird es sehr schwierig sein, sich perfekt zu mischen, und Ihre Animation wird am Ende ein wenig gezackt. Von dort werde ich das in scharlachrote Augen verwandeln. Nur halten Sie die Dinge zu optimieren, bis Sie sie auf Spaß und verschiedene Arten animiert haben. Als nächstes können Sie zu den Mündern gehen und dasselbe mit den Mündern tun. An dieser Stelle werde ich es nur ein wenig optimieren. Man muss es nicht zu viel bewegen, damit es wirklich auffallen kann. Manchmal sind subtile kleine Anpassungen alles, was man braucht. Wenn du dann alle deine Animationen durchgemacht hast, gehe ich gerne auf deine Zeichenflächen und stelle sicher, dass sie immer noch in der richtigen Reihenfolge sind. Stellen Sie sicher, dass alle Zeichenfläche 1 zusammen ist und Zeichenfläche 2 zusammen ist und Zeichenfläche 3 also, wenn wir Zeichenfläche 3 dupliziert haben, haben wir eine Kopie erstellt und stellen Sie sicher, dass das darunter ist, denn das wird Ihnen etwas Zeit sparen, wenn Sie exportieren all diese Bilder. Auf den Stickeraugen haben wir ein paar dieser Röntgen-Spezifikationen gemacht. Ich werde zurückgehen und sicherstellen wollen, dass diese richtig organisiert sind. Wenn Sie alle Animationen fertig sind, sollten Sie Ihre Datei speichern, und wir werden mit dem Export der Bilder fortfahren. 7. Importieren in in XCode: Sobald Sie mit Ihren Animationen fertig sind, können wir exportieren. Wechseln Sie zu Datei, Exportieren. Wählen Sie den Ordner aus, in den Sie sie ablegen möchten. Ich schlage vor, einen neuen Ordner zu erstellen, nur damit alles an einem Ort ist und es sauber ist. Stellen Sie sicher, dass Sie als PNG exportieren, wählen Sie Zeichenflächen verwenden aus, und stellen Sie sicher, dass alles ausgewählt ist , es sei denn, es gibt einige, die Sie nicht einschließen möchten. Aber wir werden alle auswählen und dann Export gehen. Stellen Sie sicher, dass die Bildschirmauflösung bei 72 liegt. Hier ist Ihre Hintergrundfarbe transparent, und klicken Sie dann auf „OK“ und es speichert sie alle in diesem Ordner. Ich wiederhole das mit den Augen und dem Mund. Dann, wenn ich mit all diesen fertig bin, sind alle meine Bilder bereit, in Xcode gedumpt zu werden , um tatsächlich das Stickerpaket zu erstellen. An dieser Stelle haben wir alle unsere Sticker in PNG-Dateien exportiert, und wir möchten Xcode öffnen. Laden Sie es herunter, wenn Sie es nicht haben, es ist eine kostenlose App. Aber sobald Sie dies tun, öffnen Sie es, erstellen Sie ein neues Xcode-Projekt, wählen Sie Sticker Pack Application, und wählen Sie Weiter. Produktname, benennen Sie einfach Ihr Produkt. Ich werde diese Skillshare Aufkleber nennen. Den Teamnamen können Sie das vorerst überspringen. Wenn Sie dies im App Store einreichen möchten, geben Sie hier Ihren Entwicklernamen ein. Organisationsname ist in der Regel Ihr eigener Name oder der Name Ihres Unternehmens. Dann ist die Organisations-ID in der Regel Ihr Domänenname und es ist in umgekehrten Domänennamen Namen Notationen. Mein Domainname ist ledouxville.com, also gehen Sie einfach com.ledouxville. Wenn Ihre Website hamburger.org ist, dann werden Sie org.hamburger gehen. Wählen Sie Weiter, finden Sie einen Ort, an dem Sie sie speichern können. Ich werde einen neuen Ordner auf meinem Desktop erstellen und es Skillshare xcode nennen, Erstellen und dann richtet es es ein. Dies sind alle Standardwerte, mit denen ich normalerweise nicht verwirre. Aber was Sie tun wollen, ist hier auf der linken Seite wo es Stickers.xcstickers steht, wählen Sie das aus. Hier oben in der nächsten Spalte ist iMessage App Icon. Sie möchten Symbole für Ihre App exportieren, die auf Ihrem Home-Bildschirm Ihres iPhone in alle verschiedenen Größen treffen würden. Was wir tun werden, ist hier zum Sticker-Pack zu gehen. Hier ziehen wir unsere Sticker in Xcode. Ich gehe zu diesem, klicke darauf. Hier sind alle meine Aufkleber. Für die statischen Aufkleber, Aufkleber ohne Animation. Sie können sie einfach alle auswählen und sie dann ganz rechts hineinziehen. Dann, wenn Sie Aufkleber mit Animationen haben, was ich natürlich tun. Von dort aus möchten Sie entweder zum Editor gehen und auf „Add Assets New Sticker Sequenz“ klicken. Dann wählen Sie alle Assets für einen bestimmten Aufkleber aus. Hier drüben, das sind alle meine Röntgen-Spezifikationen Brillenbilder, die ich in eine Animation kompilieren möchte. Ich ziehe alle diese in meine Sticker-Sequenz. Anstatt zum Editor zu gehen und Assets hinzufügen zu können, können Sie auch das Klicken und Hinzufügen von Assets steuern und eine neue Stickersequenz erstellen. Gehen Sie einfach durch alle Ihre Sticker und fügen Sie sie alle zu Xcode hinzu. Gehen Sie zu sprengen und machen Sie das ziemlich schnell. Eine Sache, wenn Sie wollen, können Sie einfach gehen neue Sticker Sequenz. Auf diese Weise müssen Sie nur alle reinwerfen, und da bin ich. Ich habe alles reingeworfen. Ich habe eine zusätzliche Sticker-Sequenz gemacht, so kann ich einfach entfernen, dass. Dann möchte ich von hier aus sicherstellen, dass alle meine Aufkleber die richtige Größe haben. Ich werde alle von ihnen auswählen und ich will sie groß. Hier drüben auf der rechten Seite wähle ich Groß aus. An dieser Stelle möchten Sie jetzt Ihre Animationseinstellungen anpassen. Wenn Sie auf den Wiedergabepfeil oben auf dem Sticker klicken, wird angezeigt, wie die Animation aussieht. Für mich geht das zu schnell, also möchte ich es verlangsamen. Ich könnte fünf versuchen und sehen, wie das aussieht. Das ist zu langsam, also versuche ich vielleicht neun. Das sieht gut aus. Gehen Sie durch und tun Sie all das auf alle Ihre Sticker-Animationen, um sicherzustellen, dass Sie sie richtig aussehen. Sobald Sie alle Ihre Animationen richtig aussehen, dann werden Sie Ihr Sticker-Paket testen. hier oben unter Sticker Pack-Erweiterung Wählen Siehier oben unter Sticker Pack-Erweiterungdie Telefongröße aus, die Sie auf dem iPhone oder iPad ausprobieren möchten. Ich werde sieben versuchen. Gehen Sie zu Produkt, gehen Sie laufen und es wird Ihr Sticker-Pack in ein Mock kompilieren. Dann erscheint Ihr Mustertelefon wählen Sie Ihr Skillshare Sticker Pack aus. Dann werden sie auftauchen, und hier sind alle Ihre Aufkleber. Scrollen Sie durch und finden Sie die, die Sie wollen. Ich werde das Skelett machen. Ich werde ein paar Röntgen-Spezifikationen auf ihn setzen, ein paar Zähne. Da gehst du, es funktioniert. Im Moment bin ich Kate. Aber du kannst hier rüber gehen und John wählen und dich mit dir selbst unterhalten. Stellen Sie sicher, dass alles so funktioniert, wie Sie es wollen. Da ist es, du bist fertig. Wenn Sie Ihre Aufkleber überhaupt weiter optimieren möchten, können Sie den Simulator beenden und einfach zurückgehen und alle Ihre Animationen optimieren und dann einfach Ihren Telefon-Mock neu aufbauen. Es ist so einfach wie das. 8. Aufarbeitung: Herzlichen Glückwunsch. Sie haben jetzt Ihre ganz eigene Stickerpackung entworfen. Wenn Sie daran interessiert sind, sie in den App Store zu gelangen, müssen Sie sich für das Entwicklerprogramm von Apple registrieren und die erforderlichen Schritte unternehmen, um Ihre App an den Store zu senden. Es ist ein wenig involviert. Es erfordert, dass Sie verschiedene Symbole in verschiedene Größen exportieren, was einfach ist, aber dann gibt es auch digitale Zertifikate, Debugging und einige andere technische Mumbo-Jumbo , mit denen ich normalerweise nicht in meinem täglichen und nur Zeichnung Bilder. Aber es gibt genug Tutorials, die Sie durch den Prozess führen, der, denke ich, Sie werden wahrscheinlich in der Lage sein, es mit sehr minimalen Stufen zu tun. Wenn ein tauber Schädel wie ich es herausfinden kann, dann bin ich mir sicher, dass du das auch kannst. In der Zwischenzeit posten Sie verarbeitete Bilder Ihrer Konzepte und Ihrer Skizzen und Ihrer endgültigen Vektorbilder und all das in die Projekt-Galerie, damit wir uns alle inspirieren und hoffentlich die Grenzen des Möglichen schieben können mit digitalen Aufklebern. Danke, dass du diese Klasse genommen hast, ein Teil davon bist und mir zugehört hast. Es tut mir leid für den Ansturm der Almosen, aber ich hoffe, Sie hatten eine gute Zeit und schauen Sie sich meine anderen Klassen an, wenn Sie es noch nicht getan haben. Danke.