Mesh Boxhandschuhe und Poster Design

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

In diesem Plus-Tutorial erkläre ich, wie man mit dem Mesh Tool realistisch aussehende Boxhandschuhe erstellen kann und mit ihnen ein Event-Poster machen. Das ist eine ausführliche Erklärung, und Sie sollen ein gutes Verständnis des Netzwerkzeugs haben.

Sie finden die Quelldateien in dem Verzeichnis mit der Bezeichnung "source", das in den heruntergeladenen Dateien enthalten ist. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.

Schritt 1

Vor jedem Design setze ich mich hin und mache ein Brainstorming. Ich liebe es, im Internet zu surfen und Ideen zu sammeln. Ich schreibe auch Schlüsselwörter auf, die helfen, noch mehr Ideen zu entwickeln. Sobald ich einige Ideen gesammelt habe, werde ich mich hinsetzen und mit dem Nageln des Daumens beginnen. Ich werde kleine Kisten zeichnen und schnell meine Ideen skizzieren. Das hilft, keine zu vergessen und schränkt Designs ein. Normalerweise zeichne ich über eine Seite voller Miniaturansichten. Dann werde ich sie mir ansehen und die auswählen, die am vielversprechendsten aussieht.

Danach beginne ich mit der Erstellung einer semi-umfassenden Layoutskizze. Es ist etwas detaillierter und hilft, die Layout-Ideen zusammenzufassen. Jetzt habe ich ein gutes Verständnis dafür, wie mein Design aussehen soll. Es hilft mir, mich zu konzentrieren, und ich habe eine Referenz, die ich beim Entwerfen beachten muss.

Schritt 2

Da ich mir ein Paar Boxhandschuhe ausgesucht habe, die ich seit meiner Kindheit hatte, habe ich angefangen, sie in allen möglichen Winkeln zu fotografieren. Nach einigem Auswählen in Photoshop habe ich ein Foto ausgewählt, auf dem die Handschuhe basieren. Starten Sie nun Adobe Illustrator und platzieren Sie das Foto im neuen Dokument. Ich entschied mich für eine Standard-Postergröße von 19 x 24 Zoll. Natürlich können Sie Ihr eigenes Poster so groß erstellen, wie Sie möchten. Diese Dinge hängen immer von den Wünschen, Budgets und Reproduktionsgrenzen des Kunden ab.

Schritt 3

Legen Sie das Foto auf eine eigene Ebene und sperren Sie es. Ich habe das Bild auch über die Ebenenoption um 50% gedimmt. Erstellen Sie dann eine weitere Ebene und nennen Sie sie "outline". Beginnen Sie mit dem Stiftwerkzeug (P), die Handschuhe zu verfolgen, und stellen Sie den Strich auf 1 Punkt Schwarz und keine Füllung ein. Ich begann mit der Verfolgung des rechten Handschuhs.

Machen Sie Ihnen keine Sorgen über die Genauigkeit. Ich versuche, so nah wie möglich an der Form zu bleiben, aber als Künstler haben Sie die Freiheit und die Wahl, Ihre eigene Interpretation einzubringen. Es macht es zu Ihrer eigenen Schöpfung anstatt zu reiner Reproduktion. Sobald Sie den rechten Handschuh verfolgt haben, fahren Sie mit dem linken Handschuh fort und verfolgen Sie ihn ebenfalls. Wir werden diese Formen immer wieder brauchen. Sie dienen als Grundformen für die Netzobjekte und Schatten, die wir später erstellen werden.

Schritt 4

Gewöhnlich entscheide ich mich vorher für ein Farbschema. Da ich das Rot der Handschuhe mag, habe ich mich für diese Farbe entschieden und ein schönes Farbschema ausgewählt, das Rot- und Orangetöne, ein schönes Dunkelbraun, einige Glanzlichtfarben und ein Beulenschwarz umfasst.

Ein Bump Black ist eine schwarze CMYK-Farbe. Es besteht aus 10% CMY und 100% K. Das Bump Black wird normalerweise zum Drucken verwendet, wenn ziemlich viel schwarze Farbe vorhanden ist. Es gibt dem Schwarz ein reiches mutiges Aussehen. 100% K für einen vierfarbigen Druck sind nicht reich genug und können ein Design langweilig erscheinen lassen.

Schritt 5

Sobald die Verfolgung abgeschlossen ist, können wir die Formen mit einem tiefen Rot füllen, das ich ausgewählt habe. Machen Sie ein Duplikat der Formen und platzieren Sie sie auf einer neuen Ebene. Sperren Sie die erste Ebene.

Schritt 6

Wir müssen die einzelnen Teile der Handschuhe erstellen. Stellen Sie die Füllung der Handschuhformen auf keine ein. Wir brauchen vorerst nur den Schlaganfall. Stellen Sie sicher, dass Sie die anderen Ebenen ausblenden, damit Sie das Foto sehen können.
Beginnen Sie mit der Verfolgung entlang des gelben Teils der Handschuhe. Wir brauchen die gelben Teile, die Handschuhfront, den Daumen und die Unterseite des Handschuhs. Diese Formen helfen uns bei unseren Maschen.

Schritt 7

Zeichnen Sie um die Teile des Handschuhs. Um eine gleichmäßige Form zu erhalten, die der Kontur entspricht, lassen Sie die Linien die Konturform überlappen, wählen Sie dann die Linien aus und klicken Sie auf die Schaltfläche Teilen in der Pathfinder-Palette.

Schritt 8

Wenn Sie alle Formen erstellt haben, füllen Sie sie mit den gewünschten Farben. Ich habe ein Rot und ein Gelb aus meinen Originalmustern ausgewählt, die ich eingerichtet habe.

Schritt 9

Jetzt kommt der lustige Teil mit dem Mesh Tool (U). Das ist kein einfacher und schneller Weg, um Formen zu erstellen, die realistisch aussehen, aber glauben Sie mir, wenn Sie ein wenig geübt haben, werden Sie einen guten Eindruck davon bekommen und die Dinge werden einfacher fließen.

Normalerweise verstecke und enthülle ich das Foto, wenn ich mit dem Netzwerkzeug (U) arbeite. Studiere das Foto gut. Wir müssen auf die Lichter, Schatten, Falten und Knicke achten. Beginnen Sie mit dem Platzieren von Netzlinien, indem Sie auf die Kontur klicken. Ich habe Netzlinien wie ein Gittermuster platziert.

Schritt 10

Platzieren Sie Netzlinien in der Nähe von Schatten und Lichtern. Ich platziere eine Netzlinie fast über einem Schattenteil und auf jeder Seite eine weitere Netzlinie. Das ist wichtig, damit sich die Farben, die ich auftragen werde, nicht zu stark ausbreiten.

Schritt 11

Ich beginne immer mit einer helleren Farbe als Grundfarbe. Sobald ich genügend Netzlinien platziert habe, füge ich den Netzpunkten Farbe hinzu. Sie können dies tun, indem Sie das Direktauswahl-Werkzeug (A) auswählen, auf einen Netzpunkt klicken (hervorheben) und dann eine Farbe aus der Farbfeldpalette anwenden. Natürlich passen dunklere Rottöne zu den Schatten, hellere Rottöne zu den Lichtern.

Schritt 12

Wenn Sie eine Falte wie einen Schatten erzeugen, verwenden Sie am besten ein helles, dunkles Muster. Eine Netzlinie für Dunkelheit, eine für Hell usw. Sobald Sie mit dem Hinzufügen von Farben begonnen haben, sehen Sie, wo und wo Sie Lichter oder Schatten platzieren können. Ich verfolge das Foto nie wirklich genau, also übe keinen Druck auf dich aus. Lassen Sie Ihrer Fantasie freien Lauf.

Schritt 13

Hier können Sie sehen, wie es funktioniert, indem Sie auf jeden zweiten Netzpunkt ein dunkleres Rot setzen. Es gibt die Illusion einer Falte.

Schritt 14

Nur ein kurzer Blick ohne ausgewählte Pfade. Langsam aber sicher erwacht das Netz zum Leben.

Schritt 15

Ich habe viele weitere Netzlinien hinzugefügt und sie in einem gitterartigen Muster platziert. Achten Sie auf Highlights und Flächengrößen. Manchmal müssen Sie viel mehr Netzlinien hinzufügen, manchmal nur wenige. Ich gehe nicht gerne über Bord, aber einige Künstler erstellen auf diese Weise super realistische Illustrationen. Aber denken Sie daran, je mehr Maschen, desto mehr Arbeit. :)

Schritt 16

Um eine kleine Falte zu erstellen, habe ich eine Netzlinie für den Schatten und zwei auf jeder Seite hinzugefügt, um ihn einzuschränken. Ich habe auch senkrechte Netzlinien platziert, damit sie sich nicht zu stark ausbreiten.

Schritt 17

Manchmal möchten Sie eine Farbe erweitern oder verschieben, damit sie anders platziert wird. Sie können Netzpunkte einfach mit dem Direktauswahl-Werkzeug (A) verschieben und auch den Netzpunktgriff ziehen.

Schritt 18

Schauen Sie sich das Foto noch einmal an und vergleichen Sie es mit Ihrer Netzzeichnung. Hier sehen Sie eine tiefe Falte, an der ich arbeite.

Schritt 19

Stellen Sie sicher, dass Sie die äußersten Punkte der Form auswählen und sie mit einem dunklen Rot füllen. Dies erhöht die Tiefe.

Schritt 20

Manchmal liefern die Netzlinien in einer großen Form nicht das gewünschte Ergebnis, das ich erzielen möchte. Nichts hindert Sie daran, ein viel kleineres Stück darauf zu legen und ein paar Netzlinien hinzuzufügen. Das wird den Trick machen.

Schritt 21

Hier ist ein Blick auf den Gliederungsmodus (Befehl + Y) der Netzobjekte. Je enger die Maschen, desto detaillierter wird es.

Schritt 22

Hier ist ein erster Blick auf den richtigen Handschuh. Gar nicht so schlecht. Vergessen Sie nicht, eine Pause einzulegen, wenn Sie das Gefühl haben, festzusitzen. Manchmal kann ein Szenenwechsel einen frischen Geist geben.

Schritt 23

Ich habe das Gelb früher verfolgt. Es muss unter der Daumenform platziert werden.

Schritt 24

Ich habe eine kleinere gelbe Form über der anderen Form erstellt. Zu diesem Teil werde ich Netzlinien hinzufügen und im Grunde die vorherigen Schritte wiederholen. Maschen sind kein Geheimnis. Nur ein gutes Auge und ein Gespür dafür, wo die Punkte platziert werden sollen. Solange Sie die Regeln von Licht und Schatten befolgen, sollten Sie kein Problem haben.

Schritt 25

Schauen Sie sich den richtigen Handschuh an. Der Daumen hat ein zusätzliches Stück eines kleinen Netzes, um das vordere Highlight zu erzeugen. Das Gelb hat etwas Netz angewendet, befindet sich aber noch im Frühstadium. Der äußere Teil der Handschuhe sieht ziemlich gut aus.

Schritt 26

Schauen Sie diese Handschuhe an. Ich habe die Netzarbeiten an den Handschuhen mit ähnlichen Schritten wie oben beschrieben abgeschlossen. Einige Arbeiten befassen sich mit Netzobjekten, aber ich bin normalerweise mit den Endergebnissen zufrieden. Ich habe einige Nähte hinzugefügt, die ich mit einer gestrichelten Linie in einem dunkleren Gelb erstellt habe. Aber dieses kleine Detail verleiht dem Handschuh frische Luft. Manchmal kann nur ein kleiner Strich oder ein zusätzliches Detail einen großen Unterschied machen.

Schritt 27

Auf die Posterelemente. Zuerst habe ich einen rechteckigen Hintergrund in Schwarz (Bump Black) erstellt und ihn auf eine eigene Ebene unter alles andere gelegt.

Schritt 28

Ich möchte einen Fensterrahmen erstellen, also habe ich oben ein weiteres kleineres Rechteck erstellt und es vertikal zum Hintergrund zentriert.

Schritt 29

Dann habe ich beide Formen ausgewählt und einen zusammengesetzten Pfad hinzugefügt (Befehl + 8).

Schritt 30

Ich habe eine andere Form erstellt, die dieselbe Größe wie das Poster hat, und sie mit einem grauen bis beigen linearen Farbverlauf gefüllt.

Schritt 31

Ich platziere die Verlaufsform hinter der Rahmenform und füge die Netzhandschuhe darüber. Ich lege sie in die Mitte nach unten. Lassen Sie sie den Rahmen überlappen. Es gibt ein Gefühl dafür, wie sie aus dem Plakat kommen.

Schritt 32

Ich hatte die Idee, eine Menge im Hintergrund hinzuzufügen. Nichts Besonderes, nur eine Art Umriss. Hier ist, wie ich angefangen habe. Ich habe mit dem Ellipsen-Werkzeug (L) eine Ellipse erstellt.

Schritt 33

Ich habe es dupliziert und mehrere Kopien gemacht. Ich platzierte sie höher und niedriger und nur ein wenig entfernt, damit es nicht zu linear aussah.

Schritt 34

Ich habe die Ellipsen in Kopfform dupliziert, bis sie die gesamte Breite des Posters ausfüllten.

Schritt 35

Ich legte ein ungefähr gleich breites Rechteck darunter und ließ es mit den Köpfen überlappen. Dann habe ich die Köpfe und das Rechteck ausgewählt und in der Pathfinder-Palette auf Zum Formbereich hinzufügen geklickt.

Schritt 36

Ich habe einen linearen Farbverlauf von Schwarz zu Beige hinzugefügt, wobei das Schwarz oben liegt. Das ist meine Menge. Aber warte, etwas fehlt. Was könnte es sein?

Schritt 37

Natürlich. Wir brauchen ein paar jubelnde Hände. Ich habe hier wirklich einige schreckliche Hände gezeichnet. Aber da sie im Hintergrund sind, werden sie es tun. Natürlich könnten Sie mehr ins Detail gehen und tolle Rockerhände zeichnen.

Schritt 38

Das nächste, was mir als gute Ergänzung zu einem Poster einfiel, war ein Startstoß. Immer noch beliebt und fügt immer ein dynamisches Designinteresse hinzu. Ich zeichnete eine einfache Dreiecksform und füllte sie mit Rot.

Schritt 39

Dann habe ich es gedreht und dupliziert. Wählen Sie dazu die Form und das Drehwerkzeug (R). Klicken Sie dann einmal in den unteren Bereich des Dreiecks, halten Sie Befehlstaste + Alt gedrückt und ziehen Sie im Uhrzeigersinn. Lassen Sie zum Schluss die Maustaste los.

Schritt 40

Der unterhaltsame Teil des Duplizierens ist die Tastenkombination Befehl + D. Einfach und schmerzlos mehrmals auf Befehl + D klicken und hier haben wir unseren Startstoß.

Schritt 41

Mit einem Boxthema brauchen wir ein paar Ringseile. Erstellen Sie zwei lange Rechtecke, die zusammen die Breite des Posters ausfüllen. Einer sollte rot sein, der andere sollte beige sein.

Schritt 42

Fügen Sie dem roten Teil einen linearen Farbverlauf hinzu, um ihm ein abgeschrägtes Aussehen zu verleihen.

Schritt 43

Fügen Sie der beige Form einige Netzlinien hinzu, wählen Sie einen oder zwei Netzpunkte aus und wenden Sie eine dunklere beige Farbe an.

Schritt 44

Ich machte drei weitere Duplikate des Seils und legte sie in einem nicht linearen Muster auf das Poster unter den Handschuhen.

Schritt 45

Als nächstes brauchen wir eine ausdrucksstarke Posterschrift. Ich habe Pilsen Plakat von Dafont.com ausgewählt. Es ist wichtig, eine gute Schriftart für ein Poster auszuwählen. Nehmen Sie sich etwas Zeit für Recherchen. Es kann Ihr Design machen oder brechen.

Schritt 46

Ich hatte die Idee, es abgenutzt oder gekritzelt aussehen zu lassen. Wie könnte man einen der fantastischen Effekte, die Illustrator zu bieten hat, besser anwenden? Gehen Sie zu Effekt > Stilisieren > Kritzeln. Wenden Sie die Einstellungen an, die Sie im Bild unten sehen. Achten Sie darauf, dass der Effekt sowohl auf die Füllung als auch auf den Strich angewendet wird.

Schritt 47

Ich mache ein Duplikat des Textes und platziere ihn darunter. Ich habe den Strich in Rot geändert und die Größe auf 20pt eingestellt. Dann habe ich den gleichen Scribble-Effekt angewendet.

Schritt 48

Schauen Sie mal. Das ist ein ordentlicher Effekt. Es macht eine Art gestickten Text. Ich habe auch einige Sterne und mehr Text hinzugefügt.

Schritt 49

Ich habe mehr stilisierten Kritzeltext erstellt und ihn oben auf dem Poster platziert.

Abschluss

Dies ist das endgültige dynamische und effektive Poster. Denken Sie daran, ein Poster sollte Ihre Aufmerksamkeit auf sich ziehen und einfach mit Ihnen kommunizieren. Wenn zu viele Informationen vorhanden sind, verlieren Sie möglicherweise die Aufmerksamkeit des Lesers.

Beim Erstellen eines Posters versuche ich immer, einige einfache Regeln zu befolgen: Die K.I.S.S-Regel (einfach und dumm), die C.R.A.P. (Kontrast, Wiederholung, Ausrichtung und Nähe) Regel und die Z-Regel (von links oben nach rechts nach unten links nach rechts). Aber das Wichtigste ist, Spaß zu haben - vergiss das nie!