Funktionalitäten im Zusammenhang von BilderBildern

• Bilder einfügen

• Bilder zuschneiden und drehen

• Bildbearbeitungsdialog

• Repro-Workflow

Inhaltsverzeichnis

Allgemeine Beschreibung

Im folgenden Video wird ein Überblick darüber gegeben, wie in PRINT NGEN mit Bildern gearbeitet werden kann:

Das Einbinden von Bildern in Dokumente erfolgt einfach durch per Drag & Drop: Wählen Sie Dazu wird ein Bild im Bildbrowser ausgewählt und lassen Sie es auf einen Bildbereich in einem Seiten- oder einem Artikelcontainer fallen (oder direkt auf die Seite) fallen gelassen.
Es ist sinnvoll, Originalbilder nicht zu verändern. Daher wird beim Drag & Drop automatisch eine Kopie eines Originales erzeugt, wenn man es über Drag&Drop auf einen Bildbereich fallen lässtdes Originals erzeugt. Dieser Kopie wird die der Kategorie Produktion “Produktion” zugewiesen. Bei der Weiterverarbeitung wird nur die Kopie verändert, nicht das Original. Beim Original wird jedoch vermerkt, dass eine Kopie angefertigt wurde und umgekehrt.
Man erkennt im Listenfenster, ob Bilder bereits in Dokumenten verwendet wurden.:

Lässt man
Wird ein Bild auf einen Bildbereich fallen gelassen, so wird es in diesem gemäß der Eigenschaften des Bildbereiches (Einträge im Eigenschaftsfenster des Bildbereiches) platziert:
Wird ein Bild nicht auf einen Bildbereich fallen gelassen, sondern auf den Seitencontainer, so wird automatisch ein Bildbereich in der Größe des Bildes (bzw. des Bildausschnittes, Eigenschaften Breite/Höhe) angelegt und das Bild in diesem platziert. Die Größe dieses Bereiches kann größer sein als die Abmessungen der Seite. Die Eigenschaften des Bereiches werden gemäß dem Eintrag Bild in der Layoutbibliothek Default “Default” vorgegeben. Für die Bearbeitung auf Layouts und in Artikeln eignen sich JPEG und PDF-Bilder.

Detaillierte Beschreibung

Workflow

Im folgenden Video wird der Bild-Workflow in PRINT NGEN vorgestellt. Dabei wird der Bildbearbeitungs-Dialog, das Weiterstufen und Weitergeben an die Repro sowie der Preflight-Check thematisiert:

Bilder bearbeiten – Bildbereiche und Bildausschnitte

Lässt man Wird ein Bild auf einen Bildbereich fallen bzw. auf ein Layout fallen gelassen, dann wird automatisch ein Bildausschnitt bei dem Bild gesetzt. Dieser Bildausschnitt ist erkennbar an der gestrichelten Linie beim Bildcluster.
Wird das Bild in seinem Bereich bearbeitet, muss man grundsätzlich zwischen den Änderungen am Bildbereich und am Bildausschnitt unterscheiden.unterschieden werden.

Im folgenden Video wird gezeigt, wie Bilder platziert und bearbeitet werden, und welche Tastenkombinationen dafür wichtig sind:

Bilder bearbeiten - Bereiche

Hat man Wurde ein Bild auf ein Layout gezogen oder in einen bestehenden Bildbereich gezogen, dann versucht NGen PRINT NGEN immer, das Bild in der Höhe oder Breite komplett im Bildbereich unterzubringen. Beim Skalieren des Bildbereiches an den Eckpunkten wird das Bild mitskaliert, der Bildausschnitt bleibt erhalten.

Zieht man an An den Bereichsmittelpunkten , dann wird der Bildbereich größer gezogen.

Bildbereiche vergrößern mit der Q-Methode

Verwendet man die „Q-Methode“ Wird bei der Änderung des Bildbereiches , dann ändert man die „Q-Methode“ verwendet, wird automatisch auch den der Bildausschnitt verändert.

Besonderheit: Beim Anpassen der Pfade eines Freistellers ist es nicht nötig, die Q-TASTE zu drücken, es denn beim Ziehen an den Pfadpunkten wird automatisch mehr oder weniger vom Bild sichtbar beim Ziehen an Pfadpunkten.

Bilder zuschneiden und drehen

Im folgenden Video wird gezeigt, wie Bilder zugeschnitten und gedreht werden können.

Durch Doppelklicken PRINT NGEN_ Bilder zuschneiden und drehen.mp4

Durch Doppelklick auf einen Bildbereich gelangt man der/die Nutzer:in in den Editiermodus – um den Bereich sieht man sind grüne Anfasspunkte sichtbar; der Cursor ändert sich in ein Scheren-Symbol.

(SHIFT-Taste) – Ausschnitt verschieben

Hält man Wird die Shift-Taste gedrückt gehalten und bewegt gleichzeitig den der Cursor bei gedrückter linker Maustaste über den Bildbereich bewegt, so ändert sich der Cursor zur in eine Hand und man kann macht so den Bildbereich verschiebenverschiebbar.

STRG – Zoomen

Hält man Wird die STRG-Taste und die linke Maustaste beim Ziehen auf dem Bild gedrückt gehalten, ändert sich der Cursor in eine Schere mit + und - - Symbol; man der Bildausschnitt kann nun den Bildausschnitt zoomengezoomt werden:
Zoomen des Bildausschnittes mit Mausbewegung von der linken oberen Ecke (verkleinern) zur rechten unteren Ecke (vergrößern) des Bildes. NGen PRINT NGEN lässt hierbei die linke Seite des Bildes stehen.

Drehen von Ausschnitten mit ALT

Hält man Wird die ALT-Taste und die linke Maustaste beim Ziehen auf dem Bild gedrückt gehalten, ändert sich der Cursor in zwei gebogene Pfeile mit einer Raute in der Mitte; man der Bildausschnitt kann nun den Bildausschnitt drehengedreht werden.

Bild beschneiden

Im folgenden Video werden die Funktionen “Bild beschneiden” und “Bildbereich an Container beschneiden” in der Grafik-Werkzeugleiste vorgestellt:

Bildbearbeitungsdialog

Der Bildbearbeitungsdialog wird mit Rechtsklick auf das Bild über das Kontextmenü mit Klick auf “Bildbearbeitungsdialog öffnen” aus dem Bildbereich aufgerufen. Hier können Zoom, Beschnitt und Winkel eines Bildes eingestellt werden. Des Weiteren gibt es die Möglichkeit der Spiegelung und des Wechsels in den interaktiven Bearbeitungsmodus.

Weitere Bildbearbeitungseinstellungen

Weitere Bildbearbeitungseinstellungen können per Rechtsklick auf das Bild über das Kontextmenü aufgerufen werden. Per Klick auf die gewünschte Option öffnet sich danach ein Dialog. Dort stehen zahlreiche Funktionen zur Verfügung.

Freisteller

Freistellerpfade können in NGen PRINT NGEN gezeichnet oder direkt aus Photoshop übernommen werden.

Freistellerpfad in NGen zeichnen

Mit dem Pfad-Zeichnen-Werkzeug zeichnet man einen Freistellungspfad (schließen geht mit Escape). Dann Rechts klicken und den Menüpunkt „Freisteller übernehmen“ wählen.

Ergebnis: Bild wird entlang des Pfades freigestellt. Einzelne Pfadpunkte können noch verschoben, gelöscht oder ergänzt werden.

Image Removed

Freistellerpfade aus Photoshop übernehmen

Man kann importierte JPEG- und PDF-Grafiken anhand des in der Datei gespeicherten Beschneidungspfads freistellen. Enthält eine importierte Grafik mehrere Pfade, kann man wählen, welcher Pfad als Freistellungspfad verwendet werden soll.

Standardmäßig ist der Beschneidungspfad ausgewählt.

Möchte man einen anderen Pfad für den Freisteller auswählen, dann kann man eine Galerie aufrufen, in der man das Bild als Thumbnail jeweils mit seinen unterschiedlichen Freistellungspfaden sieht. Unter dem Bild steht der Name des Pfades.

Ist das Bild nicht auf einem Layout/in einem Artikel platziert, dann kann man den Freistellungspfad direkt am Bildcluster im Bildbrowser ändern. Der gewählte Freistellungspfad wird beim Bild gespeichert. Steht ein Bild bereits auf einem oder mehreren Layouts/Artikeln, dann ist der Freistellungspfad nur auf der Seite/im Artikel änderbar. Wählt man den Freistellungspfad aus dem Layout heraus, so wird der neue Pfad direkt als Bereichsform in das Layout übernommen. Aufgerufen wird die Galerie über das Kontextmenü des Bildes.

Image Removed

Gibt es nur einen Photoshop-Pfad, dann wird das Bild auf dem Layout sofort geändert. Bei mehreren Pfaden zur Auswahl geht der Dialog zur Auswahl der Pfade auf:

Image Removed

Ändert man den Freisteller auf dem Layout z.B. durch das Entfernen von Pfadpunkten (siehe hierzu nächstes Kapitel), dann kann über den Dialog der ursprüngliche Pfad aus Photoshop immer wieder hergestellt werden.

Freisteller-Menü

Beim Aufruf eines Freisteller-Pfades auf dem Layout gibt es verschiedene Wirkungsweisen, wie sich der Bereich des Freistellers verhalten soll.

Bei Anwendung des Menüpunktes „Freistellungspfade wechseln“ wird das gesamte Bild, nicht nur der im Bildbereich befindliche Ausschnitt, betrachtet. Die Größe und Position des gesamten Bildes im Layout wird beibehalten. Somit bleibt auch der Freisteller an genau der Position und in genau der Größe, die er im Gesamtbild hat.

Image Removed

Bei der Anwendung des Parameters „Bereich an Freistellungspfad anpassen“ wird der neue Ausschnitt in den vorhandenen Bereich eingepasst.

Bilder gerade stellen

Ausführliche Informationen dazu finden sich unter Freisteller.

Bilder gerade stellen

Um Bilder geradezustellen, muss mit dem Linienwerkzeug und dem magnetischen Hilfsobjekt entlang der Achse, an der das Bild geradegestellt werden soll, eine Linie gezogen werden. Anschließend auf die Linie rechts klicken und „Bild gerade stellen“ wählen. Ergebnis: Das Bild wird entlang der gezeichneten Linie gedreht.

Image Added

Bilder in Photoshop oder Illustrator öffnen

Es gibt die Möglichkeit, Bilder aus PRINT NGEN direkt in Photoshop oder Illustrator zu öffnen und zu bearbeiten.
Dazu kann man von dem Bildbereich auf dem Layout Dies geschieht über das Kontextmenü „In Photoshop öffnen“ (oder „in Illustrator öffnen“) verwenden. Das Bild wird nach dem Speichern in Photoshop oder Illustrator direkt in NGen PRINT NGEN aktualisiert.

Import von Bildern per Drag & Drop

Bilder können über neben automatischen Workflow-Aktionen, durch die sie automatisch nach NGen PRINT NGEN einlaufen oder , auch per Drag & Drop nach NGen PRINT NGEN gezogen werden.
Dazu muss das gewünschte Bild mit gedrückter Strg.-Taste im NGenPRINT NGEN-Fenster fallen lassengelassen werden.

Beispiel: Ein typischer Repro-Workflow

Normalerweise Typischerweise werden verwendete Bilder von der Repro noch einmal bearbeitet und ggf. freigestellt. Ein häufig eingesetzter Workflow ist hier kurz abgebildet, um beispielsweise die wird hier anhand der Herstellung eines Freistellers zu demonstrieren:demonstriert.

Bild vorbereiten und zur Repro schicken

Ein Bild wird in einen Bildbereich auf einer Seite fallengelassen und dann per NGen über PRINT NGEN ein grober Freisteller gezeichnet:

Das Bild wird anschließend per Menüpunkt vom/von der Layouter:in an die Repro geschickt, eventuell mit einem Kommentar versehen:

Image Removed

Bei dem Menüpunkt „Zur Repro“ wurde beispielsweise hinterlegt, dass das Bild in das Filesystem exportiert wird.. Dabei kann auch ein Kommentar mitgeschickt werden, zum Beispiel, in welches Filesystem es exportiert wird.

Image Added

Dort kann es nun von der Repro abgeholt und bearbeitet werden. Es wird beispielsweise ein „Beschneidungspfad“ Beschneidungspfad definiert und dann in einen Importordner wieder im Filesystem abgelegt.
Über einen Workflow wird das Bild dann wieder importiert und auf der Seite selbständig ersetzt.Mit dem

Ändern des Status

Es kann hinterlegt werden, dass mit Klick auf den Menüpunkt „Zur Repro“ könnte z.B. automatisch der Status des Bildes geändert werdenwird. Dies geschieht über das Setzen der Eigenschaft „Status“.
Dies könnte beispielsweise so aussehen:

Wenn das Bild von der Repro zurückkommt, dann kann man dem Bild einen neuen Status geben und dadurch kennzeichnen, dass das Bild jetzt „fertig“ ist. Sinnvoll wäre hier zum Beispiel auch noch ein Customizing, welches dies an dem kann es ebenfalls mit einem neuen Status versehen werden, zum Beispiel mit “fertig”.

Anzeigen der Bilder im Gemischt-Modus

Über den Ansichtsmodus lässt sich ein Bild im Gemischt-Modus der Seite anzeigt. Dies geschieht über einen Ansichtsmodusanzeigen.
Kommt das Bild z. B. im Status=„Fertig“ aus der Repro zurück, dann gilt das Ansichtsmodus-Element
LayoutBild##Fertig
In ”LayoutBild##Fertig” in der Bibliothek Ansichtmodus Ansichtsmodus Gemischt(Hinweis:

In dem Ansichtsmodus-Element LayoutBild##Fertig “LayoutBild##Fertig” kann man z. B. hinterlegenhinterlegt werden, dass Bilder im Status „Fertig“ eine Bereichslinie bekommen. Freisteller könnten können zusätzlich noch rote Ausrufezeichen bekommen, damit der/die Layouter:in weiß, dass er/sie mit diesem Freisteller noch etwas tun muss:

Bei Freistellern muss jetzt noch der Bereich an den neuen Pfad aus der Repro angepasst werden.
Damit ist folgendes gemeint: Wenn man sich den , weil der Bildbereich auf der Seite ansieht und das Bild an sich im Bildbrowser, dann kann man erkennen, dass der Bildausschnitt und der Bildbereich eigentliche Bild nun nicht mehr übereinstimmen.

Dies liegt daran, dass der Photoshop-Beschneidungspfad zwar beim Bild übernommen wurde, aber natürlich nicht der Bereich sich ändert.
Dies kann der Layouter jetzt über eine SYMBOLISCHE METHODE tun.
Für den Anwender sind das beispielsweise nicht geändert hat. Die Anpassung erfolgt über die symbolische Methode.

Anpassung über die symbolische Methode

Die Anpassung über die symbolische Methode erfolgt beispielsweise über die Menüpunkte, welche für die Freistellungspfade zuständig sind. Der/die Customizer:in hinterlegt hier die symbolischen Methoden mit zugehörigen Parametern.

In der Bibliothek Menüs “Menüs” werden im Element Layout#Bild#DLayout “Layout#Bild#DLayout” z. B. folgende Menüpunkte gecustomiztgecustomized:

Für den/die Anwender:in stellt sich das dann wie folgt dar:

Damit wäre der Workflow für Bilder abgeschlossen.

Bilder am Bild-Bereich tauschen

Werden in einem Editor, wie z. B. CREATE oder Livingdocs, Bilder im Artikel eingefügt und nach PRINT NGEN übertragen, sind diese am Artikel in PRINT NGEN referenziert. Am Artikel-Cluster wird ein Icon angezeigt, wenn es zugehörige Bilder aus einem Editor gibt (Referenz-Eigenschaft am Artikel: “CMS”).

Image Added

Beim Klick auf das Icon werden die Bilder aus dem Editor wie folgt angezeigt:

Image Added

Gibt es im Artikel einen oder mehrere Bildbereiche, können die Bilder aus einem Editor per Bilder-Tauschen-Button am Bildbereich (rechts unten im Bildbereich) getauscht werden.

Image Added

Enthalten das aktuelle Bild und das zu wechselnde Bild eine Bildunterschrift (“BU”), erscheint die Abfrage: “Soll die bestehende Bildunterschrift erhalten bleiben?”. 

• Bei Klick auf “Ja” wird die bestehende “BU” übernommen. 
• Bei Klick auf “Nein” wird die “BU“ des zu wechselnden Bildes übernommen.

Verwandte Seiten

^{Nur für PEIQ-Mitarbeiter:}

/wiki/spaces/CORE/pages/1017118779