Community
Allgemeines Forum der fahrrad.de Community
Willkommen in der fahrrad.de Community - unserer interaktiven Informations- und Kommunikationsplattform rund um das große Thema Fahrrad.
Die Nutzung der fahrrad.de Community ist für jeden Besucher frei und kostenlos. Um jedoch alle Module aktiv verwenden zu können, Beiträge zu veröffentlichen, etc. musst du Dich bitte vorher kurz registrieren lassen (Username, eMail Adresse).
Es lohnt sich auf jeden Fall, mal reinzuschauen und in den zahlreichen Beiträgen, Blogs, Galerien und Videos der anderen User zu stöbern. Sollten Probleme bei der Registrierung auftreten, dann wende Dich bitte direkt an die Administratoren.
[HowTo] Tutorial für die Erstellung von Trikotvorlagen in Photoshop
| Autor | Nachricht |
|---|---|
 donogl Dabei seit: 01.06.2007 Beiträge: 3733 Verfasst am: 02.10.2007 [14:53] |
Hallo, da hier immer noch in meinen Augen zu wenig von eurer Seite zum Thema eigenes Bike-Trikot Designen kommt, hab ich mir mal überlegt woran das liegen könnte.  Tja, eigentlich ist es ganz klar. Die wenigsten werden wohl wissen wie man mit Photoshop umgeht um sowas zu realisieren. Wer das Program nicht besitzt kann sich auf der Homepage von Adobe unter Downloads eine 30 Tage Testversion von Photoshop CS runterladen und damit arbeiten. Also habe ich mir überlegt, schreibe ich mal für eine kleine Anleitung zum Thema Trikotdesignen im Photoshop. Werde jedoch nicht das gaze Programm erklären, sondern lediglich die Schritte aufzeigen um ein Trikot zu Designen. (Diese Form der Grafikerstellung dient jedoch nur zu Vorschauzwecken bzw. zum groben betrachten der Idee. Ihr werdet nicht damit zum nächsten Shirtdrucker gehen können und sagen mach mal. Dort werden die Grafiken in der Regel als Vektorgrafiken verwendet bzw. benötigt. Aber das ist ein anderes Thema für sich, was wir vieleicht irgendwann mal hier angehen werden, wenn wir alle paar Vorschläge gepostet haben) Also parallel zu diesem Thread werde ich eine Gallerie hier hochladen, in der die einzelnen Schritte grob dargestellt sind. Hier der Link zur Gallerie: Tutorial-Fotos Bei den jeweiligen Schritten steht der Verweis zur entsprechenden Bildnummer. Die Vorlagen mit denen wir hier arbeiten, befinden sich alle in der Vorlagengallerie. Link: Vorlagen Dazu geht ihr als erstes in diese rein, und öffnet nach und nach jede Grafik die sich darin befindet. Mit rechtsklick-> Grafik anzeigen, und auf diese nochmals rechtsklick-> Grafik speichern unter speichert ihr euch die Grafiken in einem dafür angelegten Ordner und öffnet sie dann alle im Photoshop, um sie in einzelnen Ebenen übereinander zu legen. Wem das zu viel Aktion ist , lol, der kann unter folgendem Link einfach eine Zip mit den Sachen die ihr dafür benötigt downloaden: www.ride-downhill.com/other%20shit/roh.zip (Rechtsklick->Ziel speichern unter) Darin finden sich 3 psd ? Dateien. Ein Shirt welches schon fertig ist und ihr in meiner Galerie sehen könnt. Einmal das Rohshirt mit allen 3 Farbebenen übereinander gelegt. (Farben Schwaz, Rot, Weiß. Versucht bitte auch diese 3 Farben zu verwenden, da sie auch ein wenig die Unternehmensfarben von Fahrrad.de darstellen, um damit einen gewisen wiedererkennungswert haben. Damit werdet ihr auch immer als Basis arbeiten. Als dritte Grafik findet ihr eine kleine Sammlung von Konturen mit denen man auf dem Shirt ein wenig rumspinnen kann. Vorweg empfehle ich euch immer eine Kopie der roh.psd Datei weiterzuverarbeiten. So habt ihr immer das Orginal griffbereit, falls ihr total mit dem Design und dem Rumschneiden entartet seid! Also fangen wir an! Öffnet mit Photoshop die roh.psd! (Bild1) Rechts seht ihr das Ebenenfenster indem die einzelnen Ebenen übereinander gelegt sind. Teilweise sind sie ausgeblendet. Das seht ihr an dem Auge in dem Kontrollkästchen neben der Ebenengrafik. Nehmen wir mal an ihr wollt in der mitte einen weißen Streifen haben sowie im Ärmelinneren auch nochmal weiß! Dann müsst ihr zuerst die Ebene rechts im Ebenenfenster mit dem weißen Shirt anschalten indem ihr so ein Auge in den Kontrollkasten setzt. (Bild3) Dann rechte Maustaste auf den Ebenennamen und Ebene Duplizieren->Ok. Fertig. Jetzt habt ihr eine Ebene erstellt an der Rumgeschnitten werden kann nach belieben! Die Orginale Weiße Front könnt ihr wieder ausblenden indem ihr nochmals auf das Auge klickt. Jetzt wählt ihr die neu erstellte Ebene an und nehmt in eurer Werkzeugleiste (Bild2) den Auswahlpinsel. Nun markiert ihr alle Bereiche die ihr nicht in Weiß haben wollt. (Bild4) Drückt entf und fertig ist euer Design. (Bild5) Nee quatsch. Aber in der Form müsst ihr dann weiter vorgehen. Wenn ihr schwarze Elemte einbauen wollt einfach die schwarze Ebene duplizieren und drüber legen und alle Bereiche entfernen die ihr nicht sehen wollt. So arbeitet ihr euch mit der Voder- und der Rückseite der Trikots durch bis ihr das gewünschte Wunschgrundtrikot fertig habt. Als nächstes kommen irgendwelche Designelemente drüber. Habe dazu in der zip eine konturen.psd mit Hochgeladen. Es handelt sich dabei um Grafiken aus dem Web, die mal schnell zusammengesucht habe. Da es sich um Grafiken von anderen Urhebern handelt, verwendet bitte nicht die ganze Grafik, sondern versucht nur Teilkonturen daraus herauszuscheiden. Dazu markiert ihr den Geünschten Bereich mit dem Auswahlpinsel (Bild6) oder dem Zauerstab und klickt->bearbeiten->auschneiden->Bearbeiten->einfügen in eurer Trikotgrafik. Der Bereich wird dort als neue Ebene drüber gelegt und kann nach belieben verschoben oder transoformiert(in der größe angepasst werden). Dafür klickt ihr in der Werkzeugleiste auf das Verschiebenwerkzeug und könnt an den Ecken des Bildes jetzt Größe, Breite etc. verändern sowie die Position. (Bild7) So legt ihr die gewünschten Konturen über euer Grundtrikotdesign. Wenn ihr eine bestimmte Kontur Symetrische spiegeln wollt, könnt ihr das z.B. dadurch realisieren das ihr die Ebene der Kontur dupliziert (Bild  , diese neue Ebene dann über Bild->Drehen->Ebene horitzonal/vertikal spiegeln. (Bild9)Damit seid ihr jetzt in der Lage schon mal ein fettes Trikotdesign zu realisieren.(nicht jetzt das was ihr grade in der Gallerie zu diesem thread seht LOL, hier habe ich mal nur was hingeklatscht um den Vorgang zu verdeutlichen). Jetzt müssen noch die Logos aufgebracht werden. Dazu nehmt ihr euch die Grafiken aus der Vorlagengallerie in der Community. Ihr findet dort ein Internetstoreslogo, ein Fitness.de Logo und einige Fahrrad.de-Logos. Damit kann man schon arbeiten und diese 3 sollten bitte auch auf den Trikots irgendwo verwendung finden! Am besten ihr nehmt euch mal das Fahrrad.de Logo und zieht es euch ins Photoshop. (Bild10) Da es sich bei einem neuen Bild um eine Hintergrundebene handelt ist diese gesperrt und kann nicht beschnittenwerden. Deshalb dupliziert ihr als erstes wieder die Ebene. Die alte Hintergrundebene blendet ihr aus oder löscht sie. Ihr wählt den Zauerstab aus und klickt in den schwazen Bereich der Grafik. Drückt entf um die schwazen Bereiche auszuschneiden. (Bild11) Jetzt seht ihr im Hintergrund kleine Kästchen. Diese Symbolisieren unsichtbare oder leere Bildbereiche. Wie ihr seht haben sich nicht alle schwarzen Bereiche ausgeschnitten wie z.B in den Buchstaben. Diese einfach auch noch mit dem Zauberstab markieren und entf. Ihr wählt das Verschieben Werkzeug und zieht die Grafik in euer Trikotdesign. (Bild12) Wenn ihr ein Design vorgesehen habt welches viel Weiße Bereiche enthält, könnt ihr die Fahrrad.de-Logo Ebene einfach anwählen und mit der Tastenkombination STRG+I die Ebene Invertieren. Dadurch wird ein Negativ des Bildes erstellt, wodurch Schwaz zu Weiß wird und Umgekehrt. (Bild13) Leider wird das Rot zu einem Grün-Blauem etwas. Dafür wählt ihr in der Werkzegleiste den Farbeimer aus (Füllwerkzeug), und drückt oben im Dropdown-Menü auf Farbfelder. (Bild14) Dort wählt ihr Rot aus und malt des .de aus. (Bild15) So, damit müsstet ihr jetzt in der Lage sein mal paar Designs zu erstellen. Viel Spass dabei und ich bin schon sehr gespannt auf eure Vorschläge! MfG Christoph |
T-Z-P-Moritz Dabei seit: 18.10.2007 Beiträge: 268 Verfasst am: 19.10.2007 [23:53] |
Ich möchte mal ein dickes Dankeschön loswerden! Der Thread ist wirklich hammer! Danke für die Mühe! Grüße Moritz Unsere Teampage: www.team-zweirad-panzer.de
|
T-Z-P-Nikolai Dabei seit: 18.10.2007 Beiträge: 2546 Verfasst am: 21.10.2007 [18:10] |
super Thread! ich habe nur ein Problem, ich habe adobe Photoshop 7.0 und CS3 finde jedoch den Auswahlpinsel in beiden versionen nicht, der ist dort nicht vorhanden! Gibt es alternativen? RIDE ON...
euer TeamZweiradPanzer-Nikolai Visit: www.team-zweirad-panzer.de |
donogl Dabei seit: 01.06.2007 Beiträge: 3733 Verfasst am: 21.10.2007 [19:55] |
Hm leider nicht welche die mir bekannt wären. Ich kenne die beiden versionen halt nicht bzw. kann mir nicht vorstellen weshalb Adobe in höherwertigen Versionen ein Werkzeug nicht zur Verfügung stellt welches eigentlich immer gebraucht wird. Nur so kann man sauber Fotos ausschneiden! Alternativ mit dem Auswahlrechteck stück für stück(Pixel für Pixel) auschneiden. Aber das ist eine Arbeit für Leute die ihre Eltern erschlagen haben! Schau mal alle Menüs durch oder halt mal die Maustaste auf den jeweiligen Werkzeugen gedrückt. Dann erscheinen bei einigen noch Alternative Werkzeuge. Wäre das einzige was mir auf Anhieb einfällt! MfG Christoph |
T-Z-P-Nikolai Dabei seit: 18.10.2007 Beiträge: 2546 Verfasst am: 21.10.2007 [19:59] |
das war mir auch schon eingefallen, hat jedoch nichts bewirkt, es gibt lediglich noch die Auswahl-Elipse, die aber in diesem Fall nichts hilft. Ich habe nämlich mal angefangen ein Trikot zu designen, jedoch kann ich ohne den auswahlpinsel kein Design wirklich gut auf das Trikot übertragen. Schade... Wie bist du denn an Adobe Elements gekommen? Ich gucke nochmal bei chip.de nach ob man das da als Testversion loaden kann... RIDE ON...
euer TeamZweiradPanzer-Nikolai Visit: www.team-zweirad-panzer.de |
donogl Dabei seit: 01.06.2007 Beiträge: 3733 Verfasst am: 21.10.2007 [20:04] |
Ach das ist Adobe Elements CS 2 von -Kein Plan wie Alt- War mal bei einem meiner früheren Recher als Orginalsoftware dabei. Und seitdem Arbeite ich damit! Müßte es bei Ebay für 1? oder so geben!  MfG Christoph |
T-Z-P-Nikolai Dabei seit: 18.10.2007 Beiträge: 2546 Verfasst am: 21.10.2007 [20:10] |
http://adobe-photoshop-elements.softonic.de/ meinst du , dass es das hier sein könnte?? RIDE ON...
euer TeamZweiradPanzer-Nikolai Visit: www.team-zweirad-panzer.de |
