26126
04.03.2006, aktualisiert am 05.03.2006
16342
2
0
Photoshop: Glossy Text als Banner
HowTo: Mit Photoshop (CS 2) selber einen Banner machen.
In diesem (ersten) Tutorial zeige ich, wie man ein Banner fuer die Homepage oder diverses gestalten kann.
Ihr braucht dafuer nur das Grafikprogramm Photoshop (Link: Photoshop CS 2)
<hr noshade size="5">
<h5 align="center">1. Teil</h5>
<h4 align="center">Die "Vorbereitung"</h4>
Zuerst erstellt ihr ein neues Bild, wobei die Groesse keine Rolle spielt (Es sollte aber nicht zu klein sein).
Faerbt nun den Hintergrund mit der Farbe, die ihr benutzen moechtet.
In unserem Beispiel nehmen wir als Hintergrundfarbe mal ein leichtes Blau (#92bbd1)
Schreibt nun euren Text.
In diesem Beispiel habe ich 'Datis' genommen.
Beispiel:
Arbeiten wir nun an dem Style des Bildes.
Klickt mit der rechten Maustaste auf den gerade erstellten Textlayer im Ebenenfenster auf 'Ebenenstil'.
Es oeffnet sich ein das erwuenschte Fenster.
Setzt bei Kontur einen Haken bei Kontur. Die weiteren Einstellungen sind unten abgebildet:
Der Text sollte nun eine Umrandung haben.
Im naechsten Schritt waehlt ihr bitte den Text aus und klickt im Menue auf: 'Auswahl' -> 'Auswahl veraendern' -> 'Erweitern'.
Es oeffnet sich ein huebsches Fensterchen.
Gebt in dem Feld 5 ein, um die Auswahl des Textes um 5 Punkte zu erweitern.
Es sollte ca so aussehen:
Diese Auswahl solltet ihr speichern, da wir diese gleich noch brauchen.
Klickt also auf: 'Auswahl' -> 'Auswahl speichern'.
Screenshot:
Beachtet dabei, dass ihr einen neuen Kanal macht und diesem einen Namen gebt.
Ihr solltet hier angekommen sein:
<hr size="5" noshade></hr>
<h5 align="center">2. Teil</h5>
<h4 align="center">Der "Glossy Effekt"</h4>
Erstellt eine neue Ebene mit einer Ellipse (Gefuellt mit weiss und direkt ueber dem Text)
So koennte es bei euch aussehen:
Stellt die Deckkraft im Ebenenfenster auf 20-30.
Ich habe in diesem Beispiel 25% genommen.
Jetzt ist die Ellipse durchsichtig:
Jetzt kommt der letzte und (vielleicht) wichtigste Schritt:
Bleibt auf der Ebene der Ellipse und ladet eure gespeicherte Auswahl.
Das macht ihr so:
Klickt aus 'Auswahl' -> 'Auswahl laden'.
Es oeffnet sich ein neues Fenster. In einer Auswahlbox koennt ihr dann eure Auswahl laden.
In diesem Beispiel (siehe oben) ist das "Bannerauswahl".
Tada!
Ihr habt eure Auswahl des Textes.
Klickt nun noch einmal auf 'Auswahl' und dann auf 'Auswahl umkehren'.
Nun sollte alles um dem Text herum ausgewaehlt sein.
Drueckt nun also entf oder klickt auf 'Bearbeiten' -> 'Loeschen'.
Alles was jetzt uebrig bleibt kann bleiben.
Auf dem Text sollte nun der "Glossy-Effekt" sein.
Wenn ihr mit dem Effekt ein bisschen herum spielt, koennen tolle Sachen dabei rauskommen:
In diesem (ersten) Tutorial zeige ich, wie man ein Banner fuer die Homepage oder diverses gestalten kann.
Ihr braucht dafuer nur das Grafikprogramm Photoshop (Link: Photoshop CS 2)
<hr noshade size="5">
<h5 align="center">1. Teil</h5>
<h4 align="center">Die "Vorbereitung"</h4>
Zuerst erstellt ihr ein neues Bild, wobei die Groesse keine Rolle spielt (Es sollte aber nicht zu klein sein).
Faerbt nun den Hintergrund mit der Farbe, die ihr benutzen moechtet.
In unserem Beispiel nehmen wir als Hintergrundfarbe mal ein leichtes Blau (#92bbd1)
Schreibt nun euren Text.
In diesem Beispiel habe ich 'Datis' genommen.
Beispiel:
Arbeiten wir nun an dem Style des Bildes.
Klickt mit der rechten Maustaste auf den gerade erstellten Textlayer im Ebenenfenster auf 'Ebenenstil'.
Es oeffnet sich ein das erwuenschte Fenster.
Setzt bei Kontur einen Haken bei Kontur. Die weiteren Einstellungen sind unten abgebildet:
Der Text sollte nun eine Umrandung haben.
Im naechsten Schritt waehlt ihr bitte den Text aus und klickt im Menue auf: 'Auswahl' -> 'Auswahl veraendern' -> 'Erweitern'.
Es oeffnet sich ein huebsches Fensterchen.
Gebt in dem Feld 5 ein, um die Auswahl des Textes um 5 Punkte zu erweitern.
Es sollte ca so aussehen:
Diese Auswahl solltet ihr speichern, da wir diese gleich noch brauchen.
Klickt also auf: 'Auswahl' -> 'Auswahl speichern'.
Screenshot:
Beachtet dabei, dass ihr einen neuen Kanal macht und diesem einen Namen gebt.
Ihr solltet hier angekommen sein:
<hr size="5" noshade></hr>
<h5 align="center">2. Teil</h5>
<h4 align="center">Der "Glossy Effekt"</h4>
Erstellt eine neue Ebene mit einer Ellipse (Gefuellt mit weiss und direkt ueber dem Text)
So koennte es bei euch aussehen:
Stellt die Deckkraft im Ebenenfenster auf 20-30.
Ich habe in diesem Beispiel 25% genommen.
Jetzt ist die Ellipse durchsichtig:
Jetzt kommt der letzte und (vielleicht) wichtigste Schritt:
Bleibt auf der Ebene der Ellipse und ladet eure gespeicherte Auswahl.
Das macht ihr so:
Klickt aus 'Auswahl' -> 'Auswahl laden'.
Es oeffnet sich ein neues Fenster. In einer Auswahlbox koennt ihr dann eure Auswahl laden.
In diesem Beispiel (siehe oben) ist das "Bannerauswahl".
Tada!
Ihr habt eure Auswahl des Textes.
Klickt nun noch einmal auf 'Auswahl' und dann auf 'Auswahl umkehren'.
Nun sollte alles um dem Text herum ausgewaehlt sein.
Drueckt nun also entf oder klickt auf 'Bearbeiten' -> 'Loeschen'.
Alles was jetzt uebrig bleibt kann bleiben.
Auf dem Text sollte nun der "Glossy-Effekt" sein.
Wenn ihr mit dem Effekt ein bisschen herum spielt, koennen tolle Sachen dabei rauskommen:
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 27378
Url: https://administrator.de/contentid/27378
Ausgedruckt am: 21.11.2024 um 13:11 Uhr
2 Kommentare
Neuester Kommentar