Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

Kommentare

  • Alternative Portrait von l3hrer

    l3hrer

    28.03.2012 - 13:47

    jo also find ich auch, echt klasse gemacht, hat mir echt weitergeholfen...THX!!!!

  • Alternative Portrait von teletom

    teletom

    02.10.2011 - 21:51

    Super Tutorial, genau das hab ich gebraucht! Danke Danke Danke!

  • Alternative Portrait von ni9

    ni9

    29.09.2011 - 13:41

    sehr hilfreich, danke

  • Alternative Portrait von techad

    techad

    26.07.2011 - 14:31

    ganz toll! Echt super Sache, ich bin außerordentlich begeistert.

  • Alternative Portrait von anja_d

    anja_d

    04.05.2011 - 16:11

    Vielen Dank für dieses klasse Tutorial! Aber bis mir aufgegangen ist, dass man mit dem Textwerkzeug wirklich AUF den Pfad klicken muss, ist wirklich etwas Zeit vergangen. Aber jetzt klappt es mit jeder noch so ausgeflippten Schriftart, sofern sie sich in eine Kontur umwandeln lässt.
    Suuuuper Sache!

  • Alternative Portrait von elf11

    elf11

    26.04.2011 - 11:43

    Klasse und einfach gemacht

  • Portrait von grafik_avd

    grafik_avd

    13.03.2011 - 00:11

    danke! kurz und gut erklärt

  • Alternative Portrait von Nabil

    Nabil

    12.03.2011 - 09:26

    Cool, dank ich werde gleich probieren.

  • Alternative Portrait von dianab

    dianab

    01.02.2011 - 10:22

    Schrift ist nicht verpakt. Schade.

  • Portrait von aquanixe

    aquanixe

    01.02.2011 - 01:36

    Sehr gut und sehr verständlich.

  • Alternative Portrait von violchen

    violchen

    30.01.2011 - 18:21

    Die Idee gefällt mir sehr gut und es ist alles verständlich beschrieben. Danke.

  • Alternative Portrait von ike2012

    ike2012

    30.01.2011 - 12:04

    Gut gemacht! Werde es gleich mit den Schülern probieren!

  • Alternative Portrait von XXXDerMalerXXX

    XXXDerMalerXXX

    22.01.2011 - 20:52

    sehr schönes Tutorial. Danke.
    weiter so :)

  • Alternative Portrait von janhannsen

    janhannsen

    05.01.2011 - 15:59

    Sehr Sehr hilfreich.

  • Alternative Portrait von Habo

    Habo

    13.12.2010 - 21:28

    Ein schöner Workshop, der sehr gut erläutert, wie Texte in Formen untergebracht werden.

  • Alternative Portrait von heisilschu

    heisilschu

    12.12.2010 - 10:15

    Find ich echt gut, wollten es schon ein paarmal ausprobieren, hat aber nie so recht geklappt. Jetzt geht es klassen.

  • Alternative Portrait von missfran999

    missfran999

    08.12.2010 - 16:09

    Super danke, es war mir eine große Hilfe.

  • Alternative Portrait von photoheini

    photoheini

    23.10.2010 - 11:41

    Super Tutorial. hab mich schon immer gefragt, wie das rigentlich funktioniert. Dankeschön!!!

  • Alternative Portrait von freakyPatty

    freakyPatty

    08.10.2010 - 12:57

    Super erklärt, dafür Daumen hoch. Dankeschön

  • Alternative Portrait von kusiboom

    kusiboom

    30.09.2010 - 13:58

    Hat bei mir etwas gedauert - das Ergebnis lässt sich aber durchaus sehen.
    Guter Workshop - sehr gut erklärt!

Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Formsatz ist ein durch Pfade definierter Textrahmen, bei dem das Schriftbild eine bestimmte Form darstellt. So finden sich immer wieder mit Text gefüllte Logos, Zeichen und große Buchstaben oder Zahlen.

Mit dem Pathfinder-Fenster lassen sich mehrere Vektorformen zu einer Gesamtform zusammenfügen. Es besteht ebenso die Möglichkeit, Formen in Illustrator und anderen Vektorprogrammen zu erstellen und über Kopie in Zwischenanlage den Pfad in InDesign einzufügen und dann mit dem Text zu füllen.

In meinem Beispiel werde die Buchstaben „ABC“ mit einem Text gefüllt. Der Text an sich wird die drei beginnenden Alphabetbuchstaben darstellen.

Als erstes erstelle ich eine neue Datei in der Größe A4 im Querformat über Datei => Neu => Dokument bzw. STRG+N.

Bilder

Jetzt wähle ich das Textwerkzeug (T). Es empfiehlt sich ein sehr breiter Font wie Arial Black. Ich wähle den Font Poplar Std in einer Größe von 520 Pt. Mit dem Textwerkzeug ziehe ich meinen Textrahmen mit gehaltener Maustaste von links oben nach rechts unten. Im sich öffnenden Textrahmen schreibe ich die Buchstaben ABC.

Bilder

Ich markiere den Text und tausche anschließend die Fläche gegen die Kontur aus. Jetzt sind die Buchstaben nicht mehr gefärbt, sondern haben eine schwarze Kontur.

Bilder

Ich aktiviere mit dem Auswahlwerkzeug (V) den Rahmen und wandele den Text über das Menü => Schrift => In Pfade umwandeln (SHIFT+STRG+O) in Pfade um.

Bilder

Der blaue Rahmen begrenzt sich nun genau an die Abmessungen der Buchstaben ABC. Wenn ich den Rahmen mit dem Direktauswahlwerkzeug (A) anwähle, dann sehe ich die Pfade der einzelnen Buchstaben.

Bilder

Nun bietet es sich an, die Punzen mit dem Ankerpunkt-löschen-Werkzeug (-) zu entfernen. Hierzu brauche ich einfach auf die Ankerpunkte drücken und die Punzen im A und B entfernen sich Stück für Stück. Das hat den Vorteil, bei kleineren Grafiken größere Lücken bei Texten etc. zu verhindern. Ich werde die Punzen lassen und zeigen, wie dennoch gute Ergebnisse – auch unter Annahme der erwarteten Komplikationen – erzielt werden können.

Im nächsten Schritt wähle ich den Rahmen mit dem Textwerkzeug an und füge einen Text meiner Wahl ein. Das Gute ist, dass die Pfade gleichzeitig den Text begrenzen. Bei einem Einfügen über Bearbeiten => In die Auswahl einfügen ist dieses Merkmal nicht gegeben und der Text wird nur an den Stellen, die von den Pfaden eingeschlossen werden, sichtbar. Der Rest verliefe verdeckt weiter.

Ich wähle als Text passend zum ABC eine Auswahl der verschiedenen Sprachen dieser Welt. Leider reicht die Anzahl der Sprachenauswahl nicht, um alles zu bedecken. Daher füge ich einfach meinen kopierten Text mehrfach ein. Als Absatzeinstellung habe ich den Blocksatz gewählt.

Bilder

Nachdem der Text nun das ABC vollständig bedeckt, besteht Übersatztext. Aber diesen brauchen wir nicht weiter beachten.

Es fällt auf, dass einzelne Wörter wegen der eingestellten Silbentrennung getrennt sind, was nicht unbedingt schön ist. Des Weiteren sind einige große Abstände zwischen einzelnen Wörtern und Buchstaben auffällig, die für den Gesamteindruck nicht sinnvoll sind.

Bilder

Um diese Auffälligkeiten auszugleichen, deaktiviere ich als erstes die Silbentrennung. Das bewirkt, dass sich die Abstandsmerkmale des Textes verstärken.

Die Spalten dürfen nicht zu schmal und die Schrift nicht zu groß sein, sonst gibt es Abstandsirritationen.

Daher wähle ich eine andere Schriftart mit kleinerer Schriftgröße: Nueva Std, 10 Pt.

Bilder

Im nächsten Schritt werden die Abstände der Wörter und Buchstaben zueinander angepasst.
Dafür drücke ich im Absatzfenster rechts oben auf Optionen und wähle Abstände (ALT+SHIFT+STRG+J).

Im sich öffnenden Dialogfenster nehme ich folgende Eingaben bei Minimal, Optimal und Maximal vor:
Wortabstand: 95 %, 100 %, 120 %
Zeichenabstand: -2 %, 0 %, 2 %
Glyphenabstand: 98 %, 100 %, 102 %
Setzer: Adobe Ein-Zeilen-Setzer

Bilder
Mit Häkchen in der Vorschau kann ich sehen, welche Änderungen die Eingaben bewirken.

Die Eingaben im Menüpunkt Abstände sind wesentlich für das Gelingen des Blocksatzes. Es gibt keine Standardwerte und hängen immer von der Form der Vektorgrafik, der Schrift und der Schriftgröße ab. Die Voreinstellungen von Adobe InDesign sind grundsätzlich immer gut und brauchbar. Bei besonderen Typoanforderungen sind manuelle Einstellungen aber sinnvoll und führen zu Verbesserungen.

Die Wort- und Zeichenabstände sorgen für eine sinnvolle Zurichtung in den Absätzen. Auch die Glyphenabstände können geringfügig geändert werden, um Verbesserungen zu erreichen. Mit -98 und 102 wird der Text nur minimal gestaucht/gestreckt. Mehr als +-5 Prozent von 100 sollte allerdings nicht abwandelt werden, denn dann erkennt das geschulte Auge deutlich die Skalierung der Glyphen.

Für manuelle Textkorrekturen empfiehlt sich der Adobe-Ein-Zeilen-Setzer, weil dieser zeilenweise trennt und größere Änderungen in den Absätzen nur bedingt zu größeren Änderungen im Textbild führen. Der voreingestellte Adobe-Absatzsetzer nimmt den gesamten Absatz in Augenschein und ermittelt die Trennungen im Text zusammenhängend.

Bei Wegfall der Kontur sieht der Formsatz nun so aus:

Bilder

Ich kann das Textbild noch ein wenig optimieren durch zwei weitere Möglichkeiten:
1. Durch Erweiterung/Verkleinerung der Punzen an den Ankerpunkten verschiebt sich der gesamte Text. So kann ich Abstandslücken beheben.
2. Auch bietet es sich an, einige Wörter komplett rauszunehmen oder mit anderen im Text zu tauschen.

So ist die Ansicht, wenn ich Änderungen vornehme:
Bilder

Das ist das Resultat:

Bilder

Dieses Tutorial soll zeigen, wie Formsatz als gestalterisches Mittel eingesetzt werden kann. Ich hoffe, ich habe die Technik verständlich und nachvollziehbar erklärt und gezeigt, welche Problemstellungen wie begegnet werden können. Als Arbeitsmaterial ist die Arbeitsdatei im INDD-Format für InDesign CS3 (ohne Fonts) und eine PDF-Datei mit diesem Effekt beigelegt.

Webdesign Darmstadt • vBulletin 0.041 • ZF-App 0.494 • Total 0.535