Zum Inhalt springen

Verankerte Bilder mit Text umfließen

InDesign CC 2021 - Verankerte Bilder mit Text umfließen

INFO: Das Ziel dieses Tutorial (Von Null auf …) aus dem Bereich Desktop Publishing (DTP) ist es, verankerte Bilder mit Text in InDesign umfließen zulassen. Die Aufgabenstellung lautet: Erstellung eines A4-Flyers in Adobe InDesign CC 2021. Auf der Seite sollen farbig hinterlegte Textrahmen im Fließtext verankert sein und in den Textrahmen, die jeweils rechts oben ein Bild, das vom Text des Textrahmens umflossen werden. Das Ziel als PDF-Datei zum Downloaden (0,3 MByte). (Hilfe:) Probleme beim Download?

InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Der Flyer in InDesign CC 2021 mit farbigen Textrahmen, in denen jeweils ein Bild vom Text umflossen wird.

Gestaltungselemente

  • Textrahmen auf einer A4-Seite für den Fliesstext.
  • Textrahmen mit farbigen Hintergrund, 2 mm Abstand des Texts zum Textrahmen.
  • Bilder 30 x 30 mm mit 2 mm Abstand zum Text des Textrahmen.

{ Von Null auf … }

Verankerte Bilder mit Text in InDesign umfließen

SCHRITTE: Was Sie in diesem Tutorial erwartet:

  1. Das Dokument anlegen
  2. Textrahmen mit farbigem Hintergrund vorbereiten
  3. Bildrahmen vorbereiten
  4. Problem der ersten Zeile lösen
  5. Verwenden des farbigen Textrahmens

Das Dokument anlegen

ø Starten Sie InDesign CC 2020 oder höher. 

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

A Um ein neues Dokument zu erstellen, klicken Sie auf »Neu erstellen«.

B Für den Textrahmen des Fließtexts, der die ganze Seite bedecken soll, aktivieren Sie den Haken »Primärer Textrahmen«.

C Stellen Sie die Ränder auf »10 mm« ein und klicken Sie auf »Erstellen«.

Einen Textrahmen mit farbigem Hintergrund vorbereiten

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial – InDesign CC 2021 – Verankerte Bilder mit Text umfließen

D Ziehen Sie mit dem Textwerkzeug auf der Fläche neben dem Dokument einen Rahmen auf.

E Stellen Sie die Breite des neuen Textrahmens auf »190 mm« (die Breite des Fließtextrahmens) und die Höhe auf »60 mm« ein. 

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

F Für eine Hintergrundfarbe klicken Sie auf das Farbfeld und wählen einen Pastellton wie C: »20« %, M: »0« %, Y: »20« % und K: »0« % aus. 

G Bestätigen Sie die Eingabe mit »OK«.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

H Um den Abstand des Textes zum Textrahmen einzustellen rufen Sie das Menü »Objekt > Textrahmenoptionen« auf.

I Tragen Sie für den Abstand zum Rahmen jeweils »2 mm« ein und bestätigen Sie mit »OK«.

Den Bildrahmen vorbereiten

Um später ein Bild an passender Stelle einzufügen, brauchen Sie einen Bildrahmen.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

J Ziehen Sie mit dem Rechteckwerkzeug auf der Fläche neben dem Dokument einen Rahmen auf.

K Stellen Sie die Breite und Höhe je auf »30 mm« ein.

ø Schneiden Sie den Bildrahmen mit <cmd><X> aus und klicken Sie in den farbigen Textrahmen.
(Ich habe in die erste Zeile die Ziffer »1« geschrieben, die soll nur als kleine Hilfe dienen und diese werde ich später wieder löschen.)

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Bilder mit Text umfließen in InDesign CC 2021

L Fügen Sie den Bildrahmen in die erste Zeile des Textrahmens mit <cmd><V> ein.

M Um den Bildrahmen oben rechts im Textrahmen zu verankern, klicken Sie mit dem Auswahlwerkzeug (schwarzer Pfeil) auf den Bildrahmen.

N Klicken Sie mit gedrückter <opt>-Taste auf das kleine Anker-Symbol.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial – InDesign CC 2021 – Verankerte Bilder mit Text umfließen

O Im neuen Fenster »Optionen für verankertes Objekt« wählen Sie für die Position »Benutzerdefiniert« aus. Der Bildrahmen spring ganz nach links, jedoch werden Sie das jetzt korrigieren.

P Klicken Sie in »Verankerte Position« für den »Bezugspunkt« auf ein rechtes Quadrat, das dann schwarz wird. Der Bildrahmen springt entsprechend nach rechts. Falls nötig können Sie hier den x- und y-Versatz einstellen. Hat das Bild, wie in meinem Fall einen Hintergrund, können die Werte bei »0 mm« bleiben. Bestätigen Sie die Eingaben mit »OK«.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Bilder mit Text umfließen in InDesign CC 2021

Q Um den Abstand zwischen Bildrahmen und Text einzustellen, rufen Sie das Menü Fenster > Textumfluss auf.

R Klicken Sie im neuen Fenster »Textumfluss« auf das Symbol für »Umfließen der Bounding Box« und tragen Sie für Abstand nach links und unten jeweils »2 mm« ein. Dann schließen Sie das Fenster.

Das Problem der ersten Zeile lösen

Die erste Zeile ist für den Bildanker reserviert und darf (später) keinen Text enthalten. Daher müssen Sie die erste Zeile quasi unsichtbar machen und das geht so:

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

T Klicken Sie in die erste Zeile (bei mir steht dort die Ziffer »1« – Löschen Sie den Text in der ersten Zeile, wenn Sie dort etwas geschrieben haben, ohne den Bildrahmen auch zu löschen). 

U Rufen Sie das Menü Schrift > Absatzformate auf.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

V Klicken Sie in der Palette oben rechts auf die kleinen Striche und wählen Sie den Menüpunkt »Neues Absatzformat« aus.

W Geben Sie als Formatnamen etwas wie »Bildzeile-Null« ein. Für das »Nächste Format« tragen Sie entweder ein schon bestehendes Absatzformat wie »Fließtext« ein oder wählen »[Kein Absatzformat]«.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

X In »Grundlegenden Zeichenformate« tragen Sie den kleinstmöglichen Schriftgrad ein, nämlich »0,1 Pt«, und für den Zeilenabstand »0 Pt« ein. Bestätigen Sie die Eingaben mit »OK«.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

Y Weisen Sie der ersten Zeile das neue Absatzformat »Bildzeile-Null«. Dadurch wird die zweite Zeile (bei mir steht dort die Ziffer »2« nach oben hüpfen, als wäre sie die erste Zeile).

Verwenden des farbigen Textrahmens als Vorlage

Um den farbigen Textrahmen als Vorlage zu verwenden, füllen Sie zuerst den Fließtext mit etwas Text. Hier ist es nur etwas Platzhaltertext.

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

A Klicken Sie mit dem Auswahlwerkzeug (schwarzer Pfeil) auf den farbigen Textrahmen.

B Kopieren Sie (nicht ausschneiden, denn sie brauchen ihn mehrfach) mit <cmd><C>. 

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Bilder mit Text umfließen in InDesign CC 2021

C Fügen Sie drei (!) Leerzeilen in den Fließtext ein. Gehen Sie in die zweite der Leerzeilen, klicken Sie den die passende Stelle im Fließtext und fügen Sie den Textrahmen mit <cmd><V> ein.

Dies ist die schnelle (Quick-and-dirty) Lösung um ausreichend Platz zwischen dem Fließtext und dem farbigen Textrahmen zu bekommen. 

Screenshot aus Tutorial - InDesign CC 2021 - Verankerte Bilder mit Text umfließen
Screenshot aus Tutorial: Verankerte Textrahmen in InDesign CC 2021

D (Alternative) Die bessere (sauberer) Lösung funktioniert wie oben mit einer Leerzeile. Dann müssen Sie nach dem Einfügen wie in Schritt O mit gedrückter <opt>-Taste auf den Anker klicken.

E Passen Sie »Benutzerdefiniert« die Position an.

F Legen Sie den Textumfluss auf »2 mm« oben und unten.

ENDE