Bilder als Initialen

(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)

Vielleicht möchten Sie auch ausgefallenere Initialen für Ihr E-Book gestalten und nicht die 0815-Version nehmen? Dann gibt es auch die Möglichkeit, ein Bild als Initiale zu benutzen. Die Darstellung bei den verschiedenen E-Readern kann allerdings sehr unterschiedlich sein. Das Arbeiten mit Initialen, die rein aus Schrift bestehen, bringt deutlich konsistentere Ergebnisse. Das Bild muss für diesen Vorgang im Text verankert und nachher umflossen werden (sehen Sie dazu auch Bilder und Kästen mit Text umfließen).

Die Vorgehensweise ist für CS5 wie für CS5.5 die gleiche: Kopieren Sie das Bild, das Sie benutzen möchten, in die Zwischenablage und fügen Sie dann vor dem Absatz wo die Initiale erscheinen soll, einen neuen Absatz ein. Fügen Sie dort die kopierte Grafik ein und erstellen Sie für diesen Absatz ein neues Absatzformat, z.B. mit dem Namen »Kassetteninitiale«.

Initiale wird vektorisiert, gruppiert und in neuen Absatz eingefügt

Abbildung: Die Initiale mit dem gelben Kasten wurde vektorisiert, gruppiert und dann
in einen neuen Absatz oberhalb eingefügt.

Dem Absatz wird das neue Absatzformat »Kassetteninitiale« zugewiesen. Anschließend können Sie die Position des Kassetteninitials mit Hilfe der Optionen für verankerte Objekte steuern (Menü Objekt → Verankertes Objekt → Optionen). Das hat aber keine Auswirkungen auf den ePub-Export, sondern ist nur für Ihre bessere Übersicht im InDesign-Dokument relevant.

Optionen für verankertes Objekt: Initalie positionieren

Abbildung: Die Initiale kann durch die »Optionen für verankertes Objekt« positioniert werden.

Wenn Sie das exportierte ePub im Editor oder Reader öffnen, sehen Sie erst mal genau das, was wir definiert haben, nämlich einen eigenen Absatz mit dem Initial und im nächsten Absatz den nachfolgenden Text. Wir müssen also noch manuell den CSS-Code verändern, damit die Kassetteninitiale integriert wird. Das Initial wurde als Bild exportiert und in den Ordner »Images« exportiert.

im Editor ist die Initiale zunächst noch nicht in den Absatz integriert

Abbildung: Im Editor ist die Initiale zunächst noch nicht in den Absatz integriert.

Wechseln Sie also in die CSS-Datei und suchen Sie die vorher definierte Klasse kassetteninitiale. Fügen Sie die Eigenschaft float: left; hinzu, um die Initiale in den Absatz zu integrieren. Mit den Eigenschaften margin-right, margin-left, margin-top und margin-bottom können Sie die Abstände des Initials zum Text bestimmen. Oder aber einfach durch margin: 0.2em 0.5em 0em 0em; – in CSS auch »Shorthand-Property« genannt –, wobei wir im Uhrzeigersinn drehen: Abstand oben, rechts, unten und links. Nutzen Sie auch hier wieder em-Werte, um bei einer proportionalen Vergrößerung/Verkleinerung die Abstände zu wahren. Verschiedene Eigenschaften sind eigentlich unnötig, da die Grafik ja ein Bild ist. Also könnte man die Eigenschaften, die wie fontstyle oder fontweight mit Schrift zu tun haben, entfernen, um den Code sauber zu halten.

p.kassetteninitiale {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
  line-height: 0;
  text-align: left;
  color: #000000;
  text-indent: 0px;
  margin-right: 0.5em;
  margin-top: 0.2em;
  margin-bottom: 0em;
  float:left;
}

Resultat in Sigil: Bild als Initial

Abbildung: Das Resultat in Sigil - Bild als Initial.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema ePub & InDesign bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de