Photoshop
Cinema 4d
HTML / CSS
JavaScript
PHP
Flash
Fotografie
Terragen
Webserver
Informatik
Sonstige
Riffelblech (Photoshop Tutorial)
Tutorial erstellt von Michael, letzte Änderung am 05.12.2006
Im Forum hat vor geraumer Zeit jemand gefragt, wie man möglichst einfach und effektiv ein Metall-Riffelblech erstellen kann.
Da wir uns gedacht haben das könnte für euch alle von Interesse sein, habe ich mich mal hingesetzt und für euch dieses Tutorial geschrieben. Ich gehe hierbei recht kleinschrittig vor, damit auch die Photoshop-Neulinge unter euch noch folgen können.
Damit ihr alle wisst, was das Ziel sein soll, hier das Bild des Originals:

Also dann an die Arbeit und alle Arbeitsmittel ausgepackt :D
Erstelle euch eine neue Datei mit den Maßen 500x500 Pixel. Die Auflösung belast bei den standardmäßigen 72 Pixel/Zoll (es sei denn ihr wollt es später drucken, dann bitte 300px/zoll). Wir nutzen den RGB-Fabrmodus in 8-Bit und machen den Hintergrund tranzparent.
Da es gerade bei etwas umfangreicheren Projekten in Photoshop schon mal schwierig wird die Übersicht zu behalten, sollte man in der Regel die erstellten Ebenen benennen (und wer die neue PS-Version besitzt, bei dem macht es auch Sinn ähnliche Ebenen mit STRG+G zu gruppieren), damit man auch noch Jahre später nachvollziehen kann, was man da verbrochen hat. In unserem Fall nicht zwingend nötig, aber wir wollen es uns hier schon einmal angewöhnen. Nennt also die erstellte "Ebene 1" in "Hintergrund" oder ähnliches um, denn den machen wir nun daraus.
Dazu wollen wir alles auf dieser Ebene auswählen. Das kann man nun über zwei Wege erreichen. Entweder klassisch über das Menü ("Auswahl-> Alles auswählen") oder per Shortkeys STRG+A.
Wenn ihr das gemacht habt geht in die Werkzeugleiste und macht einen Rechtsklick auf das Füllwerkzeug. Wählt nun das "Verlaufswerkzeug". Dort angekommen klickt einmal auf den oben zu sehenden Verlauf und ihr erhaltet ein neues Fenster, in dem ihr euren Verlauf für unsere Bedürfnisse anpassen könnt. Wir brauchen in diesem Fall lediglich zwei Farben - Standardeinstellung -, um unseren Verlauf zu realisieren.
Um die entsprechenden Farben für den Verlauf zu wählen macht einfach einen Doppelklick auf den linken unteren Regler des Verlaufs. Ich habe nun für die hellere Farbe #92908C gewählt und für die dunklere #414141.
Nun zieht auf eurer Ebene den Verlauf von links oben nacht rechts unten. OL sollte nun die helle Ecke sein, UR die dunkle.
Nun brauchen wir eine weitere Ebene. Um diese zu erstellen klickt einfach in der Ebenenpalette auf die kleine Schaltfläche neben dem Mülleimer, geht über das Menü ("Ebene-> Neu-> Ebene...") oder einfach per Shortkey Umschalt+STRG+N. Nennt diese Ebene "Riffel".
Da wir nun eine neue Auswahl brauchen, die vorherige aber noch aktiv ist, müssen wir nun STRG+D drücken oder über das Menü die Auswahl aufheben ("Auswahl ->Auswahl aufheben"). nun rechtsklickt in der Werkzeugleiste auf das Rechteckauswahlwerkzeug (ihr merkt mit einem Rechtsklick auf die Werkzeuge öffnet sich das Kontextmenü, falls eines vorhanden ist) und wählt das "Auswahlelipse-Werkzeug".
Wir brauchen nun einen kleinen Kreis, der schon in etwa die Breite haben sollte, wie die fertigen Riffel in der Vorlage. Damit ihr euch nun nicht einen abfrickeln müsst, um einen schönen Kreis zu erhalten, haltet einfach die Umschalt-Taste beim Ziehen der Auswahl gedrückt. Ihr erhaltet einen perfekten Kreis.
Das sollte nun bis jetzt ungefähr so aussehen:

Nun wollen wir den Kreis mit einem weiteren Verlauf füllen. Geht dazu vor wie eben, bis ihr im "Verläufe barbeiten"-Fenster seid. Wir wollen nun einen Verlauf erstellen, der drei Farben hat. Das solte für uns genügen. Um einen dritten Farbregler zu erhalten klickt einfach an einer freien Stelle unter den vorhandenen Verlauf. Wenn wir uns nun den Verlauf der Original-Riffel anschauen, dann stellen wir fest, dass sie in der Mitte sehr hell sind, dann in ein helles Graus übergehen und am Rand etwas dunkler sind, als die dunkle Farbe unseres ersten Verlaufs. Dies machen wir uns zu Nutzen, da wir automatisch den ersten Verlauf vorgegeben haben.
Macht nun also die dunklere Farbe noch ein wenig dunkler (ich habe #3E3E3E genommen). Für die hellste Farbe ganz links nehmt einen Wert, der ungefähr bei #EFEFEF liegt. Das Grau in der Mitte sollte ungefähr #AAAAAA sein. Verschiebt nun den mittleren Regler bis zu einer Position von ca. 68% und platzierte die kleinen Rauten zwischen den Reglern ungefähr gleichmäßig. Bestätigt das ganze und stellt nun noch bei den Werkzeugoptionen in der Werkzeugleiste oben den Verlauf auf "Radialverlauf". Jetzt zieht den Verlauf von der Mitte unserer Auswahl zum Rand hin auf. Das ganze sollte nun schon einen leichten 3D-Effekt besitzen.
Da die Riffel im Original jedoch nicht kreisrund sind, sonder eliptisch, müssen wir nun unseren Kreis ein wenig stauchen. Wählt dazu über das Menü die Transformierenfunktion ("Bild ->Frei Transformieren") oder per Shortcut STRG+T. Gebt nun in der Leiste oben für die Höhe des Kreises 30% ein und achtet darauf, dass die "Seitenverhältnis erhalten"-Schaltfläche nicht aktiv ist (das kleine Kettensymbol). Nun haben wir die gewünschte Elipse mit dem passenden Verlauf. Bestätigt nun noch die Transformation.
Nun brauchen wir allerdgins noch eine Kopie unseres Riffels, da diese ja immer paarweise auftreten. Macht dafür einfach eine Kopie der Riffelebene. Nun wählt euch das "Verschieben-Werkzeug" (V) und haltet beim Verschieben der neuen Ebene nach oben die Umschalt-Taste gedrückt, damit ihr die Ebene nur nach oben verschiebt und nicht noch seitlich abweicht.
Euer Zwischenstand sollte nun in etwa so aussehen:

Nun brauchen wir abe rnicht nur ein kleines Paar der Riffel, sondern ein ganzes Heer davon. Dazu müssen wir nun eine ganze Reihe von Kopien erstellen. Damit wir nicht in einem Ebenenhaufen untergehen, klicken wir die oberste Ebene (also die mit dem kopierten Riffel) an und machen nun einen Rechtsklick darauf. Wählt hier "Mit darunter liegender auf eine Ebene reduzieren". Nun macht eine Kopie der reduzierten Ebene. Diese verschieben wir nun wieder mit gedrückter Umschalttaste nach links, bis der Abstand in etwa dem Original entspricht. Da die Riffel immer in Paaren mal hochkant und mal quer liegen müssen wir nun die neue Ebene drehen. Ruft dazu wieder die Transformierenfunktion auf. Bewegt euch in die Nähe der Riffel bis sich die Mausspitze in einen gebogenen Doppelpfeil ändert, drückt die Umschalt-Taste und dreht, bis ihr 90° erreicht habt.
Nun reduziert wieder die beiden Riffelebenen auf eine und erstellt von der neuen erneut eine Kopie. Verschiebt diese wieder nach Links. Das macht ihr nun solange, bis eure komplette Hintergrundfläche gut mit Riffeln gefüllt ist.
Das Ergebnis sollte nun in etwas so aussehen:

Da Auf der linken Seite nun einige Riffel im Anschnitt sind, beschneiden wir unser Bild einfach so, dass wir die angeschnittene Reihe von Riffeln weglassen. Dazu nutzen wir das "Freistellungswerkzeug" (C) und ziehen einen Rahmen auf, der alle vollständig auf der Hintergrundfläche liegenden Riffel beinhaltet. Freistellung bestätigen und fertig.
Das schaut dann ungefähr so aus:

Damit ist die Basis des Riffelbleches geschaffen. Nun wollen wir aber noch einen schicken Galnzeffekt in unser Bild bekommen, damit die Riffel auch realistisch ausschauen. Dazu benutzen wir eine Reihe von Effekten und Anpassungen.
1.
Wir wählen die Riffelebene aus und erhöhen dort den Kontrast (Kontrast um +50).
2.
Dann wählen wir den Scharfzeichnungsfilter Unscharf maskieren" und stellen die Werte auf 55%, 1,5Pixel, und Schwellenwert 2.
3.
Nun wählen wir den Hintergrund und gehen über das Menü auf "Filter-> Körnung & Aufhellung". Dort wählen wir für alles den Wert 2. Wir fügen unten rechts noch einen weiteren Effekt hinzu. Diesen ändern wir auf "Strukturierungsfilter-> Risse" und nutzen die Werte 20, 1, 10.
4.
Als nächstest erhöhen wir für den Hintergrund ebenfalls Helligkeit (+5) und Kontrast (+25).
5.
Nun fügen wir noch zwei Filter hinzu. Wir gehen dabei vor wie bei Schritt 3. Der erste Filter ist dabei die "Buntstiftschraffur" (2, 14, 50), der zweite ist nochmal "Körnung & Aufhellung" (2, 0, 2).
Damit ist unser Riffelblech nun endlich fertig und sollte in etwa so wie bei mir aussehen:

Ich hoffe ihr hattet ein wenig Spaß dabei habt auch etwas dabei gelernt. Bei Fragen einfach im Forum melden oder eine PM schicken.
>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!
Da wir uns gedacht haben das könnte für euch alle von Interesse sein, habe ich mich mal hingesetzt und für euch dieses Tutorial geschrieben. Ich gehe hierbei recht kleinschrittig vor, damit auch die Photoshop-Neulinge unter euch noch folgen können.
Damit ihr alle wisst, was das Ziel sein soll, hier das Bild des Originals:

Also dann an die Arbeit und alle Arbeitsmittel ausgepackt :D
Erstelle euch eine neue Datei mit den Maßen 500x500 Pixel. Die Auflösung belast bei den standardmäßigen 72 Pixel/Zoll (es sei denn ihr wollt es später drucken, dann bitte 300px/zoll). Wir nutzen den RGB-Fabrmodus in 8-Bit und machen den Hintergrund tranzparent.
Da es gerade bei etwas umfangreicheren Projekten in Photoshop schon mal schwierig wird die Übersicht zu behalten, sollte man in der Regel die erstellten Ebenen benennen (und wer die neue PS-Version besitzt, bei dem macht es auch Sinn ähnliche Ebenen mit STRG+G zu gruppieren), damit man auch noch Jahre später nachvollziehen kann, was man da verbrochen hat. In unserem Fall nicht zwingend nötig, aber wir wollen es uns hier schon einmal angewöhnen. Nennt also die erstellte "Ebene 1" in "Hintergrund" oder ähnliches um, denn den machen wir nun daraus.
Dazu wollen wir alles auf dieser Ebene auswählen. Das kann man nun über zwei Wege erreichen. Entweder klassisch über das Menü ("Auswahl-> Alles auswählen") oder per Shortkeys STRG+A.
Wenn ihr das gemacht habt geht in die Werkzeugleiste und macht einen Rechtsklick auf das Füllwerkzeug. Wählt nun das "Verlaufswerkzeug". Dort angekommen klickt einmal auf den oben zu sehenden Verlauf und ihr erhaltet ein neues Fenster, in dem ihr euren Verlauf für unsere Bedürfnisse anpassen könnt. Wir brauchen in diesem Fall lediglich zwei Farben - Standardeinstellung -, um unseren Verlauf zu realisieren.
Um die entsprechenden Farben für den Verlauf zu wählen macht einfach einen Doppelklick auf den linken unteren Regler des Verlaufs. Ich habe nun für die hellere Farbe #92908C gewählt und für die dunklere #414141.
Nun zieht auf eurer Ebene den Verlauf von links oben nacht rechts unten. OL sollte nun die helle Ecke sein, UR die dunkle.
Nun brauchen wir eine weitere Ebene. Um diese zu erstellen klickt einfach in der Ebenenpalette auf die kleine Schaltfläche neben dem Mülleimer, geht über das Menü ("Ebene-> Neu-> Ebene...") oder einfach per Shortkey Umschalt+STRG+N. Nennt diese Ebene "Riffel".
Da wir nun eine neue Auswahl brauchen, die vorherige aber noch aktiv ist, müssen wir nun STRG+D drücken oder über das Menü die Auswahl aufheben ("Auswahl ->Auswahl aufheben"). nun rechtsklickt in der Werkzeugleiste auf das Rechteckauswahlwerkzeug (ihr merkt mit einem Rechtsklick auf die Werkzeuge öffnet sich das Kontextmenü, falls eines vorhanden ist) und wählt das "Auswahlelipse-Werkzeug".
Wir brauchen nun einen kleinen Kreis, der schon in etwa die Breite haben sollte, wie die fertigen Riffel in der Vorlage. Damit ihr euch nun nicht einen abfrickeln müsst, um einen schönen Kreis zu erhalten, haltet einfach die Umschalt-Taste beim Ziehen der Auswahl gedrückt. Ihr erhaltet einen perfekten Kreis.
Das sollte nun bis jetzt ungefähr so aussehen:

Nun wollen wir den Kreis mit einem weiteren Verlauf füllen. Geht dazu vor wie eben, bis ihr im "Verläufe barbeiten"-Fenster seid. Wir wollen nun einen Verlauf erstellen, der drei Farben hat. Das solte für uns genügen. Um einen dritten Farbregler zu erhalten klickt einfach an einer freien Stelle unter den vorhandenen Verlauf. Wenn wir uns nun den Verlauf der Original-Riffel anschauen, dann stellen wir fest, dass sie in der Mitte sehr hell sind, dann in ein helles Graus übergehen und am Rand etwas dunkler sind, als die dunkle Farbe unseres ersten Verlaufs. Dies machen wir uns zu Nutzen, da wir automatisch den ersten Verlauf vorgegeben haben.
Macht nun also die dunklere Farbe noch ein wenig dunkler (ich habe #3E3E3E genommen). Für die hellste Farbe ganz links nehmt einen Wert, der ungefähr bei #EFEFEF liegt. Das Grau in der Mitte sollte ungefähr #AAAAAA sein. Verschiebt nun den mittleren Regler bis zu einer Position von ca. 68% und platzierte die kleinen Rauten zwischen den Reglern ungefähr gleichmäßig. Bestätigt das ganze und stellt nun noch bei den Werkzeugoptionen in der Werkzeugleiste oben den Verlauf auf "Radialverlauf". Jetzt zieht den Verlauf von der Mitte unserer Auswahl zum Rand hin auf. Das ganze sollte nun schon einen leichten 3D-Effekt besitzen.
Da die Riffel im Original jedoch nicht kreisrund sind, sonder eliptisch, müssen wir nun unseren Kreis ein wenig stauchen. Wählt dazu über das Menü die Transformierenfunktion ("Bild ->Frei Transformieren") oder per Shortcut STRG+T. Gebt nun in der Leiste oben für die Höhe des Kreises 30% ein und achtet darauf, dass die "Seitenverhältnis erhalten"-Schaltfläche nicht aktiv ist (das kleine Kettensymbol). Nun haben wir die gewünschte Elipse mit dem passenden Verlauf. Bestätigt nun noch die Transformation.
Nun brauchen wir allerdgins noch eine Kopie unseres Riffels, da diese ja immer paarweise auftreten. Macht dafür einfach eine Kopie der Riffelebene. Nun wählt euch das "Verschieben-Werkzeug" (V) und haltet beim Verschieben der neuen Ebene nach oben die Umschalt-Taste gedrückt, damit ihr die Ebene nur nach oben verschiebt und nicht noch seitlich abweicht.
Euer Zwischenstand sollte nun in etwa so aussehen:

Nun brauchen wir abe rnicht nur ein kleines Paar der Riffel, sondern ein ganzes Heer davon. Dazu müssen wir nun eine ganze Reihe von Kopien erstellen. Damit wir nicht in einem Ebenenhaufen untergehen, klicken wir die oberste Ebene (also die mit dem kopierten Riffel) an und machen nun einen Rechtsklick darauf. Wählt hier "Mit darunter liegender auf eine Ebene reduzieren". Nun macht eine Kopie der reduzierten Ebene. Diese verschieben wir nun wieder mit gedrückter Umschalttaste nach links, bis der Abstand in etwa dem Original entspricht. Da die Riffel immer in Paaren mal hochkant und mal quer liegen müssen wir nun die neue Ebene drehen. Ruft dazu wieder die Transformierenfunktion auf. Bewegt euch in die Nähe der Riffel bis sich die Mausspitze in einen gebogenen Doppelpfeil ändert, drückt die Umschalt-Taste und dreht, bis ihr 90° erreicht habt.
Nun reduziert wieder die beiden Riffelebenen auf eine und erstellt von der neuen erneut eine Kopie. Verschiebt diese wieder nach Links. Das macht ihr nun solange, bis eure komplette Hintergrundfläche gut mit Riffeln gefüllt ist.
Das Ergebnis sollte nun in etwas so aussehen:

Da Auf der linken Seite nun einige Riffel im Anschnitt sind, beschneiden wir unser Bild einfach so, dass wir die angeschnittene Reihe von Riffeln weglassen. Dazu nutzen wir das "Freistellungswerkzeug" (C) und ziehen einen Rahmen auf, der alle vollständig auf der Hintergrundfläche liegenden Riffel beinhaltet. Freistellung bestätigen und fertig.
Das schaut dann ungefähr so aus:

Damit ist die Basis des Riffelbleches geschaffen. Nun wollen wir aber noch einen schicken Galnzeffekt in unser Bild bekommen, damit die Riffel auch realistisch ausschauen. Dazu benutzen wir eine Reihe von Effekten und Anpassungen.
1.
Wir wählen die Riffelebene aus und erhöhen dort den Kontrast (Kontrast um +50).
2.
Dann wählen wir den Scharfzeichnungsfilter Unscharf maskieren" und stellen die Werte auf 55%, 1,5Pixel, und Schwellenwert 2.
3.
Nun wählen wir den Hintergrund und gehen über das Menü auf "Filter-> Körnung & Aufhellung". Dort wählen wir für alles den Wert 2. Wir fügen unten rechts noch einen weiteren Effekt hinzu. Diesen ändern wir auf "Strukturierungsfilter-> Risse" und nutzen die Werte 20, 1, 10.
4.
Als nächstest erhöhen wir für den Hintergrund ebenfalls Helligkeit (+5) und Kontrast (+25).
5.
Nun fügen wir noch zwei Filter hinzu. Wir gehen dabei vor wie bei Schritt 3. Der erste Filter ist dabei die "Buntstiftschraffur" (2, 14, 50), der zweite ist nochmal "Körnung & Aufhellung" (2, 0, 2).
Damit ist unser Riffelblech nun endlich fertig und sollte in etwa so wie bei mir aussehen:

Ich hoffe ihr hattet ein wenig Spaß dabei habt auch etwas dabei gelernt. Bei Fragen einfach im Forum melden oder eine PM schicken.
>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!