Jetzt in der Version CS5 ist “Repoussé” neu hinzugekommen. Hinter diesem Namen verbirgt ein leistungsfähiger Dialog, mit dem aus 2D Objekten wie Texte, Pfade, aktive Auswahlen oder Ebenenmasken 3D  durch Extrude oder Rotieren erzeugt werden können. Dabei können abgeflachte Kanten (Bevel), Verdrehungen,  Materialien, Aufblasen  eingestellt werden, das Objekt kann gedreht, skaliert und durch den Raum bewegt werden.

Damit ist das erste Mal echter 3D Text ohne Zusatzmodule und Plugins direkt in Photoshop möglich. Durch Hinzufügen von weiteren Ebenen können Schatten und Reflektionen dargestellt werden.

Tutorial mit Reflektion und Schatten

Text erstellen, mit Ebenenstilen wie Textur oder Verlauf versehen

Erst mal legen wir ein neues Bild an und schreiben mit beliebiger Schrift unseren Text.

Am besten gleich mit Ebenstilen einen schönen Farbverlauf oder ein Muster auf den Text bringen.

Mit Repoussé in 3D Text umwandeln

Jetzt im Menü 3D , die Funktion Repoussé , Text wählen, der große Repoussé Dialog öffnet sich.

Hier kann man solange mit den Einstellungen spielen, bis der Text wunschgemäß aussieht.

Die deutsche Version des Repoussé Dialogs wird so aussehen:

Wand und Boden erstellen

Es werden jetzt 2 zusätzliche Ebenen erstellt. Am besten geben Sie jeder einen sprechenden Namen.

Die Ebenen beliebig mit Farbe oder Muster füllen und sie dann jeweils in eine “3D Postkarte” umwandeln.

Diese beiden 3D Postkarten über “3D Ebenen auf eine Ebene reduzieren” (3D Merge) zusammenfügen

Wie auch schon in CS4 können die beiden 3D Ebenen in eine 3D Ebene zusammengefasst werden.

Dazu beide Ebenen selektieren und im Menü 3D den Menüpunkt “3D Merge” anklicken.

Was hier ganz neu in CS5 ist, ist dass auch unterschiedliche 3D Layer also Postkarte und Objekte so zusammengeführt werden können. Das machen wir uns im nächsten Schritt zunutze:

Die Boden/Wand Ebenen mit dem 3D Text zusammenführen, so das wir die drei Elemente in einer 3D Ebenen haben.

Jetzt kann zwar sein, dass man den 3D Text erst mal nicht mehr sieht, da er von den Boden und  Wand Ebenen verdeckt wird, aber darum kümmern wir uns sofort:

Die Elemente anordnen, Kamera einstellen

Im 3D Panel kann man die Elemente einzeln wählen und über den dritten Button von oben manipulieren. Es stehen Drehung, Skalierung und Bewegen im 3D Raum zur Verfügung.

So ordnen wir Wand und Boden im 90Grad Winkel zueinander an und bewegen den Text so, dass er im Vordergrund ist.

Die Kamera wird nach und nach so eingestellt, das wir einen interessanten Blickwinkel auf den Text haben.

Lichtquellen hinzufügen (Spotlicht)

Jetzt fügen wir zumindest noch ein Spotlicht dazu, um der Szene ansprechend zu beleuchten.  Hier muss man geduldig mit den 3D Licht Einstellungen arbeiten, bis das Licht aus der richtigen Position im passenden Winkel auf unsere Objekte leuchtet.

Materialeigenschaften wie Reflexion beim Boden einstellen

Um Schatten und Reflexionen zu bekommen, muss man in die Materialeinstellunegen von Wand und Boden, und den Wert für Reflexion auf einen Wert zwischen 10 und 50 einstellen.

Rendern

Das Bild sieht jetzt noch so etwa aus:

Die Reflexion und die Schatten werden erst sichtbar, wenn man das Bild über den Raytracer rendern lässt. Das ist ein rechenintensiver und damit langsamer Vorgang.

Dazu klicken Sie erst mal im 3D Panel ganz oben auf Szene (Scene) und gehen dann im unteren Bereich auf

Wählt man da jetzt die Ray Traced Option startet die Berechnung des Bildes schrittweise, man sieht dabei ein blaues Kästchen das sich über das Bild bewegt.

Nach dem Rendern kann man das Ergebnis speichern.

Zusammenfassung der Schritte

1. Text erstellen, mit Ebenenstilen wie Textur oder Verlauf versehen
2. mit Repoussé in 3D Text umwandeln
3. 2 zusätzliche Ebenen erstellen, mit Farbe oder Muster füllen und in eine “3D Postkarte” umwandeln.
4. Diese beiden 3D Postkarten über “3D Ebenen auf eine Ebene reduzieren” (3D Merge) zusammenfügen
5. Diese mit dem 3D Text zusammenführen, so das wir die drei Elemente in einer 3D Ebenen haben
6. Die Elemente anordnen, Kamera einstellen
7. Lichtquellen hinzufügen (Spotlicht)
8. Materialeigenschaften wie Reflexion beim Boden einstellen
9. Rendern

Änliche Beiträge:

• 50 Texteffekte in Photoshop
• Photoshop Lightroom 2.7 Download verfügbar
• Effektiv Bildbeschreibung für ein Foto nach dem anderen eingeben
• Ebenenmasken, und viel mehr in Photoshop Elements dank Zusatzmodul Elements+
• Englische Adobe Creative Suite CS4 released

Die Firma Airtight Interactive bietet seit kurzem die Flash Foto Galerie TiltViewer auch zum kostenlosen Download an. Nach dem AutoViewer, dem PostcardViewer und dem SimpleViewer ist das deren neueste Flash Galerie.

Siehe: die Tiltviewer Seite bei airtightinteractive.com

Mit einer XML-Liste der Fotos kann so eine Galerie für eigene Webseiten erstellt werden. Was bis dato noch niemand anbietet, ist die Lightroom Anbindung. Ich habe mich daran versucht. Zum ersten Mal habe ich eine Lighroom Web Galerie entwickelt. Das eigentliche Hauptproblem dabei ist die fehlende Dokumentation.

Trotzdem ist es mir gelungen eine arbeitsfähige Version anzu bieten: Die aktuelle Version , die ich hier zum kostenlosen Download anbiete, ist noch nicht perfekt, aber man kann man damit schon sehr schnell zu einer TiltViewer Webseite kommen, die funktioniert.

So binden Sie die Galerie in Lightroom ein:

Erstmal holen Sie sich meinen Download LTDTiltViewer131.zip.

Automatisch unter Windows

1. Entpacken der Zip Datei
2. Verzeichnis LTD Airtight TiltViewer öffnen
3. Doppelklick auf INSTALL_LTD_only_windows.bat,
   die Web Galerie wird in das richtige Verzeichnis kopiert
   (Vielen Dank an meinen Blognachbar Tim, der diese praktische Batch Installation entwickelt hat.)

Ansonsten Manuell:

1. Entpacken der Zip Datei
2. Kopieren Sie das komplette entpackte Verzeichnis “LTD Airtight TiltViewer” in das Lightroom Verzeichnis “Web Galleries“, das je nach Betriebssystem an einem der folgenden Orte zu finden ist:
   • 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 Settings[username]Application 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.Existiert dort kein solches Verzeichnis, müssen Sie es manuell anlegen.

Starten Sie Adobe Lightroom and wechseln Sie zum Web Modul. Oben rechts unter Galerie wählen Sie LTD Airtight TiltViewer.

Schon können Sie die ersten Fotos aussuchen und eine funktionierende Webseite exportieren.

Einschränkungen:

Kein Preview in Lightroom

Update Versionshistorie

0.2 – 0.3 Der neue Parameter “padding” erlaubt den Abstand zwischen den Bildern einzustellen.
Der Tiltviewer erlaubt aber nicht, den horizontalen und vertikalen Anstand individuelle einzustellen.

1.3.1 tiltviewer auf Version 1.3.1 aktualisiert, minimale Anpassungen

Weiteres

Die Seiten http://www.lightroomgalleries.com/ und http://theturninggate.net bieten viele andere Webgalerien von hoher Qualität zum kostenlosen Download an. Diese englischen Seiten erweitern ständig ihr Angebot. Diese Galerien dienten mir als Vorlage für die TiltViewer Galerie.

Ergänzung Mai 2008: Die Rückseite der Fotos

Bei Tiltviewer Web Präsentationen können die Fotos einzeln umgedreht werden, die Rückseite enthält Textinformationen.

Mein Web Galerie Modul unterstützt dies im Einstellungsbereich Bildinformationen. Es können die gewünschten Informationen aus dem Lightroom Metadatendialog zusammengestellt werden.

Dazu klicken Sie zuerst auf “Benutzerdefiniert” neben “Title” und selektieren Sie “bearbeiten”:

Genauso gehen Sie für die zweite Zeile vor, die in Lightroom mit “description” bezeichnet ist.

Die dritte Zeile ist der klickbare Link unten auf der Rückseite, für den Sie eine gültige URL angeben sollten.

Diese könnten Sie auch für jedes Foto der Galerie in die Metadaten aufnehmen, so dass jedes Foto auf eine andere Webseite verweist.

Die Farbe der Rückseite kann auch in Lightroom über den Parameter Farbpalette, “Flipside background” festgelegt werden.

Update Feb 2009

Neue Version LTD Airtight TiltViewer 1.3.1

Photoshop Web Guru RC Concepcion von Layers TV (aus dem Team von Scott Kelby) zeigt im Video Tutorial Installing an Image Slideshow in WordPress, wie man eine Flashgalerie in einen WordPress Blog integrieren kann. Im Video ist auch kurz zu sehen, daß R.C meinen TiltViewer benutzt.

Andere Möglichkeit

Als Alternative ohne Flash habe ich eine weitere Galerie entwickelt, die  Web Galerie LTD Fancy, die auch  kostenlos zum Download zur Verfügung steht.

Download des LTD Airtight Tiltviewer

Download Web gallery Tiltviewer v 1.3.1 .

English visitors please read here

Änliche Beiträge:

• Lightroom LTD Airtight Tiltviewer Web Galerie – Video Tutorial von RC
• Web Galerie LTD Airtight Tiltviewer Update, Docma, Layers TV
• Schicke neue Web Gallery Elegance von T. Armes
• Lightroom 3 beta: Webgalerie mit den neuen Wasserzeichen
• Web gallery software PIClens mit Photoshop Lightroom nutzen