Als erstes habe ich das Design des Blogs komplett neu gestaltet, weg von den dunklen Grautönen zu einem frischerem Aussehen. Auch habe ich an verschiedenen Rädchen gedreht, um die Website schneller zu machen.  Ich denke, das ist ganz gut gelungen. (Danke Tim!)

Ich werde weiter an Verbesserungen arbeiten aber vor allem neue Artikel schreiben.

Die Animation war mir aber zu groß, da dachte ich ganz naiv, ich öffne Sie in Photoshop und modifiziere das animierte Gif einfach, um es kleiner zu bekommen.  Da hatte ich mich aber geschnitten, Photoshop kann bis zur Version CS4 Gif Animationen gar nicht öffnen. Ich hatte mich da an ImageReady erinnert, das es ja lange nicht mehr gibt.

CS5 kann GIF Animationen bearbeiten

Jetzt die erfreuliche Neuigkeit, Photoshop CS5 öffnet klaglos eine bestehende GIF Animation, man kann sie im Animations Panel modifizieren und wieder neu abspeichern.

Ich habe zum Beispiel zu dieser Animation

einen Frame dazugefügt und über “Tween” die Zwischenbilder automatisch erzeugen lassen, das ganze habe ich aus dem Menüpunkt  Datei, “Für Web und Geräte speichern” abgespeichert und das ist das Ergebnis:

Änliche Beiträge:

• 50 Texteffekte in Photoshop
• Photoshop Rahmen Script AspectFrame Update für CS4
• Adobe Hilfeseiten zu den neuen Camera RAW Funktionen in 5.2
• Neue Artikelserie: Die nützlichsten Plug-ins für Adobe Photoshop
• Kostenlos Photoshop Express jetzt auch für das iPad

Diese Version von Lightroom zeigt erstmals Wasserzeichen im Export, Publish, Druck und Webmodul.

Gerade in online Fotogalerien ist das eine gute zusätzliche Option.

Ziel: LTD Coverflow mit variablem Wasserzeichen

Also habe ich untersucht, wie man diese Möglichkeit in eigene Webmodul Entwicklungen nutzen kann. Die ist durch eine einfache kleine Änderung möglich.

So habe ich als erstes die neueste Galerie LTD Coverflow um diese 1 Funktion erweitert.

Wie man im Screenshot hier oben sieht, haben sowohl die Thumnails, auch als auch die großen Fotos das Wasserzeichen direkt beim Erstellen der Web Galerie bekommen..

Im Einstellungsbereich “Output Settings” lassen sich jetzt selbst definierte Wasserzeichen in alle Fotos der Galerie integrieren.

Dies funktioniert natürlich nur in der Lightroom ab Version 3 Beta.
Trotzdem kann dieses Webmodul problemlos mit der Version 2.x von Lightroom benutzt werden, nur das sich eben dann keine solchen Wasserzeichen einfügen lassen.

Downloads

Windows Setup Programm | Mac Zip Datei

Beispielgalerie anzeigen

Anleitung zur Installation und Lizenzbedingungen

Bitte folgen Sie der Installationsanweisung auf der Seite Web Galerie LTD Coverflow , es gelten die gleichen Lizenzbedingungen, die auf dieser Seite beschrieben werden.

Kurz: Für kommerzielle Webseiten müssen für die verwendeten Bibliotheken Imageflow und HighSlide JS Lizenzen erworben werden.

Änliche Beiträge:

• Video der lokalen Korrekturen in Lightroom 2.0 Beta in Action
• Lightroom 4 Beta öffentlich zum Download
• Web Diashow aus Lightroom mit der neuen Version LTD Coverflow Play
• Adobe hat Photoshop Lightroom 3 veröffentlicht
• Copyright Wasserzeichen auf Fotos mit Lightroom exportieren

Die Galerie ist wirklich schick. Er hat bewusst kein Flash verwendet sondern nur JavaScript und HTML.

Mir gefällt die Galerie ausgesprochen gut mit ihrer schlichten Eleganz.

Man kann Elegance als Testversion (max. 6 Fotos)  von  Photographer’s Toolbox herunterladen, oder auch dort über eine Spende die Vollversion lizensieren.

Die Installation erfolgt wie üblich, durch entpacken und kopieren in die entsprechenden Verzeichnisse (siehe zum Beispiel Beschreibung Manuelle Installation von LTD Fancy unter Mac oder Windows)

Beispiel:

Änliche Beiträge:

• Neue Exportmodule von T. Armes: LR2/Gmail und LR2/TreeExporter
• Neues Zusatzmodul LR2/Blog – Exportieren direkt in WordPress Blogs
• Bilder direkt aus Lightroom in eine WordPress NextGEN Galerie übertragen
• c’t Editorial 16/2008 – Lightroom als gutes Beispiel genannt
• Fotos direkt aus Lightroom als Email verschicken

Wenn man Englisch versteht kann man auf den Webseiten Kelbytraining.com für monatlich ca 20$ alle angebotenen Video Tutorials online ansehen.  Absolut empfehlenswert, das jeweils erste Kapitel kann auch ohne Anmeldung aufgerufen werden.

Eines dieser Videokurse ist “Building a website with Photoshop CS4 and Dreamweaver CS4” von RC. Im letzten Bonus-Kapitel geht er dabei auf meine Web Galerie LTD Tiltviewer ein.

RC war so großzügig,  mir dieses Kapitel zur Veröffenlichung hier zur Verfügung zu stellen.

Hier ist sein Video Tutorial (auf Englisch) zur Installation und Nutzung der LTD Tiltviewer Galerie:

Links

• LTD Airtight Tiltviewer Artikel
• Download TiltViewer Galerie
• Kelbytraining CS4 Kurse

Änliche Beiträge:

• Web Galerie LTD Airtight Tiltviewer Update, Docma, Layers TV
• Lightroom TiltViewer Web Galerie zum Download, Version 1.3.1
• Schicke neue Web Gallery Elegance von T. Armes
• Lightroom 3 beta: Webgalerie mit den neuen Wasserzeichen
• Deutsche Adobe Creative Suite CS4 lieferbar

Damit ist es möglich aus Lightroom heraus direkt eines oder mehrere Fotos ohne lästige Zwischenschritte auf dem eigenen Blog zu veröffentlichen.

Nach dem Download kann das Zusatzmodul über den Zusatzmodul Manager installiert werden.

Im Export Dialog wählt man das Exportformat LR2/Blog, indem man rechts oben auf die Titelgrafik klickt:

Dann gelangt am zu den Exportoptionen von LR2/Blog:

Dort füllt man zunächst die Login Informationen aus, die über einen Button “test credientials” gecheckt werden können.

Nach den gewohnten Optionen Dateibenennung, Dateieinstellungen, Bildgröße, Ausgabeschärfe, Metadaten ist der Bereich LR2/Blog Post Creation, in dem der Artikel für den Blogeintrag geschrieben wird.

Links Überschrift und Text, rechts Einstellungen wie die Bilder veröffentlicht werden:

Der Button Add Token öffnet eine Auswahl von Textteilen, die mit den Bildern verwendet werden können:

Jetzt nur noch den Button “Exportieren” drücken, schon erscheint der Artikel im Blog. Wurde die Option oben “Open the browser at the edit page …” angekreuzt, öffnet sich das Backend von WordPress mit dem Artikel, den sie noch bearbeiten können, um ihn dann endgültig zu veröffentlichen.

Mögliche Hürden

LR2/Blog gibt verständliche Fehlermeldungen aus, wenn die Veröffentlichung nicht möglich war. 
Gründe zum Beispiel:

• keine Schreibrechte im Verzeichnis …/wp-content/uploads
• In den wordpress Einstellungen, Schreibeinstellungen ist unter Fernpublizieren die Option
  “XML-RPC Die WordPress, Movable Type, MetaWeblog und Blogger XML-RPC Schnittstelle aktivieren.”
  nicht angekreuzt ist

Weiterentwicklung, Aufforderung zur Mitarbeit

Der Autor, Timothy Armes bittet in seinem Artikel LR2/Blog(englisch) um Mithilfe an der Arbeit an dem neuen Zusatzmodul, das rasch weiterentwickelt werden soll, er ist diesmal schon in einem frühen Stadium an die Öffentlichkeit gegangen.

Er drückt sich so aus, Sie haben jetzt die einmalige Gelegenheit ein Zusatzmodul nach Ihren Wünschen zu bekommen, indem Sie diese Wünsche als Kommentar auf seiner Webseite hinterlassen.

Meine Meinung: Nutzen Sie die Gelegenheit.

Spende (Donation) für die Vollversion

Die kostenlose Probeversion erlaubt nur ein Foto pro Blogartikel, über eine Spende bekommen Sie die uneingeschränkte Vollversion, die auch alle zukünftigen Updates einschließt (hat auch bei LR2/Mogrify etc. bestens bei mir funktioniert.)

http://www.photographers-toolbox.com/products/lr2blog.php

Fazit

Ein hervorragendes Zusatzmodul, mit dem sich ganz leicht ein WordPress Fotoblog realisieren lässt. Und der Autor verspricht auch noch den Funktionsumfang bereits in Kürze zu erweitern. Für Blogger mit Lightroom ein Muß.

Ich habe beim Schreiben dieses Artikels mit der LR2/Blog version 1.15 gearbeitet.

Änliche Beiträge:

• Bilder direkt aus Lightroom in eine WordPress NextGEN Galerie übertragen
• Neue Exportmodule von T. Armes: LR2/Gmail und LR2/TreeExporter
• Photomatix 3.1 Beta bietet ein Export Zusatzmodul für Lightroom
• Alle Lightroom Shortcuts in einem PDF
• Lightroom 4 Beta öffentlich zum Download

Immer wieder stellt sich mir die Aufgabe in Artikel auf Webseiten kleine Fotogalerien einzufügen. Ich nutze dazu häufig SlideshowPro, aber oft auch eine Liste von Thumbnails, die mit dem Foto verlinkt sind.

Da ich alle Fotos zu den verschiedenen Projekten in Lightroom verwalte, will ich diese mit Lightroom direkt in den benötigten beiden Größen exportieren und den HTML Code automatisch erzeugen lassen. Es gibt zwar eine große Auswahl an kostenlosen oder kostengünstigen Webgalerien (siehe zum Beispiel bei theTurningGate) aber die haben oft zu viele Funktionen, die ich gar nicht brauche, und die Bedienung unübersichtlich machen. Auch erzeugen Sie für meine Zwecke überfrachtete HTML-Seiten, die ich dann wieder mühsam  überarbeiten muss.

LTD ist eine Abkürzung für Lightroom Tutorial De

Screenshot einer LTD Fancy Highslide Galerie

Voraussetzung

Lightroom 2.x muß insatalliert sein

Übersicht der wichtigsten Features von LTD Fancy

• Erzeugung von Thumbnails verlinkt mit Fotos in größerer Auflösung
• Wahlweise alle Thumbnails nebeneinader oder in DIV´s verpackt tabellarisch angeordnet
• Auswahl aus folgenden Lightbox Derivaten zur Anzeige der großen Fotos
  • FancyZoom – Beispiel
  • Floatbox – Beispiel
  • Highslide Top – Beispiel
  • Highslide Overlay – Beispiel
• Piclens piclens.rss Datei
• Mit css erzeugte Rahmen um die Thumbnails
• Als Titel der einzelnen Fotos können beliebige Elemente der Metadaten kombiniert werden
• Eine einzige HTML Datei ohne FLASH entsteht
• Übersichtliche HTML-Datei die leicht manuell angepasst werden kann, oder zum herauskopieren von Teilen geeignet ist
• Nur vergleichsweise wenig Optionen, schnelle Einarbeitung und Bedienung

Einfache Installation von LTD Fancy 2 NUR unter Windows

1. Download von SetupLTDFancy2.exe
2. SetupLTDFancy2.exe Ausführen

Manuelle Installation von LTD Fancy 2 unter Mac oder Windows

1. Download von LTDFancy20zip
2. Entpacken
3. Verzeichnis LTD_fancy2.lrwebengine öffnen
4. Kopieren Sie das komplette entpackte Verzeichnis “LTD_Fancy2.lrwebengine” in das Lightroom Verzeichnis “Web Galleries“, das je nach Betriebssystem an folgendem Ort zu finden ist oder dort neu angelegt werden muss:
   (“username” muß mit dem echte Usernamen ersetzt werden )
   • Mac
     Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/
   • Windows Vista
     C:UsersusernameAppDataRoamingAdobeLightroomWeb Galleries
   • Windows XP Deutsch
     C:Dokumente und Einstellungen[Benutzername]AnwendungsdatenAdobeLightroomWeb Galleries
   • Windows XP Englisch
     C:Documents and SettingsusernameApplication DataAdobeLightroomWeb Galleries
     Bei Windows XP ist das Verzeichnis “Anwenderdaten” bzw “Application Data” normalerweise versteckt. Setzen Sie die Option “Verborgene Verzeichnisse anzeigen” im Windows Explorer bei den Verzeichnisoptionen, damit Sie das Verzeichnis sehen können.
5. Starten Sie Adobe Lightroom und wechseln Sie zum Web Modul. Oben rechts unter Galerie wählen Sie LTD Fancy aus der Liste der Webengines.
   

Webgalerien lassen sich nicht als Zusatzmodul installieren.

Alternative Installationsmethode

Diese Methode funktioniert aber nicht mit allen Lightroom 2.x Versionen.

1. Download von LTDFancy20.zip
2. Entpacken
3. Verzeichnis LTD_fancy2.lrwebengine öffnen
4. Drag und Drop galleryInfo.lrweb auf das Lightroom Symbol, oder mit Doppelklick durch Lightroom öffnen lassen
5. Es wird automatisch installiert
6. Nach einem Neustart von Lightroom wechseln Sie zum Web Modul. Oben rechts unter Galerie wählen Sie LTD Fancy.

Beispiele

Beispiel 1 (FancyZoom) |  Beispiel 2 (HighSlide Top) | Beispiel 3 (HighSlide Overlay)

Nur verlinkte Thumbnails

Entfernt man das Häkchen vor “DIV Erweiterte Thumbnail Tablle” in den Einstellungen,

bekommt man beim “Exportieren …” eine vereinfachte HTML Seite “index.html”, die sich gut zum Einfügen in bestehende Webseiten nutzen lässt.

Die Lightbox Variante kann dort darunter gewählt werden.

Verbesserungen

Wer Verbesserungsvorschläge hat, kann dies mit einem  Kommentar hier schreiben.

HIghSlide ist nur bedingt kostenlos

Eine Galerie mit HighSlide darf kostenlos nur auf privaten nicht kommerziellen Webseiten oder Webseiten von Bildungseinrichtungen verwendet werden, ansonsten muss auf der Webseite von HighSlide eine Lizenz erworben werden.

Aktualisierung Januar 2011, Version 2

• Limit auf 500 Fotos erweitert
• Unterstützung der Lightroom 3 Wasserzeichen
• Setup Programm Windows
• Entfernung der Floatbox Unterstützung auf Bitten des Programmierers der Floatbox

Änliche Beiträge:

• Schicke neue Web Gallery Elegance von T. Armes
• Lightroom TiltViewer Web Galerie zum Download, Version 1.3.1
• Web gallery software PIClens mit Photoshop Lightroom nutzen
• LTD Coverflow, eine neue kostenlose Web Galerie
• Lightroom LTD Airtight Tiltviewer Web Galerie – Video Tutorial von RC

Mit dem Shortcut (vier Tasten)

PC: Strg + Shift + Alt + <

Mac: Cmd + Shift + Option + <

kann vom Normalmodus in den fortgeschrittenen Modus und zurück gewechselt werden.

Danach bietet die Palette an der rechten Seite zusätzliche Optionen.

Siehe die folgenden Screenshots:

Änliche Beiträge:

• Mit Shortcuts Fotos klassifizieren
• Effektiv Bildbeschreibung für ein Foto nach dem anderen eingeben
• Windows Diashow Programm zur Anzeige von Videos und Fotos über einen Beamer
• Lightroom 3 bekommt Objektivkorrektur
• Zwei Fotos unterschiedlicher Belichtung mit Photoshop Elements und Elements+ zu einem HDR zusammensetzen

Es können mehrere Erkennungstafeln definiert und gespeichert werden, die dann auch in Diashows, Web Galerien und beim Drucken eingeblendet werden können

Möglich sind Text-Erkennungstafeln und auch Grafik Erkennungstafeln.

Eine eigene Erkennungstafel anlegen, ist ganz einfach die durchzuführen:

Wählen Sie im Hauptmenü:

Windows: „Bearbeiten“ > „Einrichtung der Erkennungstafel”

Mac OS: „Lightroom“ > „Einrichtung der Erkennungstafel“

Das Dialogfenster Erkennungstafel öffnet sich:

Hier kann zwischen einer Texterkennungstafel und einer Grafik gewählt werden.

Texterkennungstafel

Im Screenshot oben sind die Einstellungen der Texterkennungstafel zu sehen.

Bei einer formatierten Texterkennungstafel kann Schriftart, Schriftgröße und Farbe für jeden Buchstaben einzeln eingestellt werden, und schon damit lassen sich ganz schöne Logos einrichten.

Grafische Erkennungstafel

Bei Wahl der zweiten Möglichkeit eine Grafik einzubinden, beschränken sich die Variierungsmöglichkeiten auf “Datei suchen…”.

Die Größe des Logos ist auf eine Höhe von 45 Pixel beschränkt,die Breite kann variieren, sollte aber 250 Pixel nicht überschreiten.

Als Dateiformat empfehle ich PNG , es kann aber auch BMP, JPG, PSD oder GIF verwendet werden.

Speichern

Etwas versteckt im Dialog, oben, unter “Erkennungstafel aktivieren”, kann die Erkennungstafel gespeichert werden.

So steht sie dann auch in den Modulen Diashow, Web und Drucken zur Verfügung.

Mehr zu Erkennungstafeln: Englisches Video von Matt Klokowski

Änliche Beiträge:

• Eine JPG Bilddatei als Titelbild ganz in Lightroom erstellen
• Die erste Diashow mit Lightroom
• Lightroom 3 bekommt Objektivkorrektur
• Lightroom 3 beta: Webgalerie mit den neuen Wasserzeichen
• Web gallery software PIClens mit Photoshop Lightroom nutzen