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…)

HTML: Online Kurs in HTML und CSS Teil 2

Im ersten Teil des HTML Online Kurses haben wir den Grundaufbau eines HTML Dokumentes behandelt. Du weißt nun wie man den Doctype und die Zeichenkodierung einstellt, was der Unterschied zwischen HTML und BODY ist, und wie Du was aus dem HTML Dokument im Browser anzeigen kannst.

In diesem 2. Teil des HTML Kurs geht es um die einzelnen HTML Elemente. Ein HTML Element umschließt einen Text oder ein Bild um deren Erscheinung zu ändern. Jeder HTML Befehl wird innerhalb der <> Klammern geschrieben. Danach kommt der eigentliche Text oder ein Bild, und anschließend  wird der HTML Befehl in den <> Klammern wieder geschlossen. Ein einfaches Beispiel:

<h1>Dies ist eine sehr grosse Überschrift</h1>

So sieht es im Browser aus
Hier wird ein Text als eine H1 Überschrift ausgewiesen. Der Aufbau eines HTML Befehles ist also gar nicht so schwer.

Inhalt:

1. Block und Inline Elemente
2. Überschriften (H1 bis H6)
3. Absätze (p)
4. Manueller Textumbruch (br)
5. Bild einfügen (img)
6. Text mit einem Link belegen (a)
7. Aufgabe: Eigenes HTML Dokument erstellen

(weiterlesen…)

Die Insel Mainau am Bodensee

Blick in Richtung Österreich

Dieses Bild zeigt den Blick von der Insel Mainau über den Bodensee Richtung Österreich.

Das Bild entstand abends in der Dämmerung und wurde vom Stativ aus gemacht. Die Brennweite ist auf 37mm eingestellt, die Belichtungszeit liegt bei 1/100 sekunde.

Aufgenommen wurde das Bild am 19.11.2006 und ist also schon ein paar Tage alt Am Zauber der wunderschönen Blumeninsel hat sich allerdings nichts verändert. Wer hier in der Region ansässig ist, und öfters da hin geht, sollte sich eine Jahreskarte zu legen. Im Sommer ist immer was los und im Winter lädt die Insel zu verträumten Spaziergängen in aller Ruhe ein. Es gibt Hotels auf der Mainau, ein Schloß, Gastronomie und schöne Plätze zum entspannen. Man kann entweder mit dem Auto direkt anfahren oder mit der Fähre über den Bodensee anlegen.

(weiterlesen…)

Multibox: Diashow mit der Tastatur

Eine neue Idee eines Multibox Users hat nun ihren Platz in der Multibox gefunden. Seit der Version 1.2.7 der Multibox kann man mit den Pfeiltasten auf der Tastatur durch die Diashow blättern. Außerdem wurden wieder einige Codeoptimierungen vorgenommen.

Natürlich wurde diese Funktion in die Version 1.11 von Mootools sowie in die aktuelle Version 1.2 des Mootools Framework integriert. Zusätzlich wurde in diesem Release der Multibox der horizontale  Scrollbar beim laden eines Multibox Content entfernt.

Das bestehende Problem mit dem aktuellen Opera und der Zentrierung der Bilder in der Fenstermitte konnte leider noch nicht behoben werden.

Ressourcen:

• Offizielle Multibox Seite auf meinem Blog (deutsch)
• Wordpress Multibox Plugin Seite auf wordpress.org

And now for english speaking visitors

A multibox user had found an interesting idea: just browse trough pictures in the slideshow with the arrow keys on your keybord. And now, included in the brand new version 1.2.7 of the multibox, this feature is added.

At this time i make some code improvements. The horizontal scrollbar that appears on loading content in multibox is now fixed. All the changes are included in the mootools version 1.11 and in the new version 1.2 of mootools for the multibox.

The problem with the actual opera browser and the multibox are not resolved. The multibox is in opera > 9.5 not loading in the center of your browser window. I hope i can fix this problem in once of the next releases!

Ressources:

• Official multibox page on my blog (english)
• Wordpress multibox plugin page at wordpress.org

Makro: Wespenspinne (Argiope Bruennichi)

Makroaufnahme einer nicht gerade kleinen Spinne

Diese Bild von einer Wepsenspinne (Argiope Bruennichi) entstand am Wegesrand bei einem kleinen gemütlichen Spaziergang mit der Kamera. Das Bild entstand mit einem 50mm 1.8 Objektiv sowie 20mm Zwischenringe.

Leider sind mir die EXIF-Daten abhanden gekommen, so dass ich die weiteren technischen Eigenschaften des Bildes nicht aufzählen kann.

Die Spinne auf dem Bild ist, wie man sehr deutlich erkennen kann, weiblicher Natur. Die weiblichen Tiere der Wespenspinne (auch Zebraspinne genannt) können gute 25 mm gross werden, wobei die männlichen Tiere eher kümmerliche 6 mm groß werden können.

Übrigens wurde diese Art der Radnetzspinnen 2001 zur Spinne des Jahres gewählt. Seit dieses Bild entstanden ist, habe ich leider keine Spinne dieser Art mehr gesehen.

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…)

Und Abwärts

Und Abwärts

Dieses Bild entstand an einem frühen Morgen im Mai, um genau zu sein nach dem Sonnenaufgang gegen 6:46 Uhr. Auch wenn es den Anschein hat das dieses Insekt Abwärts läuft so trügt der Schein. Dieses Insekt schläft noch tief und fest und lässt sich durch meine Fotografierei nicht weiter stören.

Das Bild wurde vom Stativ aus mit einer Belichtungszeit von 1/6 Sekunde belichtet. Die ISO Einstellung beträgt 200. Das Belichtungsprogramm ist auf manuell eingestellt.

Das Bild wurde am Computer mit Photoshop etwas nachbearbeitet und nachgeschärft. Da die Kamera nicht immer farbenfrohe Bilder liefert, wurde noch etwas am Histogramm gedreht.