|

powered by fussball-shirts.com
Fussball T-Shirts
Dieses Vektor Tutorial zu deinen Social Bookmarks hinzufügen:
|
In diesem Tutorial versuche ich euch näher zu bringen,
wie ihr ein Gesicht als Vektorgrafik auf ein Shirt
bringt.
Dazu benötigt ihr Adobe Photoshop und Adobe Illustrator. Ich
habe mit den Creative Suite (CS) Versionen gearbeitet (Ich arbeite mit den englischen Programmversionen, deshalb
bitte nicht wundern, dass die Bezeichnungen auf den Screenshots in
englisch sind). Sollte
aber auch in früheren Versionen bzw. in CS2 fast identisch
funktionieren.
Viel Spass!
CHRISTOF
|
|
|
|
|
|
 |
Starte
Photoshop und öffne dort ein Bild Deiner Wahl...

|
... und nutze den Radiergummi (Ersaser Tool)
bzw. den Zauberstab (Magic Wand Tool) und stelle damit dein
Wunschobjekt frei.
TIP: Falls ihr auf eurem Foto sehr helle
Partien habt, die ihr aber nicht verlieren wollt - zb. graue
Haare, etc. - verwendet das Burn - Tool um diese dunkler zu
machen, bevor ihr das Objekt freistellt.
|
|
|
|
|
|
|
|
|
|
|
 |

Unter
"Bild > Einstellen >
Helligkeit/Kontrast"
("Image > Adjustments >
Brightness/Contrast")
erhöhen wir nun die Werte, bis die
Haut großteils weiß erscheint.
Hier in unserem Fall liegen die Werte bei Brigtness +27
und Contrast +88. Achtet darauf, dass nicht alle Details verloren
gehen (zb. Grübchen über dem Mund, Falten neben der Nase etc. -
diese Verleihen der Grafik nachher Persönlichkeit). |

|
|
|
|
|
|
|
|
|
|
|
 |

Nun wird das Bild in ein Graustufenbild umgewandelt. Die
Einstellung findest du unter
"Bild > Einstellen >
Graustufen"
("Image > Mode > Grayscale")
|

|
|
|
|
|
|
|
|
|
|
|
 |
Nun stellen wir ein, wie viele
verschiedene Grautöne wir im Bild haben möchten.
Hierzu öffnen wir das Menü
"Bild > Einstellen >
Tontrennung"
("Image > Adjustments > Posterize")
und geben den Wert 2 ein.

Der Befehl "Tontrennung" legt die
Helligkeitswerte für jeden Kanal fest. In einem
"normalen" (RGB) Bild gibt es 3 Kanäle: rot, grün und
blau. Da wir unser Bild auf Graustufen umgestellt haben, haben wir
lediglich noch 1 Kanal. Der Wert 2 verringert die Helligkeit im
Bild hier also auf schwarz & weiß (im RGB Modus hätten wir
hier für jeden der 3 Kanäle je 2 Werte, sprich gesamt 6.)
|

|
|
|
|
|
|
|
|
|
|
|
 |
Das Bild hat jetzt noch sehr viele
kleine Flächen, Ecken und Kanten, die im Druck nicht wiedergegeben werden
können (mindestbreite für Linien und Flächen sind 1,5 mm -
Ausnahme: Spitzen).

Deshalb überarbeiten wir das Bild mit dem Pinsel (Brush
Tool). Hier können wir auch gewollte Konturen die im
Originalbild noch weiß sind schwarz nachzeichnen (siehe zb. obere
Kante der Schildkappe) |

|
|
|
|
|
|
|
|
|
|
|
 |
Als nächstes entfernen wir alles was
nicht vektorisiert werden soll - hierzu ist der Zauberstab (Magic
Wand Tool)
wieder sehr hilfreich. Feinarbeiten können auch
mit dem
Radiergummi (Eraser Tool) gemacht werden.
|

|
|
|
|
|
|
|
|
|
|
|
 |

Nun öffnen wir "Auswahl > Farbbereich" ("Select
> Color Range...") und klicken mit der Pipette (Eyedropper
Tool) auf einen beliebigen schwarzen Punkt auf unserem Bild. Somit
wird die komplette schwarze Fläche im Bild ausgewählt. |

|
|
|
|
|
|
|
|
|
|
|
 |
Diese Auswahl wird nun verwendet, um
daraus einen Pfad zu erstellen.
Hierzu öffnen wird den Reiter
"Fenster >
Pfade"
(Window > Paths)
und klicken auf den Pfeil in
der rechten oberen Ecke. Im nun erscheinenden Menü wählen wir
"Arbeitspfad
erstellen..."
("Make Work Path...")
aus.
Nun
geben wir den Toleranzwert ein. Dieser bestimmt, wie genau der
Pfad an der ausgewählten Fläche entlang läuft.
Bei kleineren Bilder ist hier die Einstellung 1-2 zu empfehlen,
bei unserem Bild (Größe zum jetzigen Zeitpunkt ca. 700x900 px)
verwenden wir den Wert 3.
|

|
|
|
|
|
|
|
|
|
|
|
 |
Jetzt haben wir den Pfad um das Bild
erstellt (sichtbar durch eine durchgehende graue Linie). Diesen
Pfad exportieren wir jetzt - hierzu öffnen wird das Menü
"Datei
> Exportieren > Pfade nach Illustrator"
(File >
Export > Paths to Illustrator"),
wählen einen
Dateinamen aus und speichern die Datei ab (zb. Vektorpfad.ai).
Somit ist die Photoshoparbeit erledigt...
|

|
|
|
|
|
|
|
|
|
|
|
 |
Wir öffnen nun den Adobe Illustrator
und darin die Datei, die wir soeben in Photoshop abgespeichert
haben (Vektorpfad.ai).
Keine Panik, wenn ihr im ersten Moment nichts seht. Photoshop
hat nur die Pfade exportiert. Diese müssen nun eingefärbt
werden.

Da in unserem Fall nur 2 Farben nötig sind, geht am besten so
vor: Drückt "Strg+A" um alle Pfade zu markieren. Dann
wählt die Farbe schwarz aus.
Nun habt ihr alle Flächen schwarz eingefärbt. Sucht euch
jetzt die Flächen, die weiß sein müssen - in unserem Fall ist
das lediglich der kleine Fleck im linken Auge. Um diese
aufzufinden ist es manchmal nützlich, in die Umrissansicht unter
"Ansicht
> Umrisse"
(View > Outline")
zu wechseln.
|

|
|
|
|
|
|
|
|
|
|
|
 |
Das Erstellen des Pfades in Photoshop
ist eine enorme Zeitersparnis. Diese Erleichterung hat jedoch den
Nachteil, dass automatisch viele unnötige Ankerpunkte gesetzt
werden.

Damit dies im Druck nicht zu Problemen führt, werden diese
jetzt bereinigt.
ierzu verwenden wird das
"Ankerpunkt-löschen-Werkzeug"
("Delete Anchor Point Tool").
Dieses findet ihr im
Menü welches erscheint, wenn ihr mit der Maus länger auf das
Zeichenstift-Werktzeug drückt. Mit diesem Werkzeug könnt ihr nun alle nicht benötigten
Punkte durch einfaches anklicken entfernen.
Neben überflüssigen Ankerpunkten gibt es auch unnötige
kleine Flächen, die gelöscht werden müssen (wie zb die unteren
2 rot markierten Punkte).
|

|
|
|
|
|
|
|
|
|
|
|
 |
So, nun sind wir schon so gut wie
fertig. Die schlussendliche Version der Vektorgrafik sollte am Besten
eine Grösse so um die 500x700 px haben, je nach Proportion
natürlich... Mehr ist unnötig und kann dazu führen, dass ihr
die Grafik nur in 100% aufs Shirt nehmen könnt - sprich, dass es
immer die volle T-Shirt Breite ausfüllt.
Bitte kontrolliert vor dem Einschicken aber nochmals, ob ihr
keine Fläche unter die 1,5 mm Marke fällt. Die macht ihr am
einfachsten, indem ihr einen Kreis mit 1,5 mm zeichnet (wählt das
Kreiswerkzeug aus und klickt auf die Arbeitsfläche, dann
erscheint ein Fenster in dem ihr die genaue Grösse des Kreises
angeben könnt) und dann damit die kleinen Flächen vergleicht.

Jetzt einfach die Grafik als EPS Datei speichern (" Datei
- Speichern unter" und bei Dateityp "Illustrator EPS"
auswählen) und bei Spreadshirt einschicken, freischalten lassen und
Millionär werden...
Viel Spass! |

|
|
|
|
|
|
Christof Flachsmann - Fussball Trikot - http://www.flachsi.com - Fussball Fanartikel
Dieses Vektor Tutorial zu deinen Social Bookmarks hinzufügen:
|
|