Tutorial: Header mit Schrift-aus-Bild

The post Tutorial: Header mit Schrift-aus-Bild appeared first on THE3RDVOICE.NET // Modeblog, Fashionblog aus München.

Ich habe mir fest vorgenommen in Zukunft ein paar mehr Tutorials zu schreiben bzw. Filmen – ganz egal ob nun Schmink- Beauty- Photoshop oder Blogging-Tutorials. Ich möchte natürlich nur das posten, was euch wirklich interessiert – seid also so lieb und macht kurz bei meiner Umfrage unten mit!

Vorneweg: Ich arbeite mit Photoshop. Ich habe eine ältere Studenten-Version, die mir aber total reicht. Photoshop ist ein teures Programm – aber wusstet ihr, dass ihr euch ältere Versionen ganz legal runterladen könnt? Hier gibt es beispielsweise Photoshop CS2. Beim Klick auf “Zum Download” werdet ihr zu Adobe weitergeleitet und müsst eine ID anlegen. Runterscrollen, Sprache auswählen und dann die oberste Datei “CS_install_MAC” auswählen (Oder Win, wenn du einen PC hast). Rechts daneben steht die Seriennummer, die du dann eingeben musst! Für das, was ich euch hier zeige reicht CS2 vollkommen. :)

So, nun kann’s losgehen. Momentan sind gerade minimalistische schrift-Header wieder beliebt, deshalb zeige ich euch heute wie ich meinen gemacht habe. Bitte nehmt dieses Tutorial als Inspiration, spielt mit den Schriftarten und den Brushes – nicht, dass am Ende alle Blogs gleich aussehen ;)

Step 1:


Öffne ein Bild in Photoshop – am besten ein Großes. Vielleicht willst du deinen Header/Logo später mal auf Visitenkarten drucken, dann sollte es groß genug sein. Für Visitenkarten sollten also 9cm auf die längere Kante mit 300dpi reichen! Wähle nun das “Horizontal Type Mask Tool aus (DE: Horizontales Textwerkzeug).

Klicke im Bild auf die Stelle, wo du den Text ausschneiden möchtest und tippe deinen Text. Ich finde, mit fetten Schriften kommt das am Besten. Wenn du auf das Symbol oben rechts klickst (Lila markiert) öffnet sich die CHARACTER-Box (DE: ZEICHEN). Hier kannst du beispielsweise wie ich noch den Zeichenabstand verringern – auch das kommt gut, finde ich :)

Wähle nun das “Move Tool” (DE: Verschieben-Werkzeug // Oder Einfach “V” auf deiner Tastatur drücken). Dein Text ist nun gerastert. Drücke nun CMD-X um ihn auszuschneiden (WIN: STRG-X // Oder Bearbeiten —> Ausschneiden) und erstelle eine neue Datei. Dazu drückst du CMD-N (WIN: STRG-N // Oder Datei –> Neu). Dieses Fenster öffnet sich. Rechne ca 300 Pixel bei Breite und Höhe hinzu, damit die neue Datei groß genug ist für weiteren Text-Brushes. Füge nun mit CMD-V (WIN: STRG-V // Oder Bearbeiten —> Einfügen) deinen ausgeschnittenen Text ein.

Jetzt kannst du noch einen Schatten drunter legen, bei meinem Schriftzug ist das Notwendig weil er für einen weißen Hintergrund zu hell ist. Klicke auf LAYER –> Layer Style –> Drop Shadow (DE: Ebenen –> Ebenenstil –> Schlagschatten). Spiel’ mit den Einstellungen rum bis es dir gefällt. Alternativ kannst du auch “Stroke” wählen und einen Rahmen drumlegen.

Mit dem normalen Textwerkzeug kannst du jetzt noch einen Sub-Text schreiben, wie’s dir eben gefällt. Darunter habe ich noch einen Brush gesetzt – Fertig! Zeigt mir gerne eure Ergebnisse!

Weitere Tutorials findet ihr hier – seid so lieb und macht bei der Umfrage mit (es können auch mehr als eine Antwort gewählt werden :)).

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

The post Tutorial: Header mit Schrift-aus-Bild appeared first on THE3RDVOICE.NET // Modeblog, Fashionblog aus München.

  • Love
  • Save
    18 loves 2 saves
    Add a blog to Bloglovin’
    Enter the full blog address (e.g. https://www.fashionsquad.com)
    We're working on your request. This will take just a minute...