NetObserver Studie
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Photoshop > GridFX - Gitter mit Verlauf

GridFX - Gitter mit Verlauf zu Transparenz

Montagen sind ein wichtiger Bestandteil in Grafiken. z.B. Gitter, die in eine Transparenz auslaufen. Dazu haben wir Euch hier ein Tut zusammengestellt. Es ist wirklich nicht schwer.

Hier seht Ihr das anvisierte Ergebnis. Ein Gitter, das zu voller Transparenz ausläuft. tooltipp

Um ein Bild oder eine Montage mit einem Gitter zu überlagern, müssen wir als erstes dafür sorgen, das uns dieses Gitter auch zur Verfügung steht. Es bietet sich an, dieses Gitter mit Hilfe einer Musterfüllung zu erzeugen. Temporär erzeugen wir uns eine neue Grafik z.B. in der Größe 5px*5px mit transparentem Hintergrund. Die Größe der Grafik bestimmt die Rasterweite. Die Erzeugung eines solchen Musters muß nur einmal erfolgen und steht bei späteren Arbeiten immer wieder zur Verfügung. tooltipp

Nun müssen wir die Grafik maximal vergrößern, damit wir auch was erkennen können. Nun stellen wir die Vordergrundfarbe auf weiß ein. Als nächstes zeichnen wir mit den Bleistiftwerkzeug und einer 1px breiten und harten Spitze zwei Linien. tooltipp

Mit STRG + Linksklick auf das Symbol der "Ebene 1" markieren wir den gesamten Ebeneninhalt und wählen im Menü "Bearbeiten | Muster festlegen" und vergeben im folgenden Dialog einen sinnvollen Namen für das neue Muster. Die Datei kann daraufhin geschlossen werden. tooltipp tooltipp

Als nächstes öffnen wir nun die Grafik, die wir mit einem Gitter überlagern wollen und erzeugen eine neue Ebene. tooltipp

Diese Ebene füllen wir nun mit unserem vorhin erzeugten Muster mit dem Befehl "Bearbeiten | Fläche füllen" Im folgenden Dialogfeld wählen wir unter "Füllen mit" die Option "Muster" und suchen uns nun das selbst erzeugte Muster aus. tooltipp

Das Bild sollte nun wie oben aussehen. tooltipp

Nun erzeugen wir eine Ebenenmaske mit Klick auf die entsprechende Schaltfläche im Ebenenfenster. tooltipp

So, nun werden wir die Ebenenmaske mit einer Verlaufsfüllung versehen. Als Farbverlauf wählen wir schwarz-->weiss. Der Farbverlauf kann nun beliebig in Größe und Richtung auf der Ebenenmaske gezogen werden. [ [Abbildung 10 - Verlaufswerkzeug mit Farbverlauf schwarz-->weiss]

Tja, das war's denn auch schon. Viel Spass!

 

Autor: daydreamer

Abbildungen

Abbildung 1 - So soll's aussehen, wenn's fertig ist

Abbildung 1 - So soll's aussehen, wenn's fertig ist

Abbildung 2 - Muster erstellen (1)

Abbildung 2 - Muster erstellen (1)

Abbildung 3 - Muster erstellen (2)

Abbildung 3 - Muster erstellen (2)

Abbildung 4 - Als Muster festlegen

Abbildung 4 - Als Muster festlegen

Abbildung 5 - Neue Ebene über Bild erzeugen

Abbildung 5 - Neue Ebene über Bild erzeugen

Abbildung 6 - Ebene mit Muster füllen

Abbildung 6 - Ebene mit Muster füllen

Abbildung 7 - Zwischenergebnis

Abbildung 7 - Zwischenergebnis

Abbildung 8 - Ebenenmaske erstellen

Abbildung 8 - Ebenenmaske erstellen

Abbildung 9

Abbildung 9

Abbildung 10 - Verlaufswerkzeug mit Farbverlauf schwarz-->weiss

Abbildung 10 - Verlaufswerkzeug mit Farbverlauf schwarz-->weiss

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /