-
Texte mit Bildern füllen über Umwandlung in Pfade
26.05.2008 in Layout und Typografie von Matthias
- Kategorie: Layout und Typografie
- Erstellt mit Programmversion: CS3
- Kompatibel ab Programmversion: .
- Dateigröße (PDF): 1.6 MB
- Bisherige Zugriffe: 8044
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.
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.
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Download: Sepia-Vintage-Effekt-Aktion
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
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.
Kommentare
Weitere KommentareTutorial empfehlen
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Es gibt den Effekt von gruppierten Bildern und Texten, der sich immer wieder in Zeitschriften, auf Plakaten und Co. findet.
Bildquelle: TebNad @ Fotolia.com

In der Regel wird dieser Effekt mit Adobe Photoshop über Schnittmasken bzw. in den Vorversionen über gruppierte Texte erstellt. Die Datei wird dann z. B. als JPG in InDesign platziert. Diese Verfahrensweise hat mehrere Nachteile. Zum einen ist die Datei eine Pixelgrafik und keine Vektorgrafik. Die Schrift ist nicht vektorisiert. Vektorisierte Dateien sind speicherfreundlicher und vorallem für den Druck besser geeignet. Es ist daher optimal, diesen Effekt in Adobe InDesign zu erstellen und auf den Zwischenschritt in Adobe Photoshop zu verzichten.
Als erstes öffne ich eine neue Datei über Datei => Neu => Dokument (STRG+N) und wähle im sich öffnenden Dialogfenster meine gewünschten Einstellungen.
Ich ziehe mit dem Textwerkzeug (T) einen Textrahmen in der gewünschten Größe und schreibe meinen gewünschten Text rein. Für den Text wähle ich einen fetten Font mit breiten Buchstaben, damit Bild, dass darin erscheinen soll, auch in einigen Details erkennbar ist. In diesem Beispiel wähle ich Arial Black in der Größe 156.

Im nächsten Schritt wähle ich den Textrahmen mit dem Auswahlwerkzeug (V) an und wähle im Menü Schrift => In Pfade umwandeln (SHIFT+STRG+O). Es erfolgt eine Änderung des Rahmens. Dieser verkleinert sich auf die Größe der Schrift.

Bei Betätigung des Direktauswahlwerkzeugs (A) ändert sich sofort der Rahmen und sind die Pfadpunkte zu erkennen.

Nun wähle ich Datei => Platzieren (STRG+D). Im sich öffnenden Dateibrowser wähle ich das Bild, welches in den Pfaden angezeigt werden soll. Hier klicke ich doppelt auf die Datei.

Das Bild wurde platziert in der entsprechenden Größe. (Bildquelle: Fotolia.de.) Die Größe muss nun an die Schrift angepasst werden. Hier klicke ich mit dem Direktauswahlwerkzeug (A) in Höhe des Bildes. Der braune Rahmen erscheint.

Damit das Bild den gesamten Rahmen ausfüllt, wähle ich das Symbol „Rahmen proportional füllen“. Jetzt hat sich das Bild an die Begrenzung der Schrift orientiert.

Es besteht aber weiterhin die Möglichkeit, über die Seiten- und Eckpunkte sowie über das mit gedrückter Maustaste vorzunehmende Verschieben das Bild in seiner Platzierung zu ändern.
Fertig sieht das Bild nun so aus:

Hinweis: Der Text an sich ist jetzt über die Auswahlwerkzeuge weiterhin in Größe etc. änderbar. Allerdings kann ich den in Pfade verwandeltem Text nicht über über das Textwerkzeug bearbeiten. Es besteht aber die Möglichkeit, wenn ich nur einen Teil eines Textes – also nur eine Auswahl an Zeichen – in der oben beschriebenen Form mit einem Bild hinterlegt habe, die sonstigen Texte weiterhin mit dem Textwerkzeug zu bearbeiten. Die Grafik (Pfade mit Bild) passt sich dann an und wandert mit.
Im Beispiel habe ich jetzt nur einmal nur das Wort „WAR“ genommen.

Auch später lassen sich an den restlichen Texten alle möglichen Formate vornehmen und weitere Textinhalte hinzufügen.

Und so lassen sich einige optische Effekte erzielen. Etwa Hervorhebungen im Text durch ein Hintergrundbild mit verringerter Deckkraft (z. B. 40 Prozent) und den Text im Vordergrund als Pfad mit platziertem Bild. Auch mit den Effektfunktionen in InDesign kann so die Grafik mit verschiedensten Techniken den Wünschen angepasst werden. In diesem Beispiel hat die Grafik einen Schlagschatten und eine abgeflachte Kante und Relief.

Ich hoffe, ich konnte zeigen, dass nicht alle Vorarbeiten mit Photoshop für ein Layout in InDesign notwendig sind. Texte mit Bildern lassen sich schnell und einfach in InDesign selbst erstellen.
-
Reklame
-
-
- Zerissenes Foto
- Biete Programmierung Ihres PSD-Designs
- Fehler beim Platzieren von Bildern
- Zeilenumbruch CS4
- Gestaltung eines Logos
- Kaufberatung Drucker
- Dynamische Auswahlliste: Name und ID übergeben
- Adobe Encore - Probleme Schaltflächen Unterbild
- 2 Fotos mit unterschiedlichem Schlagschatten in einer Datei
- Copyright-Frage - öffentliche Veranstaltung
- Photoshop auf Mini Lappi
- Link auf Anker - Firefox Problem
- Auftrag: Individuelle Flash-Gallerie
- Webseite - Menüproblem sowie Anordnung des Facebook Buttons
- PSD Aktionen om Paint Shop Pro einbinden. Wie geht das?
- Buch-Vorschläge...
- Eigene Karten im Stil von Google Maps und co. erstellen
- Feengleich und märchenhaft...
- Bilder gezeichnet aussehen lassen
- Typo3 extension Probleme
-
-
Aktuelles Commag
Anzeige
-
Anzeige


Berischsons
01.02.2012 - 12:12
Sehr schönes Tutorial, auch für Anfänger echt gut verständlich!
Thomas_
17.12.2011 - 07:08
Danke für die Beschreibung
latschandbommel
08.11.2011 - 18:11
toll erklärt - auch für Einsteiger sehr verständlich.
CH_Design
16.09.2011 - 13:53
Vielen Dank, einfach und sehr effektiv ;-)
Zenist
09.06.2011 - 01:47
Wow, das funktioniert genauso einfach wie genial-
Gut erklärt, Danke!
Gibt es noch mehr Tutorials von Dir (ihr)?
cookiesphotography
22.04.2011 - 18:08
Coole Sache. Sehr einfach und gut erklärt. Genau das hat mich besonders gefreut, da ich noch nicht so lange mit Indesign arbeite. :-) Danke.
Desilein
09.04.2011 - 22:39
Toller Effekt - schnell und einfach! Super Tutorial!
dora_trautt
29.03.2011 - 12:29
sorry, habe das falsche tutorial gewählt, ich wollte was anderes wissen - ist nicht euer fehler
dianab
01.02.2011 - 10:21
Prima Tutorial, Danke sehr.
violchen
30.01.2011 - 20:07
Ein toller effekt, super erklärt und einfach zu erstellen. Vielen Dank.
ike2012
30.01.2011 - 11:33
Genau, was ich gesucht habe. 1a!
Johnny86
18.01.2011 - 15:56
Danke! Super nützlich...
thowee
07.01.2011 - 11:45
Nette Idee! Danke für das Tutorial :)
photoheini
23.10.2010 - 11:43
Prima Tutorial, Danke sehr.
cichy8
27.08.2010 - 10:50
Ich kann mich nur anshcließen -> super tutorial´
Danke
DersimSeminer
04.08.2010 - 23:06
Danke, für die einfache Erklärung
morena21
27.06.2010 - 01:48
Echt super erklärt, das hat noch nicht mal der Dozent einen richtig erklärt bei einen Indesign Aufbau Kurs... den ich Besuchte.....
hab es gleich hinbekommen.....
sandrapandra82
04.05.2010 - 22:31
Grundsätzlich gut, für manche sei vielleicht noch zu erwähnen, dass beim Platzieren ein Häkchen bei "ausgewähltes Objekt ersetzen", sowie das in Pfade umgewandelte Objekt aktiviert sein muss., bevor man den Doppelklick ausführt.
anarkin
22.03.2010 - 16:26
Prima Tutorial, Danke sehr.
Bisher habe ich wirklich immer mit PS vorgearbeitet, aber wenn's auch so geht ist es um so besser.
Skampy
04.03.2010 - 22:54
Sehr schön erklärt. Aber ich muss sagen nichts für Anfänger in InDesign. Ansonsten TOP!