DRI/HDR/HDRI Tutorial: Wie entsteht ein Bild Teil 2

Lies hier den ersten Teil des HDR Tutorials

Zusammenfügen der Bilder in Adobe PhotoShop

PS Abbildung 1

Nachdem ich nun die Bilder korrigiert und als JPG File entwickelt habe, lade ich alle Bilder gleichzeitig in Adobe Photoshop. Dabei markiere ich alle Bilder gleichzeitig, damit sie schön sortiert im Programm auftauchen. Um die Bilder alle im Programm sehen zu können, wähle ich **Fenster -> Anordnen -> Nebeneinander**. Beim ersten Bild zoome ich solange aus, bis das komplette Bild im Fensterrahmen zu sehen ist. Anschließend wähle ich **Fenster -> Anordnen -> Gleiche Zoomstufe**. Danach habe ich alle Bilder im Überblick [PS Abbildung 1].

PS Abbildung 2

Nun beginne ich damit, das jeweils nächste dunklere Bild in das Hellste zu kopieren. Ich klicke also auf das zweithellste Bild, drücke die Tastenkombination “[STRG]+A” (für alles markieren) und anschließend “[STRG]+C” (für kopieren). Danach gehe ich zum hellsten Bild zurück und drücke die Tastenkombination “[STRG]+V”. Danach wird das zweit hellste Bild als neue Ebene im hellsten Bild eingefügt. Diese neue Ebene namens “Ebene 1″ blende ich

(einblenden oder ausblenden) in der Ebenenpalette, die über **Fenster -> Ebenen** oder “F7″ zu erreichen ist, aus. Danach sollte Dein Photoshop aussehen wie [PS Abbildung 2].

PS Abbildung 3

Nun erstelle ich Ebenenmasken. Dazu wähle ich alle Lichter aus und überschreibe die hellsten Lichtpunkte mit den dunkleren Lichtern aus dem Bild, dass sich in Ebene 1 befindet. Dazu gehe ich wie folgt vor:

Über **Auswahl -> Farbbereich** kann ich im Auswahlfeld “Auswahl” “Lichter” alle hellen Bereich im Bild auswählen. Mit Ok bestätige ich das Popup Fenster [PS Abbildung 3].

Anschließend sorge ich dafür, das die Auswahl eine weiche Kante bekommt, damit die Helligkeitsabstufungen nicht so hart sind. Über **Auswahl -> Auswahl verändern -> Weiche Kante** kann ich die Kante weicher machen.

(weiterlesen…)

AJAX Loader für einen kleinen Bereich

Ich nehme Bezug auf mein Tutorial zum AJAX Loader - Ladeanzeige mit JavaScript vor einiger Zeit. Viele Leser haben mich angeschrieben mit der Bitte, ein kleines Tutorial zu schreiben, wie mann einen AJAX Loader mit JavaScript für einen kleinen Bereich auf der Seite schreiben kann. Aufgrund dessen habe ich mich nochmal hingesetzt, und ein zweites Tutorial zum Thema AJAX Loader mit JavaScript gemacht.

Ziel dieses kleinen Tutorials ist folgendes: Wir binden ein AJAX Programm auf einem bestimmten Bereich einer Internetseite ein. Dieses AJAX Programm ruft eine loader-Funktion auf sobald sie gestartet wird. Ist die Funktion beendet wird eine unloader-Funktion aufgerufen.

(weiterlesen…)

PHP/CSS: Quadratische Thumbnails

Thumbs

Thumbnails in einer Image Gallery können manchmal verschieden Formate haben. Ein Thumbnail ist Querformat, das andere Thumb wiederum Hochformat. Wer nun aber quadratische Thumbs haben möchte, tut sich schwer, all das unter einen Hut zu bekommen. Die Lösung: Mittels PHP die Bildgröße der Thumbnails berechnen, und das Thumb in einem quadratischen DIV Container mittig ausrichten. In diesem kleinen Tutorial möchte ich einen Lösungsansatz vorstellen. Du kannst auch das Onlinedemo zum Thema Quadratische Thumbnails ansehen.

Anleitung:

(weiterlesen…)

DRI/HDR/HDRI Tutorial: Wie entsteht ein Bild Teil 1

Beispiel einer Nachtaufnahme

Jeder, der einmal versucht hat, eine Nachtszene zu fotografieren, kennt dass: Sobald viele dunkle und helle Bereiche im Motiv enthalten sind, gibt es Probleme mit der korrekten Belichtung des Bildes. Entweder sind die Lichtbereiche viel zu hell, oder aber die dunklen Bereiche des Bildes sind so dunkel, dass Details der Aufnahme sprichwörtlich verschwinden.

Mit Hilfe einer sogenannten Belichtungsreihe können wir unterschiedliche Belichtungen zu einem Bild zusammenfassen, dessen Dynamikumfang, auch DRI, HDRI oder HDR genannt, wesentlich höher ist, als das es die Kamera selbst kann. In dieser Anleitung möchte ich Dir zeigen, wie das ganze Step für Step ablüft.

Natürlich benötigt man nicht nur eine Kamera, sondern auch einiges an Zubehör:

• gutes Stativ
• Fernauslöser
• Stoppuhr
• evtl. einen Taschenrechner
• Taschenlampe
• PC mit Grafikbearbeitungsprogramm (hier Photoshop)
• RAW Entwicklungsprogramm (hier RAW Shooter)

Was ist im Vorfeld zu tun?

(weiterlesen…)

ajax loader - Ladeanzeige mit Javascript

In diesem Tutorial  möchte ich Dir zeigen, wie man mit Javascript einer AJAX Funktion einen Ladestatus (AJAX Loader) hinzufügen kann. Als AJAX Programm greife ich auf meinen Demo Rechner zurück. Den originalen Demo-Rechner findest du unter folgenden Link: Wie Funktioniert AJAX mit PHP Ich werde den Sourcecode des Demo-Rechners noch etwas verändern, damit die Zeit vom Request der Anfrage bis zur Ausliefung des Ergebnisses auf 2 Sekunden verlängert wird. Wir benötigen lediglich eine Ajax-Loader Grafik. Weiter unten im Artikel findest Du noch ein paar nützliche Links dazu. Fangen wir an:

(weiterlesen…)