Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Bilder & Vektorgrafiken bearbeiten » Bild aus Text

Bild aus Text

Täglich sind wir von Geschriebenen umgeben. Ob die Tageszeitung am Morgen, die Dokumente am Arbeitsplatz oder die Texte im Internet – Schrift gehört zum Alltag. Und um diesem Alltäglichen etwas entgegenzusetzen, wurde der Effekt »Bild aus Text« erdacht,...

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 4 Minuten
  • von Dirk Metzmacher
  • 7. Juni 2007
Bookmarke mich
Share on pocket

von Dirk Metzmacher

Täglich sind wir von Geschriebenen umgeben. Ob die Tageszeitung am Morgen, die Dokumente am Arbeitsplatz oder die Texte im Internet – Schrift gehört zum Alltag. Und um diesem Alltäglichen etwas entgegenzusetzen, wurde der Effekt »Bild aus Text« erdacht, bei dem die Aussage des Inhalts durch die Form unterstützt wird, die ein Gesicht bildet.

Grundlage
So könnte etwa ein Artikel über »Angst- und Panikattacken« mit dem folgenden Bild auch visuell hervorgehoben werden. Die Aussage wird damit noch gestärkt. Wenige Voraussetzungen sind nötig, damit dieser Effekt umgesetzt werden kann. Das Bildelement, das dem Text die Form diktiert, sollte vor weißem Hintergrund stehen. Ist das nicht der Fall, sollte es freigestellt und nachträglich mit einem weißen Hintergrund versehen werden. Von Vorteil ist weiterhin, dass das Bildelement eher hell ist. Solch ein Bildelement muss kein Portrait sein, da der Text nach dieser Technik jeder Form folgen kann.

Screenshot
Originalfoto: Andreas Franke

Umwandlung in Schwarz/Weiß
Möchte man aus einem Farbfoto eine Schwarz-Weiß-Aufnahme erstellen, dann könnte man einfach auf »Bild ↔ Anpassen ↔ Sättigung verringern« klicken. So wird das Bild jedoch flach und kontrastarm. Dafür gibt es einen Grund. Verschiedene Farben mit der gleichen Helligkeitsstufe sehen sich als Grauton zu ähnlich, weshalb man die einzelnen Farbtöne nicht mehr differenzieren kann.

Um dem entgegenzuwirken, wird der Kanalmixer verwendet, den man ebenfalls im Menü unter »Bild ↔ Anpassen« finden kann. »Monochrom« muss für unser Ziel unten links abgehakt werden, um im Anschluß die Quellkanäle Rot, Grün und Blau einzeln zu bearbeiten. Für die beste Qualität gibt es die „Regel“, dass alle Kanäle zusammen wieder 100% ergeben sollten. Erhöht man also die Quellkanäle Grün und Blau auf jeweils 10%, so sollte der rote Quellkanal auf 80% verringert werden.

Screenshot
Kanalmixer zur Umwandlung in Schwarz/Weiß

So erhalten wir ein kontraststarkes Bild ohne Farbe, das wir über Strg J oder über »Ebene ↔ Neu ↔ Ebene durch Kopie« duplizieren und dem wir über »Ebene ↔ Ebenenmaske ↔ Alles einblenden« eine Ebenenmaske spendieren.

Screenshot
Grundlage für die Textversion

Maskenarbeit
Die Ebenenminiatur wird angeklickt, dass komplette Dokument über »Auswahl ↔ Alles auswählen« oder Strg A ausgewählt und über »Bearbeiten ↔ Kopieren« oder Strg C kopiert. Nach dem Wechsel von der Ebenen in die Kanäleansicht aktiviert man den untersten Kanal und macht ihn sichtbar, was durch einen Klick auf die Bezeichnung und das Einblenden des »Auges« schnell erledigt ist. Die Kombination von Strg V und Strg D sorgt für die benötigte Maske.

Nach dem Wechsel in die Ebenenansicht und der Aktivierung der obersten Ebene durch einen Klick auf die Ebenenminiatur füllt man die Fläche über »Bearbeiten ↔ Fläche füllen« mit Weiß. Eine weitere Ebene wird über »Ebene ↔ Neu ↔ Ebene« erstellt, mit Weiß gefüllt und die Ebenenreihenfolge per Drag & Drop so geändert, dass diese komplett weißgefüllte Ebene unter der Ebene mit der Maske liegt.

Screenshot
Grundlage als Maske

Formgebende Schrift
Der Trick ist nun, den Text zwischen der komplett weißen Ebene und der Ebene mit der Maske zu positionieren. Dazu wählt man das Textwerkzeug an und zieht in der Größe des Bildelements ein Textfeld auf. Hier kann der gewünschte Inhalt eingefügt werden. Die Schriftfamilie und -größe, der Zeilenabstand und die Laufweite sollten so gewählt werden, dass die Lesbarkeit erhalten bleibt und die Form des Bildelements – im Beispiel also die Form der Frau – gut nachgezeichnet wird.

Man sieht an diesem Beispiel, dass der Effekt nur bei großen Dokumenten gut zur Geltung kommen kann, da entweder die Schrift unleserlich wird oder aber die Buchstaben zu groß werden, so dass die Konturen nicht klar zu erkennen sind.

Screenshot
Bild in ganzen Sätzen

Deutliche Worte
Doch selbst wenn Schriftgröße und auch der Zeilenabstand passen, ist der Effekt noch zu schwach. Sehr schnell und einfach wird der Text hervorgehoben, wenn man die Ebene mit dem Text einmal über »Ebene ↔ Neu ↔ Ebene durch Kopie« dupliziert. Außerdem kann man die komplett weiße Ebene unter dem Text über »Bearbeiten ↔ Fläche füllen« mit #dbdbdb (RGB 219, 219, 219) füllen. So wird die Kontur vom Bildelement noch etwas gestärkt.

Die Form ist nun deutlicher, doch wirkt die Gesamtkomposition noch etwas unruhig. Um dem entgegen zu wirken, könnte eine kontraststarke Kopie des Originalfotos in Schwarz/Weiß über allen Ebenen liegend eingefügt werden. Die Ebenendeckkraft wird auf etwa 15% verringert. So schimmert das Foto durch, womit eine leichte Räumlichkeit und weitaus mehr Detailreichtum erzeugt wird.

Screenshot
Effekt verstärkt

Dass zahlreiche Fotos wie in einem Mosaik ein großes Bild ergeben können, zeigt eindrucksvoll interact10ways. Man kann also die Idee, aus kleinen Elementen ein großes Bild zu formen, durchaus auch auf andere Projekte übertragen. ™

Erstveröffentlichung 07.06.2007

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dirk Metzmacher

Dirk Metzmacher

ist der Herausgegeber des Photoshop-Weblogs, sowie Fachjournalist und Photoshop-Profi, dessen Tutorials seit über 12 Jahren Leser von Fachpublikationen wie Galileo Press, DigitalPhoto, Dr.Web, Print24, PSD-Tutorials oder Noupe von den Grundlagen zum Thema Photoshop bis hin zu professionellen Arbeitsweisen begleitet haben.

Agenturpartner

KnallBlauMedia

Hamburg

Webtronix Media GmbH

Hanau

Wee Media | Webdesign Agentur

Dernbach

SEO-Sicht

Berlin

TYPO3 & Shopware Agentur – 3m5.

Dresden

Alle Agenturpartner

Jobs

Copywriter – Vollzeit

Remote

Elektroinstallateur – Rechenzentrum

Karlsruhe

SEO Manager – Vollzeit

Remote

System Engineer – Managed Service

Karlsruhe

API Developer für die TelemaxX Cloud

Karlsruhe

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

10 phantastische Photoshop-Alternativen, fast alle kostenlos

Adobe Photoshop ist der Platzhirsch, doch es gibt kostenlose Photoshop-Alternativen, die je nach Bedarf dem großen Bruder in nichts nachstehen. Zeit zu wechseln?

 →   

Designpreis Focus Open 2022

So ein Designpreis ist eine feine Sache, wenn man ihn auch gewinnt. Insbesondere Werbeagenturen können und wollen auf ihrer Website mit solch einem Preis werben.

 →   

Alle wichtigen Photoshop Shortcuts und Tastenkombinationen auf einem Blick

Diese Tipps werden Dir das Arbeiten in Photoshop wesentlich erleichtern. Wenn man die Shortcuts in Photoshop so verwendet wie in den Standardeinstellungen, muss man wegen der Doppelbelegung bei jedem Werkzeugwechsel erst überprüfen, ob man auch das richtige erwischt hat. Heute zeige ich Dir, wie man diese Shortcuts sinnvoll anpasst.

 →   

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.