Workflow Lightroom, SlideShowPro & SSP Director

Wie bereits bekannt ist, nutze ich zur Präsentation meiner Bilder und Filme SlideShowPro für Lightroom. Dieses Modul erlaubt mir in Verbindung mit dem SSP Director eine einfache und ansprechende Darstellung meines Portfolios. Da aber nun die Installation dieser Software der geringste (und einfachste) Teil ist, und darüber hinaus fast selbsterklärend ist, will ich nun auf den Workflow im Zusammenspiel mit Lightroom und dem SSP Director eingehen.

Der SSP Director ist ein Server für Bild- und Filmdateien (im Flashformat!). Er stellt also Inhalte bereit zum Abruf. Nichts anderes tut und soll er. Nutzt man wie ich Lightroom zur Verwaltung seiner lokalen Bilder, kann man mit Hilfe von Lightroom to SlideShowPro Director diesen Server mit Alben direkt aus Lightroom bestücken. Alternativ kann man über einen intergrierten Flashloader auch einzelne Dateien hochladen.

Ich gehe davon aus, dass der Interessierte den SSP Director, das Webmodul SlideShowPro für Lightroom und das Plugin Lightroom to SlideShowPro bereits installiert hat.

Ich starte nun Lightroom und nutze in meinem Beispiel zwei Makroaufnahmen um sie nun in den SSP Director hochzuladen:

Bild 5

Unten links klicke ich nun auf Exportieren und es öffnet sich dieser Dialog:

Bild 6

Hier bestimme ich nun, wohin die Dateien exportiert werden sollen. Ich wähle rechts oben den Eintrag “Lightroom to SlideShowPro Director” aus und komme zu den Einstellungen.

Bild 7

In diesem Beispiel lege ich als Target Album mit “Create New Album” ein neues an und wähle den Namen “Makro” aus. Die Dateibenennung ändere ich auch und wähle dazu den Eintrag “Benutzerdefinierter Name und Sequenz” aus. Als Text verwende ich auch hier “makro”. Da es ein neues Album ist, verwende ich hier die Nummer 1. Für bereits existierende Alben kann man hier die Nummern anpassen. Die Qualität des Jpegs stelle ich auf 70%, da es zur Darstellung im Web ausreicht und die Dateigröße klein hält. Die Bildgröße für den Export setze ich mit 1920 Pixel in der Breite fest. Die Höhe lasse ich unberücksichtigt, da sie selbst berechnet wird. Hier sei als Anmerkung voraus genommen, dass der SSP Director automatisch die Bilder in der gewünschten Größe liefert. Für den Fullscreenmodus sollte sie jedoch schon eine gewisse Größe haben. Deshalb dieser Eintrag. Es macht keinen Sinn hier kleinere Auflösungen hochzuladen, es sei denn, man möchte sie nicht größer präsentieren. Selbst wenn man das jetzt noch nicht vor hat, empfehle ich höhere Auflösungen um später doppelte Arbeit zu vermeiden.

Da meine Bilder bereits geschärft sind, verzichte ich auf die Ausgabeschärfeoption. In den Director Options setze ich den ersten Haken, um die Stichwörter (Tags) aus Lightroom mit zu übertragen. Das erleichtert mir später das Zusammenstellen der Alben im Director (kann allerdings im Director nachgeholt werden).

Nachfolgend klickt man nun auf Exportieren und schon werden die Dateien hochgeladen.

Sollte hier eine Fehlermeldung kommen, ist wahrscheinlich der Key und die Adresse zum Director nicht eingtragen worden. Den Eintrag nimmt man hier vor:

Bild 9

Die erforderlichen Informationen findet man nach dem Einloggen im SSP Director oben rechts unter System Info-> Api Information.

Nun kann ich mich in den Director einloggen und finde das hochgeladene Album in der Übersicht.

Bild 10

Hier sieht man, dass das Album noch den Status “inaktiv” hat und noch kein Vorschaubild besitzt. Durch einen Klick auf´s Album kann das nun bearbeitet werden:

Bild 11

Ich habe nun ein Vorschaubild aus dem existierenden Album gewählt, eine Albumbeschreibung eingetragen und die Daten zum Aufnahmetag und Ort vervollständigt. Zusätzlich habe ich den Status auf “aktiv” gesetzt. Außerdem klicke ich noch einmal auf XML File Path und kopiere mir den Link damit in die Zwischenablage. Fertig ist nun das Album.

Nun geht es um den Abruf der Bilder. Der Server hat das Album gespeichert und wartet auf Anfragen um die Bilder zu liefern. Diese erstelle ich nun mit dem Modul “SlideShowPro für Lightroom”.

Ich gehe in Lightroom rechts oben auf das Webmodul und wähle den Eintrag “SlideShowPro for Lightroom” aus:

Bild 12

In meinem Beispiel ist das zuletzt geöffnete Album auch gleich das zuvor hochgeladene. Deshalb bekommen wir hier die beiden Bilder auch angezeigt. Sollte das nicht so sein weil man zuvor andere Bilder in Lightroom verwaltet hat, ist das nicht schlimm, da eh keine Bilder mehr aus Lightroom verwendet werden . Es spielt also keine Rolle was nun im Hauptfenster von Lightroom dargestellt wird. Lightroom wird jetzt nur noch dazu benutzt, die Galerie zu erstellen und im Design anzupassen.

Ich möchte jetzt nicht im Detail auf die vielen Einstellmöglichkeiten, die SlideShowPro bietet, eingehen. Das muss jeder für sich selbst entscheiden und kreieren. Allein damit könnte man ein Buch füllen:-) Jede Änderung in den Optionen wird sofort im Hauptfenster angezeigt. Hat man hier nun sein Design gefunden, scrollt man runter bis zu den Ausgabeeinstellungen. Im Unterbereich “Data” sehen wir nun den XML File Path. Hier hinein wird nun der zuvor in die Zwischenablage kopierte Link eingefügt (cmd+v bzw. strg+v für die Windows User). Nun können wir schon unten rechts auf “Exportieren” klicken und die erstellte Galerie speichern:

Bild 14

Nachdem man einen Namen vergeben hat, wird ein Ordner mit dem Album und der Galerie erstellt.

Bild 15

Da in diesem Fall das richtige Album zum Zeitpunkt der Erstellung geöffnet war, wurden auch alle dazugehörigen Bilder mit exportiert.  Für sich genommen wäre die Galerie mit direkten Klick auf die in dem Ordner enthaltene index.html schon bereit zum Aufruf.

Ich hingegen habe aber die Galerien direkt in den Blog eingepflegt und will sie dort als Flashfilm aufrufen. Ich lösche zunächst aus dem Ordner Makro den Unterordner”album1″ und die “images.xml” da ich diese nicht benötige, weil die Daten ja aus dem SSP Director kommen. Den Ordner lade ich anschließend auf meinen Webspace hoch in ein Verzeichnis meiner Wahl.

Nun muss WordPress noch mit einem Plugin versehen werden. Ich nutze dazu das Kimili Flash Plugin. Hiermit wird WordPress dazu bewegt, Flashfilme abzuspielen. Das Plugin erlaubt ebenfalls vielfältige Möglichkeiten. Es wird hier an dieser Stelle aber nur das erwähnt, was zum Betrieb der Galerie notwendig ist. Ich gehe auch in diesem Fall davon aus, der der Interessierte Leser weiß, wie man ein Plugin unter WordPress installiert und aktiviert.

Nach aktivierten Flash Plugin kann ich nun den Artikel verfassen und die Flashgalerie einfügen. Hierbei gibt es ein paar Dinge zu beachten . Den Weg zeige ich nun hier auf:

Bild 17

Wenn ich meinen Text zu dem Artikel geschrieben habe (nicht unbedingt notwendig, geht auch ohne) klicke ich auf das Kimili Flash Plugin und lande gleich im Einstellungsdialog. Die Einstellungen sollten in der gezeigten Reihenfolge geschehen:

Bild 19

Bei dem Pfad zur Galerie ist nicht die index.html auszuwählen, sondern die Datei “loader.swf“, die sich im gleichen Verzeichnis befindet. Auf die “index.html” in dem Ordner kann man direkt verweisen, wenn man ein Album erstellt hat, es aber nicht öffentlich machen möchte, um es etwa Freunden oder der Familie zu zeigen. In meinem Fall wähle ich hier die Größe von 900×600 Pixel, da mein Blog die Bilder in der Größe darstellt. Bei anderen Themes mag das anders sein und ist dementsprechend hier anzupassen. Der Fullscreenmodus kann, muss allerdings nicht gewährt werden. Ich schalte ihn ein. Im Menüpunkt “base” muss ein Punkt gesetzt werden. Ohne Punkt kein Ergebnis! Dann noch ein Klick auf “Generate” und das Album sollte eingefügt sein.

Das Ergebnis sieht dann in meinem Fall so aus:

[kml_flashembed publishmethod="static" fversion="9.0.0" useexpressinstall="true" movie="http://www.chrispenning.de/portfolio/foto/makro/loader.swf" width="900" height="730" targetclass="flashmovie" allowfullscreen="true" base="."]Get Adobe Flash player

[/kml_flashembed]

Ändere ich nun ein Bild auf dem Server, werden automatisch alle Galerien mit diesem Update versehen und zeigen die neuen Bilder. Klasse Sache!

Aber das ist noch nicht alles. SSP Director kann auch Filme bereit stellen, die im Flashformat vorliegen. Für Hobby- und Gelegenheitsfilmer auch schön. Nicht jeder möchte Plattformen wie Vimeo oder Youtube nutzen, wenn er eigene Server hat oder den Kreis der Empfänger einschränken möchte.

Für das Einfügen von Filmen ist der Workflow ähnlich. Davon ausgehend, dass ein Film in geschnittener Fassung und guter Qualität vorliegt, konvertiere ich ihn mit dem Adobe Media Encoder. Das Tool liefert bei simpler Bedienung (Drag&Drop) erstaunlich gute Ergebnisse. Nachdem der Film nun im Flashformat vorliegt, lade ich ihn über die manuelle Funktion im Director hoch (Vorher erstelle ich natürlich ein Album in der Directoroberfläche). Ein Vorschaubild sollte man zusätzlich hochladen damit der Leser auch einen Eindruck vom gebotenen Film bekommt, sonst sieht man nur ein Flashlogo. In den kommenden Versionen von SSP Director kann man direkt aus dem Film ein Vorschaubild schneiden, jedoch muss eine zusätzliche Komponente dafür installiert werden, weshalb ich hier nicht näher darauf eingehe.

Nachdem der Film hochgeladen, das Album wieder auf “aktiv” gesetzt und der XML Pfad des entsprechenden Albums wieder in die Zwischenablage gelegt wurde, wird wieder Lightroom im Webmodus gestartet. Die Galerie wird wieder mit den gleichen Einstellungen oder leichten Anpassungen erstellt, der XML Pfad zum Director eingesetzt und anschließend exportiert. Danach wieder im entsprechenden exportierten Ordner den Unterordner “album1″ und die images.xml löschen. Den Rest als Ordner wieder per FTP auf den Webspace laden und dann per Flash Plugin als Film einfügen wie oben bereits beschrieben. Ein Ergebnis sieht man hier.

Es empfiehlt sich, mehrere Designs (im Lightroom Modul) abzuspeichern, um nicht jedesmal die Galerien neu anzupassen.

Ich hoffe das Tutorial hilft dem Einen oder Anderen und freue mich über Kommentare.

Tags: ,

4 Responses to Workflow Lightroom, SlideShowPro & SSP Director

  1. Norbert Passon says:

    Gratulation! Eine wirklich sehr einfache und verständliche Beschreibung. Ich arbeite gerade an meinem neuen Layout meiner Homepage und werde mit SSP Player, Director und dem Lightroom Plugin arbeiten. Meine Seite wird über Joomla 1.7 verwaltet. Ich werd mal schauen ob es ein ähnliches Flash Plugin gibt wie Kimili.

    Herzliche Grüße
    Norbert Passon

    Antworten
    • Chris says:

      Hallo Norbert, mittlerweile ist das Kimili Plugin gar nicht mehr notwendig. Du kannst den passenden Playercode direkt aus dem Director ziehen und per HTML einfügen. Es gibt dabei sogar ein Fallback für mobile Devices. Probiere das mal auf meiner Portfolio Seite aus, dort ist es bereits integriert.

      Antworten
  2. Norbert says:

    Hallo Chris,

    sorry das ich mich erst so spät zurückmelde! Hatte keine mail erhalten auf deine Antwort und bin nur zufällig nochmal auf den Beitrag gegangen. Vielen Dank aber für den Tip!! Mittlerweile habe ich doch auf WordPress gewechselt, da mir Joomla zu Komplex ist und ich durch einen weiteren Blog von mir eh mehr mit WordPress mache. Ich hoffe mal in den nächsten 2 Wochen die Seite online stellen zu können :-)

    Vielen Dank nochmal und ein schönes hoffentlich sonniges Wochenende!
    Norbert

    Antworten

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>