Photoshop-Tutorial: Disrupted Film
Da ich einige Anfragen erhalten habe, wie ich in meiner Header-Grafik diesen Effekt einer abgeplatzten Folie erzeugt habe, will ich das Ganze mal in einem kleinen Tutorial erklären. Es ist eigentlich nicht sonderlich kompliziert, wenn man folgende Dinge parat hat:
– Photoshop (es genügt bereits Version 6.0, sogar mit Version 5.5 sollte es machbar sein).
– Das geniale Photoshop-Brush-Set PaperDamage von Joao Pombeiro. Für den Download ist die kostenlose Anmeldung bei Adobe Studio Exchange notwendig. Google hilft aber auch beim Finden anderer Quellen.
1. Ausgangsgrafik öffnen
Wir öffnen das zu bearbeitende Bild in Photoshop. Als Ausgangsmaterial kann man jede erdenkliche Grafik verwenden. Ich hab mal den Pütz gemacht und schon was vorbereitet:
2. Pinselspitze setzen
Wenn noch nicht geschehen, downloaden wir das oben genannte Brush-Set PaperDamage, öffnen es und wählen dann die Spitze Corner Burn aus. Als Vordergrundfarbe verwenden wir schönes reines Weiß und die Deckkraft des Pinsels sollte bei 100% liegen. Auf einer neuen Ebene klicken wir einmal kurz und knackig auf die Stelle an der der Effekt erscheinen soll. Je nach Bedarf kann der Effekt durch Verringen der Ebenen-Deckkraft variiert werden.
3. Schlagschatten hinzufügen
Damit die abgerissene Folie realitisch wirkt, muß der 3D-Faktor ins Spiel gebracht werden und das läßt sich am leichtesten mit einem Schlagschatten bewerkstelligen. Wir bleiben also auf der eben gewählten Ebene und rufen über Ebene -> Ebenenstil… -> Schlagschatten den entsprechenden Dialog auf. Im wesentlichen können zunächst die Grundeinstellungen verwendet werden, Distanz sollte allerdings auf 2 und Größe auf 3 gesetzt werden.
Natürlich ist es – wie fast immer – angebracht zu experimentieren. So sieht z.B. ein farbig zum Hintergrund passender Schlagschatten besser aus als ein einfaches Schwarz und auch der Einfallswinkel des Schattens sollte zum Pinsel und zum Rest des Bildes passen.
4. Abdunkeln
Soweit sieht das eigentlich schon ganz ansprechend aus, aber um den Effekt einer (hellen) abgerissenen Folie noch zu verstärken, kann man den nicht mehr bedeckten Bereich noch etwas abdunkeln. Dazu erstellen wir eine Einstellungsebene mit Gradationskurven (Ebene -> Neue Einstellungsebene -> Gradationskurven…), setzen den Ebenenmodus auf »Luminanz«, klicken in den mittleren Bereich des Diagramms und verschieben den Punkt auf die folgenden Werte:
Nach einem Klick auf »OK« fügen wir der Ebene eine Ebenenmaske hinzu und invertieren diese zunächst mit STRG+I. Nun wählen wir Weiß als Vorderungfarbe und eine runde, weiche Pinselspitze (Größe ca. 100-200) und malen damit den nicht bedeckten Bereich aus. (Zur Maske vergleiche Bild links/oben) Es muß nicht sonderlich genau sein, Hauptsache der Bereich erscheint etwas dunkler als der, der von der Folie bedeckt wird. Auch hier kann man variieren.
5. Finale Optimierungen
Sollte man die Pinselebene noch mal verschieben, so stellt man fest, daß helle Ränder sichtbar werden. In dem Fall einfach eine Ebenenmaske zur Pinselspitzen-Ebene hinzufügen und mit Pinsel und einer geringen Deckkraft die Ränder ausblenden. Dann kann man auch die Folienebene duplizieren (STRG+J), drehen oder spiegeln und an anderer Stelle noch mal verwenden. Dabei gegebenenfalls die Richtung des Schlagschattens anpassen. Für einen etwas »knusprigeren« Abrißeffekt, die Folienebene einfach einmal Scharfzeichnen. Ebenso kann man die Abrißkante per Ebenenmaske partiell ausblenden wie z.B. in meinem Weblog-Header. Im Endeffekt könnte das Ergebnis dann so aussehen.
Das Ganze auch mal mit anderen Pinselspitzen und wie oben schon beschrieben, mit verschiedenen Einstellungen für den Schlagschatten probieren.
Artikel: Photoshop-Tutorial: Disrupted Film
Datum: Sunday, 17. December 2006, 20:09 Uhr
Kategorien: Photoshop
Feed zum Beitrag: RSS 2.0 · Trackback: Trackback-URL
Diesen Artikel kommentieren.
Journal (Artikel)
17. December 2006
@ 21:33
Sehr schön… hatte auch schon ne ganze Zeit überlegt zu fragen wie du das gemacht hast. Aber dein Tutorial bestätigt nun meine Vermutung das da irgendeine Form von Brush im Spiel war…
Gefällt mir sehr gut!
18. December 2006
@ 01:02
Tolles Tutorial :-)
Schade, dass das Set nicht als Plugin auch für andere Programme zur Verfügung steht. Ich muss gestehen, dass ich mich zu dieser Investition noch nicht durchringen konnte.
18. December 2006
@ 08:02
Die 6er Version kann man schon recht günstig auf Ebay ergattern. Ist auf jedenfall nen guter Einstig.
Ich hoffe du meintest auch PS…?!
18. December 2006
@ 08:51
[...] John Wrana zeigt im Tutorial Disrupted Film, wie man diesen schönen Effekt, den John auch auf seiner Site und in seinem Gravatar einsetzt, gestalten kann. Zutaten: Photoshop ab Version 6 und das Pinselset PaperDamage. [...]
18. December 2006
@ 09:47
Matthias, ich kann mich Steffen nur anschließen: Photoshop 6.0 bekommst Du teilweise schon für 30 EUR und das ist m.E. immer noch der wichtigste Versionssprung gewesen. Alles was danach kam, betraf vor allem die Photo-Optimierung (z.B. Camera Raw). Für die klassische Bildbearbeitung und einen Großteil der Tutorials im Netz ist die 6.0 mehr als ausreichend.
18. December 2006
@ 12:35
[...] Ein schönes Tutorial mit nützlichen Brushes gibt es bei jowra.com zu bestaunen. [...]
18. December 2006
@ 14:27
@John und Steffen: Vielen Dank für den Tipp, da werd ich mal schauen ;-)
18. December 2006
@ 16:44
Einfach und gut – sauber … Dankeschön!
18. December 2006
@ 19:41
Gefällt mir, bis auf das Detail mit dem Tippfehler: müsste es nicht heißen: Sunburnt Blondes? :-D
20. December 2006
@ 13:50
Sehr schön, danke für das Tut John.
20. December 2006
@ 20:19
Sehr schönes Tutorial! Danke.
27. December 2006
@ 13:43
Sehr schön ist auch der Font! Trotz Recherche habe ich ihn nicht finden können :-( Verrätst du uns den Namen der Schrift?
Vielen Dank.
27. December 2006
@ 14:00
Aber gerne, der Font heißt Fertigo und ist wirklich hinreißend. :-)
Entdeckt hab ich ihn auf pixelgraphix.de, den eigentlichen Font gibt es hier.
11. February 2007
@ 01:06
Gefaellt mir sehr gut. Ich bin zwar bilingual English/Deutsch aber da ich mit dem Englischen PS arbeite, habe ich Probleme die Schritte zu erkennen. Waere schoen dieses Tutorial auf English zu haben :)
11. February 2007
@ 19:05
Danke Taylor. Ich versuchs in Kürze mal auf englisch. ;-)
11. February 2007
@ 19:21
Danke John, da freue ich mich schon :D Ist ein toller Effekt :)
13. February 2007
@ 16:42
Hallo!
Ich habe auf unserer Seite einiges von dieser Website in Gebrauch und ich finde immer wieder neue interessante Dinge, sie nachzumachen mir eine wahre Freude bereitet. Ich bin kein spezialist auf dem Gebiet Webdesign und schon garnicht auf Photoshop, aber ausprobieren lohnt sich immer! Ich möchte hier einmal Danke sagen, danke dass es diese Website gibt und dass sie zur freien Verfügung steht.
Gruß Martin
13. February 2007
@ 23:27
Hallo Martin,
Vielen Dank, das ist ein schöner Ansporn, damit weiter zu machen.
Grüße,
John
6. March 2007
@ 20:15
Guter Tipp!!
Und geiles “Tool” haste gefunden! Danke!
Gruß Fionn
18. March 2007
@ 08:27
[...] Folie, Glass – Tutorial 1 [...]
21. May 2007
@ 09:31
1 A Tutorial, und ein echt erstklassiges Brushset. Musste allerdings über Google suchen da ich es auf Exchange nicht mehr finden konnte. Thx
24. May 2007
@ 08:23
Danke für den Workshop, ist wirklich gut und sieht auch richtig gut aus!
Hier wurde ja auch schon über den Font gesprochen. Was mich allerdings noch mehr interessieren würde ist: Wie heißt der Font in Deiner Header-Grafik?
Und welches Brush-Sets hast Du für die Kratzer verwendet? Hab bisher irgendwie noch nicht so die richtigen gefunden.
Danke und weiter so, lese seit ich die Seite hier gefunden hab mich eifrig durch die Beiträge :-)
3. August 2007
@ 13:17
Hallo,
kannst du mir das paperdamage brush-set per E-Mail senden. Wäre echt lieb.
28. September 2007
@ 15:53
hi, ja ein tolles tutorial, wobei die Essenz ja eig. die Brushspitze ist, auf die ich aber nur durch dien Hilfe aufmerksam wurde. Danke.
Hast du noch mehr Anregungen diesen Kalibers? oder z.B. einTutorial für deine super Artworks, wie z.B. steel & water. wenn du sowas auf dieser sEite hast , bin ich wohl zu blind um sie zu entdecken. Dan würde ich mich sehr über eine eimal freuen. weiter so..
gruß simon
19. October 2007
@ 14:32
Das Tutorial ist wirklich spitze. Nur erinnert mich es auch an abgestorbene Haut, die man herunter gerissen hat g
8. March 2008
@ 01:52
[...] Re: [Links] Photoshop – Tutorials im Netz => Disrupted Film – zerstörter Film, abgeplatzte Folie ______________ Dieser Post ist unter die Beerware-Lizenz gestellt. Bitte beachte die [...]
5. April 2008
@ 09:13
Having a path to unending resources referring to this is outstanding.
28. April 2008
@ 16:22
was mich viel mehr interessiert, wie hast du diese geilen kratzer im header hinbekommen? PLS antwort such schon so lange =)
28. April 2008
@ 16:23
trotzdem geiles tut
28. April 2008
@ 16:33
sry für die vielen posts ich nehm alles zurück ATLER SIN DA GEILE PINSEL DABEI THX