powered by fussball-shirts.com
Fussball T-Shirts



Dieses Vektor Tutorial zu deinen Social Bookmarks hinzufügen:
Bookmark bei: Mr. Wong Bookmark bei: Webnews Bookmark bei: Icio Bookmark bei: Oneview Bookmark bei: Folkd Bookmark bei: Yigg Bookmark bei: Linkarena Bookmark bei: Digg Bookmark bei: Del.icio.us Bookmark bei: Reddit Bookmark bei: Simpy Bookmark bei: StumbleUpon Bookmark bei: Slashdot Bookmark bei: Netscape Bookmark bei: Furl Bookmark bei: Yahoo Bookmark bei: Spurl Bookmark bei: Google Bookmark bei: Blinklist Bookmark bei: Blogmarks Bookmark bei: Diigo Bookmark bei: Technorati Bookmark bei: Newsvine Bookmark bei: Blinkbits Bookmark bei: Ma.Gnolia Bookmark bei: Smarking Bookmark bei: Ma.Gnolia





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:
Bookmark bei: Mr. Wong Bookmark bei: Webnews Bookmark bei: Icio Bookmark bei: Oneview Bookmark bei: Folkd Bookmark bei: Yigg Bookmark bei: Linkarena Bookmark bei: Digg Bookmark bei: Del.icio.us Bookmark bei: Reddit Bookmark bei: Simpy Bookmark bei: StumbleUpon Bookmark bei: Slashdot Bookmark bei: Netscape Bookmark bei: Furl Bookmark bei: Yahoo Bookmark bei: Spurl Bookmark bei: Google Bookmark bei: Blinklist Bookmark bei: Blogmarks Bookmark bei: Diigo Bookmark bei: Technorati Bookmark bei: Newsvine Bookmark bei: Blinkbits Bookmark bei: Ma.Gnolia Bookmark bei: Smarking Bookmark bei: Netvouz

Social Bookmarking

 

Fussball T-Shirts | Fussball Baby Shirts | Fussball Verein Shirts | 1 Fussball Bundesliga Shirts | Fussball Manager Shirts | Fussball Bundesliga Shirts | Frauenfussball Fussball Shirts | Fussball Kinder Shirts | Fussball Shirts | Fussball Trikots