Wie man ein Skateboard für den Digitaldruck herstellt

Loungekat zeigt uns, wie man ein Skateboard-Design mit einigen der neuen Funktionen in Illustrator CS4 erstellt. Schauen wir uns ihren Prozess der Erstellung dieses heißen Vektordesigns an und wie man ihn für den Digitaldruck vorbereitet - der CS4-Weg. Lasst uns anfangen!

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


Schritt 1 - Inspiration

Betrachten Sie die Art der Grafik, die Sie erstellen möchten. Ich würde empfehlen, ein Moodboard zu machen, wenn Sie Zeit haben. Für diejenigen, die es vielleicht nicht wissen, ist ein Moodboard eine Sammlung inspirierender Referenzen. Traditionell werden Stimmungsbretter aus Papierausschnitten hergestellt und auf Schwerlastkarton geklebt. In diesen Tagen ist eine Photoshop-Montage eine schöne Alternative. Die Bilder unten sind von ffffound.com gesammelt.



Schritt 2 - Skizze

Verwenden Sie Ihr Moodboard als Inspiration, um Ihre Idee zu skizzieren. Berücksichtigen Sie die Form und Form des Decks sowie das Bild. Pauspapier ist nützlich, wenn Elemente wiederholt werden. Nehmen Sie sich so viel Zeit, wie Sie für diesen Schritt brauchen, und Sie müssen sich nicht mit Kreativität beeilen.



Schritt 3 - Scannen und Bereinigen in Photoshop

Scannen Sie das Bild in Photoshop. Da es in Illustrator als Leitfaden verwendet wird, sollten Sie die Pegel anpassen und unerwünschte Markierungen löschen. Ein Leitfaden kann auch bei der Bestimmung der Zusammensetzung helfen. Eine einfache Anleitung kann erstellt werden, indem Sie eine Ebene über der Skizze erstellen und eine inverse Form des Skateboards ausfüllen. Wenn Sie fertig sind, wählen Sie die Skizze aus und kopieren Sie sie (Befehl + C) (Ohne Führungsebene)..



Schritt 4 - Legen Sie den Arbeitsbereich in Illustrator fest

Das Wichtigste zuerst ... Bei der Verwendung von Kreativsoftware sollten Sie den Arbeitsbereich immer einstellen, bevor Sie mit der Arbeit beginnen. Dieser kleine Schritt spart Ihnen später Zeit. Wenn Sie die Version CS4 verwenden, können Sie Ihre Einstellungen mit einer praktischen Funktion speichern. Diese befindet sich oben rechts im Programm.



Schritt 5 - Erstellen oder öffnen Sie eine Vorlage in Illustrator

Öffnen Sie Illustrator und erstellen Sie eine Datei, die etwas größer als Ihre Skateboard-Abmessungen ist.

Es ist immer am besten, eine Vorlage zu haben, wenn Sie mit Skateboard-Grafiken arbeiten. Sie werden feststellen, dass jedes Element des Decks eine eigene Ebene hat. Ich habe dies gemacht, indem ich eine Anleitung für das Skateboard aufspürte, jedes Element in eine andere Ebene aufteilte und die Bereiche markierte, auf die ich achten muss. Das Truck Overlay (4) wurde eingefügt, um Teile des Designs zu zeigen, die von den LKWs verdeckt und von den Rädern verdeckt werden können.

Hinweis: Skateboards gibt es in vielen verschiedenen Größen. Daher sollten Sie vor dem Start genau überprüfen, für welche Sie entworfen werden.



Schritt 6 - Fügen Sie die Skizze ein

Erstellen Sie eine neue Ebene, und fügen Sie (Befehl + V) in das Bild ein, das aus Photoshop kopiert wurde. Passen Sie die Größe der Skizze an die Vorlage an. Wenn die Skizze ausgewählt ist, gehen Sie zur Transparenzpalette und reduzieren Sie die Transparenz auf etwa 30%. Doppelklicken Sie in der Ebenenpalette auf die Ebene, nennen Sie sie "Skizze" und sperren Sie sie.



Schritt 7 - Erstellen Sie eine neue Ebene

Erstellen Sie eine weitere Ebene unter der Ebene "Sketch" und nennen Sie sie "Image - Lashes".



Schritt 8 - Der NEUE Blob-Pinsel!

Wählen Sie den Blob-Pinsel aus dem Werkzeugbereich aus, doppelklicken Sie auf das Symbol, um das Dialogfeld aufzurufen. Ändern Sie die Wiedergabetreue auf 10 Pixel (Je höher der Wert, desto glatter und weniger komplex ist der Pfad, desto niedriger ist die Kontrolle, die Sie über die Form haben) und die Glätte auf 20% (je höher der Prozentsatz, desto glatter der Pfad, aber) es macht es auch weniger genau). Die Größe des Pinsels hängt von der Größe Ihres Bildes ab.



Schritt 9 - Gliederung

Folgen Sie dem äußeren Rand der Augenform mit dem Pinsel.



Schritt 10 - Punkt

Sobald das Auge aufgespürt ist, können Sie die unteren Wimpern hinzufügen, indem Sie den Pinsel punktieren (passen Sie ggf. den Pinsel an)..



Schritt 11 - Füllen

Füllen Sie den Rest des Auges so, dass die Form vollständig bedeckt ist.



Schritt 12 - Vereinfachen Sie das Objekt

Wählen Sie die Form aus und gehen Sie zu Objekt> Pfad> Vereinfachen. Passen Sie die Form an, bis sie glatt ist (stellen Sie sicher, dass die Vorschau ebenfalls aktiviert ist.).



Schritt 13 - Neue Ebene

Bilde eine andere Ebene und nenne sie "Image - Whites". Wählen Sie das Stiftwerkzeug aus dem Werkzeugfenster (P) und verfolgen Sie das Weiß des Auges.



Schritt 14 - Schnittmaske

Erstellen Sie eine neue Ebene, nennen Sie sie "Image - Iris". Wähle das Ellipse-Werkzeug (L) aus und zeichne einen Kreis über der Iris. Wählen Sie die Weißform aus, kopieren Sie (Befehlstaste + C) und sperren Sie die Ebene "Bild - Weißtöne". Wählen Sie die Ebene "Bild - Iris" und fügen Sie das Objekt vor dem Objekt ein (Befehlstaste + F). Wählen Sie nun bei gedrückter Umschalttaste die Form der Iris aus und erstellen Sie eine Schnittmaske, indem Sie mit der rechten Maustaste klicken und zu Schnittmaske erstellen (Befehl + 7) gehen..



Schritt 15 - Objekt in einer Schnittmaske (CS4)

Doppelklicken Sie auf die Irismaskengruppe, um eine neue Form in der Maske zu erstellen. Zeichnen Sie eine Pupille mit dem Ellipse-Werkzeug (L).



Schritt 16 - Pfadfinder in einer Schnittmaske (CS4)

Zeichnen Sie mit der Pupillenform unter der Schnittmaske eine Reflexionsform und ziehen Sie die Ebene unter die Pupille. Wählen Sie beide aus und klicken Sie im Pathfinder-Feld auf Minus Back (Umschalt + Befehl + F9). Diese Gruppenebenen können genauso benannt werden wie reguläre Ebenen, aber ich würde es nur tun, wenn das Bild extrem kompliziert ist.



Schritt 17 - Machen Sie das Augenlid

Bilde eine Ebene und nenne sie "Bild - Augenlid". Verfolgen Sie die Augenlidform mit dem Stiftwerkzeug (P), und runden Sie die Spitze ab, indem Sie das Werkzeug Ankerpunkt konvertieren (Umschalttaste + C) verwenden und diagonal vom Ankerpunkt wegziehen.



Schritt 18 - Reflektiere das Auge

Wählen Sie das gesamte Augenbild aus und wählen Sie das Reflektierwerkzeug (O), halten Sie die Alt-Taste gedrückt, und klicken Sie auf die Stelle, an der sich der Reflexionsbezugspunkt befinden soll. In diesem Fall ist es die Mitte der Augen. Das Dialogfeld zum Spiegeln wird angezeigt. Wählen Sie in den Achsenoptionen die Option Vertikal aus, und klicken Sie dann auf Kopieren.



Schritt 19 - Fixieren Sie die zweite Reflexion

Persönlich gibt es nichts, was ich mehr hasse als Augen, die ein Spiegelbild haben, das macht sie gekreuzt. Um diesen Doppelklick in das linke Auge zu fixieren, bis Sie die Pupille erreichen, wählen Sie das Reflektierwerkzeug (O), halten Sie die Alt-Taste gedrückt und klicken Sie in die Mitte des Auges. Wählen Sie im Dialogfeld Spiegeln die Option Vertikal aus und klicken Sie auf OK.




Schritt 20 - Die NEUE Erscheinungsfunktion (CS4)

Wählen Sie das Stiftwerkzeug (P) aus der Werkzeugpalette und zeichnen Sie die Außenseite der Abbildung in Weiß nach. Wenn Sie dies getan haben, wählen Sie die Umrissform aus und rufen Sie das Fenster "Darstellung" auf, indem Sie auf Fenster> Darstellung (Umschalt + F6) gehen..

Fügen Sie einen Strich hinzu, indem Sie in der unteren linken Ecke auf die Schaltfläche Neuer Strich klicken. Klicken Sie in die Strichzeile, um die Werte anzuzeigen und festzulegen. Färben Sie den Strich grau und stellen Sie das Gewicht auf 0,8 cm. Machen Sie dann einen zweiten Strich unter dem ersten, ändern Sie die Farbe in Schwarz und stellen Sie das Gewicht auf 2 cm.

Speichern Sie das Erscheinungsbild des Pfads, indem Sie das Vorschausymbol (in der oberen linken Ecke des Bedienfelds „Erscheinungsbild“) in das Bedienfeld „Grafikstile“ ziehen, indem Sie zu „Fenster“> „Grafikstile“ (Umschalt + F5) wechseln. Um dem Grafikstil einen Namen zu geben, doppelklicken Sie auf das Farbfeld, um den Namen-Dialog aufzurufen.



Schritt 21 - Erstellen Sie ein sich wiederholendes Muster

Verwenden Sie alle zuvor beschriebenen Techniken, um ein sich wiederholendes Muster zu erstellen. Sie müssen Ihr Muster nicht so kompliziert machen wie das Beispiel. Wenn Sie es versuchen wollen, dann denken Sie an diese Regel… Etwas, das aus dem Muster herauskommt, muss sich wieder einspeisen - also wird links nach rechts und nach oben zu unten ( wie in weiß hervorgehoben gesehen).

Gruppieren Sie Ihre Musterelemente, legen Sie eine transparente Box um sie herum und senden Sie sie nach hinten (Befehlstaste + Umschalttaste + linke Klammertaste). Wählen Sie die Gruppe plus die transparente Box aus und ziehen Sie sie in das Farbfeldbedienfeld. Sie haben jetzt ein neues Musterfeld.



Schritt 22 - Überprüfung

So sieht mein Muster unter den Augen aus. Es ist in Ordnung, aber ich möchte noch ein bisschen herumspielen. Nutzen Sie auch die Gelegenheit, um die Farbfelder-Palette von unerwünschten Farben oder fehlerhaften Mustern zu löschen. Gehen Sie zum Farbfeldbedienfeldmenü, wählen Sie Alle nicht verwendeten aus und ziehen Sie sie in die Bin (Löschen)..



Schritt 23 - Das Muster drehen und seine Größe ändern

Ein Muster, das sich mit seiner Form verändert? Ich war auch überrascht Machen wir das. Drehen und / oder vergrößern Sie das Muster mit dem Free Transform Tool (E). Verwenden Sie das Direktauswahl-Werkzeug (A), um die Ankerpunkte zurück in die Rechteckform des Skateboards zu verschieben, oder erstellen Sie ein anderes Rechteck für das Skateboard und nehmen Sie das bearbeitete Muster mit dem Pipettenwerkzeug (I) auf..



Schritt 24 - Bearbeiten Sie das Muster

Sie können auch Größe und Drehung von einem Muster zum anderen anwenden. Ich habe zum Beispiel ein Element in meinem Design geändert und wollte mein zuvor verkleinertes und gedrehtes Muster durch das neue ersetzen. Nachdem die Form isoliert und ausgewählt war, wählte ich dann ein neues Muster aus der Farbfeldpalette (ein Klick, zwei Klicks machen die ursprüngliche Größe und Rotation) und ersetzte es - ziemlich einfach. Sie werden feststellen, dass einige Muster transparente Linien aufweisen. Dies ist nur ein Rendering-Fehler und erscheint beim Exportieren nicht.



Schritt 25 - Eine andere Zeichenfläche erstellen!

Inzwischen haben Sie schon gedacht, dass es mir Spaß gemacht hat, die neuen Funktionen von CS4 zu lernen. Lass mich dir den zeigen, der den Kuchen nimmt. Mehrere Zeichenflächen!

Wählen Sie das Zeichenbrett-Werkzeug aus, klicken Sie im Steuerungsbedienfeld auf die Option zum Verschieben / Kopieren von Bildmaterial, ziehen Sie das Bildmaterial bei gedrückter Alt-Taste, um eine Kopie zu erstellen.



Schritt 26 - Colorways

Sie können mit Farbvarianten herumspielen, indem Sie Farbmuster von Grafikstilen duplizieren. Wählen Sie zunächst alles in Artboard Nummer eins aus und sperren Sie es, indem Sie auf Objekt> Sperren> Auswahl (Befehl + 2) gehen. Wählen Sie nun das Element aus, das Sie ändern möchten, klicken Sie auf die Schaltfläche Ähnliche Objekte auswählen, duplizieren Sie das entsprechende Farbfeld und ändern Sie die Farbwerte. Muster ändern sich nicht. Sie müssen also die Farben in der Mustergrafik ändern und in ein neues Musterfeld umwandeln, bevor sie auf den Hintergrund angewendet werden.



Schritt 27 - Exportieren Sie das endgültige Kunstwerk

Wenn Sie so viele verschiedene Designs und Farbwahlen erstellt haben, wie Sie möchten, deaktivieren Sie die Vorlagenebene (sofern noch nicht geschehen) und exportieren Sie die Datei.

Ich habe festgestellt, dass Illustrator beim Exportieren großer Bilder häufig Speicherprobleme hat. Daher ist eine PDF-Datei ein guter Weg, um dies zu umgehen. Gehen Sie zu Datei> Speichern unter (Befehlstaste + Umschalttaste + S) und speichern Sie sie als PDF. Illustrator speichert jedes Artboard automatisch als andere Seite in der PDF-Datei. Wenn Sie eine andere Datei erstellen möchten, geben Sie die PDF-Datei in Photoshop öffnen ein, wählen Sie die zu importierende Seite aus, und speichern Sie sie entsprechend den Anforderungen.

Wenn Sie Grafiken für einen Onlinedienst wie z. B. Zazzle erstellen, exportieren Sie Ihre Bilder aus Photoshop als 300-dpi-PNG-Dateien (in RGB), da diese für den Digitaldruck am besten geeignet sind.



Fazit.

Hier sind meine fertigen Skateboards (nach etwas Photoshop von Nunosk8).