Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen

Auch wenn viele Webdesigner jetzt laut aufschreien werden, InDesign wird für Web-Layouts häufiger eingesetzt als manch einer vielleicht glauben mag. Ich möchte jetzt nicht die Vor- und Nachteile von InDesign im Webdesign diskutieren, ich möchte all jenen, die InDesign im Umfeld Webdesign einsetzen, ein praktisches Hilfsmittel vorstellen. Das folgende Script wandelt InDesign-Dokumente in PSDs um.

Schulungen von kulturbanause

Intensive Trainings mit hohem Praxisbezug.

Ich wage jetzt die Behauptung, dass Webdesigner die InDesign als Layoutprogramm verwenden ihre Wurzeln für gewöhnlich im Print-Bereich haben. Bei solch klassischen Screendesignern wird häufig ein Webentwickler die Layouts technisch umsetzen. Für diesen Entwickler ist InDesign jedoch genauso fremd wie der HTML-Code für den Screendesigner. Daher wird häufig Photoshop als Zwischenformat eingesetzt.
Mit dem InDesign-Script »PageToPSLayers« exportiert ihr alle Ebenen des Dokuments in eine neue Photoshop-Datei. In der PSD werden anschließend alle Ebenen korrekt angezeigt und benannt. Textebenen werden allerdings gerastert – evtl. muss also noch ein wenig manuell nachgebessert werden.

InDesign-Script herunterladen und installieren

Ladet zunächst das InDesign-Script hier herunter und kopiert die Datei in den Script-Ordner: Programme → Adobe InDesign → Scripts → Scripts Panel.

InDesign-Scripte im Programmordner
InDesign-Scripte werden im Programmordner verwaltet

Startet nun InDesign einmal neu. Anschließend findet ihr das neue Script unter »Fenster → Hilfsprogramme → Scripte« im Ordner »Anwendung«.

Bedienfeld Skripte in InDesign
Bedienfeld „Skripte“ mit dem Script „PageToPSLayers“

*.indd in *.psd konvertieren

Schließt alle geöffneten Photoshop-Dokumente und öffnet das InDesign-Dokument. In InDesign doppelklickt ihr nun das Script. Ihr werdet gefragt wo das Dokument gespeichert werden soll und könnt einige Export-Einstellungen festlegen. Anschließend öffnet sich eine neue Photoshop-Datei mit den entsprechenden Inhalten. Je nach Umfang des Dokuments dauert es einen Moment bis alle Ebenen konvertiert wurden.

Ebenen-Bedienfeld von Photoshop und InDesign
Im Vergleich: Ebenen-Bedienfeld in InDesign und Photoshop

Links / Quellen

Geschrieben von Jonas

thumb

Jonas ist Gründer der Webdesign Agentur kulturbanause® und des kulturbanause® Blogs. Er übernimmt Projektleitung, Grafik sowie Frontend- und WordPress-Development und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Als Dozent leitet er Schulungen und Workshops. Am liebsten beschäftigt er sich mit Projekten und Themen, die ihn gleichermaßen konzeptionell als auch gestalterisch und technisch fordern.

Seminare mit Jonas Hellwig anzeigenJonas Hellwig bei Xing

Feedback & Ergänzungen – 26 Kommentare

  1. Marie
    schrieb am 27.11.2019 um 15:59 Uhr:

    Hallo,

    leider funktioniert es nun nicht mehr mit den neuesten Versionen von PS und ID.
    Gibt es hierfür eine Lösung?

    Danke im Voraus.

    LG

    Antworten
  2. Niels
    schrieb am 21.11.2019 um 10:31 Uhr:

    Hallo,

    gibt es das Script auch aktuell noch für windows?

    VG
    Niels

    Antworten
  3. Simon
    schrieb am 07.12.2016 um 15:34 Uhr:

    Das Script läuft leider nicht bei Indesign / Photoshop CC 2017 auf macOs Sierra 10.12.1. Auch nach dem Downgrade der beiden Programme auf CC 2015 bleibt der folgende Fehler bestehen:

    AppleScript Fehler!
    Fehlernummer: 8000
    Fehrlerzeichenfolge: „Adobe Photoshop CC 2015“ hat einen Fehler erhalten: Die Datei kann nicht geöffnet werden, weil zum Öffnen angegebenen Optionen fehlerhaft sind.
    Engine: Default
    Datei: /Applications/Adobe Indesign CC 2015/Scripts/Scripts Panel/PageToLayersV3.scpt

    Gibt es hierfür eine Lösung? Wie müsste das Script angepasst werden?

    Antworten
  4. imwing
    schrieb am 02.09.2016 um 15:54 Uhr:

    Das Script ist mittlerweile (September 2016) schon etwas betagt – aber ich habe es gerade in InDesign CC installiert und es macht nach wie vor einen hervorragenden Job! Voll wertvoll!!

    Antworten
  5. Stefan Terheggen
    schrieb am 07.01.2016 um 09:00 Uhr:

    Funktioniert wunderbar – sogar mit CC 2015.
    Vielen Dank für den Tipp

    Antworten
  6. David Bascom
    schrieb am 05.10.2015 um 00:16 Uhr:

    Zu diesem Thema haben wir gerade eine Reihe von javascript/jsx-Tools für Indesign entwickelt, die u.a. auch die Textebenen als editierbare Textfelder mit in Photoshop übernehmen.

    http://labor.99grad.de/?p=1008

    Antworten
  7. InDesign (.indd) Datei öffnen und mit Photoshop bearbeiten
    schrieb am 26.03.2015 um 12:46 Uhr:

    […] Textebenen werden allerdings gerastert. Hier kann manuell aber noch nachgebessert werden. Jonas Hellwig hat in seinem Blog ganz wunderbar beschrieben und bebildert, wo das Script abgelegt werden muss und […]

    Antworten
  8. Bernd
    schrieb am 21.10.2014 um 09:21 Uhr:

    Super Sache, danke! Allerdings werden die Texte als Bildebene gerendert. Wenn die auch noch als Textebene erhalten blieben wäre es ganz perfekt!

    Antworten
  9. Jonas Hellwig (Autor)
    schrieb am 19.08.2014 um 17:19 Uhr:

    Ich habe das Script Dank der Kollegen von der medien[plan]tage wieder auftreiben können. Der Download funktioniert nun wieder.

    Antworten
  10. Nicole
    schrieb am 11.08.2014 um 18:23 Uhr:

    Leider ist das Script offline :-( Ich suche es verzweifelt. Kann mir jemand helfen?

    Antworten
  11. Anita
    schrieb am 20.12.2013 um 09:49 Uhr:

    Klasse Script – DANKE :-)

    Antworten
  12. as
    schrieb am 05.11.2013 um 12:52 Uhr:

    Vielen Dank für den Tipp

    Antworten
  13. meisterleise
    schrieb am 27.08.2013 um 11:18 Uhr:

    Soetwas habe ich schon lange gesucht!
    Funktioniert bei mir wunderbar mit CS6 unter OS X 10.6.8
    Vielen Dank für diesen Artikel.

    Antworten
  14. jj
    schrieb am 02.07.2013 um 13:22 Uhr:

    hallo, weiss jemand ob es eine möglichkeit gibt dass man die texebenen im ps noch bearbeiten kann …
    thanks jj

    Antworten
  15. tintbli
    schrieb am 31.05.2013 um 10:46 Uhr:

    hi,

    das script hört sich total interessant an und alles – aber:
    gibts das vielleicht auch für windows?! ^^

    lg,
    tintbli

    Antworten
  16. Cosima Reichwein
    schrieb am 28.03.2013 um 13:07 Uhr:

    Funktioniert das auch mit WIN 7 oder nur auf dem Mac?
    Wenn ja, würde ich mir auch die CS 6 holen.
    Cosima

    Antworten
  17. Carsten
    schrieb am 28.03.2013 um 12:08 Uhr:

    Funktioniert einwandfrei in InDesign CS6 (8.0.1). Danke, das war genau was ich brauchte! Nicht weil ich Webdesign in InDesign mache, sondern weil der eine oder andere Kunde (ohne InDesign) gern ein Layout in Photoshop zur Hand haben möchte, um kleine Modifizierungen zu machen.

    @Meikel: Smart-Objects lasen sich im Script-Dialog ausschalten

    @Hajo: In Illustrator kann man direkt in Photoshop exportieren

    Antworten
  18. Meikel
    schrieb am 26.03.2013 um 09:29 Uhr:

    Hm…
    es wäre das was ich genau jetzt brauche könnte…
    Aber leider kommen nur einige Elemente aus der InDesign-Datei mit, außerdem nur als SmartObjects. Das Script zeigt sich in der heruntergeladenen Zip-Datei als „LayersToSmartObjects.scpt“ und nicht wie im obigen Screenshot als „PageTo PSLayersV3″… :-(

    Antworten
  19. Cosima Reichwein
    schrieb am 29.01.2013 um 18:55 Uhr:

    Ich arbeite auf WIN 7 mit CS5 und würde gerne das Script benutzen. Ist dieses nur für MAC gedacht?

    Antworten
  20. Lennart Sauter
    schrieb am 23.11.2012 um 20:21 Uhr:

    Danke, das hat mir gerade einiges an Arbeitszeit erspart! Prima Anleitung!

    Antworten
  21. Tobias
    schrieb am 20.09.2012 um 20:44 Uhr:

    Yup, bei mir gehts leider auch nicht. Neueste CS6 InDesign Version sowie Photoshop CS6…
    Any Ideas?

    Antworten
  22. Hajo
    schrieb am 08.09.2012 um 03:11 Uhr:

    Schön wenn es so was auch für Illustrator geben würde.

    Antworten
  23. Robert Hell
    schrieb am 05.09.2012 um 19:17 Uhr:

    Interessantes Skript. Ich benutze auch hin und wieder InDesign für Weblayouts, allerdings nur um erste Ideen schnell zu skizzieren und ja, ich komme ursprünglich aus dem Printbereich. Pixelgenaues Arbeiten dürfte sich mit InDesign allerdings als recht schwierig erweisen, oder?

    Antworten
  24. @mosermu
    schrieb am 03.09.2012 um 12:27 Uhr:

    funktioniert leider nicht in der neusten CS6 version … ;–(

    Antworten
    • Jonas Hellwig (Autor)
      schrieb am 03.09.2012 um 13:24 Uhr:

      Doch, ich habe es selbst von InDesign CS6 zu Photoshop CS6 exportiert.

      Antworten
      • Elke
        schrieb am 19.02.2014 um 10:34 Uhr:

        hi, ich habe das script auch ausprobiert (jetzt mit adobe cc). die konvertierung in photoshop funktioniert, jedoch können die smart objects nicht geöffnet werden. leider. werden nicht gelesen oder mir fehlt ein plug-in.
        somit kann leider auch kein programmierer was damit anfangen.

        gibt es eine lösung dazu?

        grüsse, elke

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →