Photoshop Datei - Webseiten Display 3fach

Hier bekommt Ihr eine Photoshop Datei, die sich sehr gut zur Darstellung von z.B. Websites eignet, die ihr selbst erstellt habt. Zum Beispiel für euer Portfolio auf eurer eigenen Website. Die Photoshop Datei ist aber auch sehr gut geeignet, um Produkte oder einfach nur Fotos in dieser Weise darzustellen.

Die Datei an sich ist sehr gut dokumentiert, es gibt nicht viel zu tun. Einfach auf die entsprechende Smart Objekt Ebene doppelklicken, euer Bild einfügen, Fenster schließen und mit Speichern bestätigen. Das ganze dreimal, also für jede der Ebenen und schon ist das Display fertig. Komplett mit Spiegelung und allem drum und dran.

Hier ein Screenshot der Ebenen und deren Erläuterung, also eigentlich selbsterklärend.

Donny erzählt von seiner Frau, die eines Tages eine Katze mit nachhause gebracht hat. Das Tutorial dreht sich eigentlich darum, ein Objekt aus einem Bild zu entfernen, in diesem Fall die Katze. Die Erklärung verläuft wie üblich, welche Tools benutzt werden usw. Doch dann plötzlich ein Anruf via Skype, Donny muß weg, macht alleine weiter

Bild wird schwarz, dann sieht man wieder den Bildschirm, die Katze ist verschwunden. Lob von Donny, gut gemacht. Dann der Spruch “Für alle, die jetzt Probleme haben das ganze nachzuvollziehen, hier die Erklärung“. Ab diesem Zeitpunkt habe ich mich weggeworfen, denn ab hier wird es richtig irre. Die “blöde Katze“, das “Mistvieh pi**t überall hin” usw. Donny beginnt einen Fleck zu zeichnen, flippt dabei so langsam aber sicher richtig aus, der Fleck muß alt aussehen, niemals ist ein Fleck so symetrisch, wo verdammt nochmal ist jetzt die Katze???

Das Video gibt es hier zu bestaunen

Es gibt noch vier oder fünf weitere Videos von Donny, welche ihr dann auf der rechten Seite von Youtube findet

Viel Spaß damit !

Am besten klappt das mit einer Kamera, die Daten im RAW – Format abspeichert. Dann kann ich es mir sparen, das Stativ auszupacken und drei unterschiedlich belichtete Aufnahmen zu machen. Ich fotografiere also je ein Bild im RAW – Format meiner Canon EOS 400D und wandle diese zuhause am PC einfach in drei unterschiedlich belichtete Fotos um. Das erste Bild belasse ich immer auf Belichtung 0. Danach erstelle ich eine virtuelle Kopie des Bildes und wähle eine Belichtung (z.B. in Photoshop Lightroom) von -1,5 und danach nochmal eine virtuelle Kopie mit einer Belichtung von +1,5. Nun habe ich dreimal die gleiche Aufnahme in drei verschiedenen Belichtungen. Genau das braucht man für eine HDRI Aufnahme.

Doch mit welcher Software werden die drei Bilder jetzt kombiniert zu einer HDR Aufnahme? Im Moment tut sich auf dem Markt ziemlich viel. Fast keine Fotosoftware, die nicht irgendwo einen Aufkleber hat, daß Sie HDR’s montieren könnte. Ich habe mich mal für eine Demo – Version von MediaChance entschieden. Läuft dreissig Tage und man fleissig ausprobieren. Ins Detail möchte ich jetzt nicht gehen, das folgt noch.

Mit MediaChance ist es einfach. Die drei Bilder werden geladen, MediaChance erstellt eine Vorschau des HDR und man klickt einfach auf Process. Sollte das Bild wider Erwarten in der Vorschau total verzogen oder falsch belichtet dargestellt werden, gibt es unzählige Regler die man ausprobieren kann. Doch mit diesem erstellten HDR kann man im Grunde leider noch nichts anfangen. Es geht zum nächsten Schritt, dem ToneMapping. Hier wird das ganze in JPEG aufbereitet, ein Format das man eigentlich überall verwenden kann. Hier mal das Ergebnis.

Das Bild in voller Auflösung könnt Ihr euch kostenlos auf meiner Pixelio – Seite herunterladen. Link siehe rechts in der Navigation (Pixelio Button)

Eine grobe Übersicht aller bisher hochgeladenen Fotos gibt es unter der Hauptseite meines Flickr Kontos

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;} #flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;} #flickr_icon_td {padding:0 5px 0 0 !important;} .flickr_badge_image {text-align:center !important;} .flickr_badge_image img {border: 1px solid black !important;} #flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#000000;} #flickr_badge_wrapper {background-color:#FFCC00;} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

www.flickr.com More of 2gelb’s photos