Slick , saubere Grafik mit dem Aussehen von glänzenden Kunststoff und Glas sind das Markenzeichen des Web 2.0 Look. Web 2.0 -Schaltflächen können fügen Sie einen Spritzer Farbe und ein Gefühl von Tiefe , um Ihre Web-Seite und anderen visuellen Design-Projekten . Gimp, eine leistungsfähige und kostenlose Bild -Authoring-Anwendung , bietet Ihnen alle Werkzeuge, die Sie brauchen, um einfach erstellen glänzende Kunststoff-Tasten . Anleitung
1
ein neues Dokument erstellen Sie die gewünschte Größe der Knopf zu sein . Um zu beginnen, versuchen 200 Pixel breit und 100 Pixel hoch .
2
Erstellen Sie eine neue transparente Ebene namens "Button . " Werfen Sie die Hintergrund-Ebene in den Papierkorb oder ausblenden . Klicken Sie auf den "Button" Schicht um es zu aktivieren .
3
Klicken Sie auf " Select Rectangle Tool" in der Toolbox. Überprüfen Sie die " Abgerundete Ecken "-Option in der Optionen-Panel und stellen Sie den Radius auf die gewünschte Höhe . Für eine 200 -by- 100 -Taste , versuchen Sie einen Radius von 20 Jahren.
4
Wählen Sie ein mittelgroßes getönten Farbe für den Vordergrund Farbe ( nicht zu dunkel, nicht zu hell ) . Mit 114 , 205, 227 für die R -, G- und B-Werte bzw. , und das wird Ihnen einen staubigen Schatten Enteneiblau .
5
Wählen Sie " Mit Vordergrundfarbe füllen " aus dem " Bearbeiten "-Menü.
6
Klicken Sie auf" erstellen Sie eine doppelte Schicht " -Taste auf der Ebenen-Palette.
7
Wählen Sie den" Paths Tool " aus der Toolbox . Erstellen Sie ein Rechteck um die untere Hälfte des Bildes ein wenig größer als die Schaltfläche . Neben dem Rechteck -Ecke Ankerpunkte , umfassen ein Ankerpunkt entlang der oberen Kante des Rechtecks in der Mitte der Taste , die Maus mit gedrückter linker Maustaste auf Griffe zum Einstellen der Kurve des Weges zu schaffen. Nach Beendigung des Rechtecks , klicken Sie auf die obere Mitte Ankerpunkt die Griffe und ziehen , um eine sehr subtile Welle oder Kurve für die Reflexion zu machen. (Siehe "Ressourcen " dieses Artikels Weitere Informationen zum Erstellen und Bearbeiten von Pfaden . )
8
Klicken Sie auf " Auswahl aus Pfad " auf der Optionen -Palette. Überprüfen Sie noch einmal , dass die oberste Schicht der aktiven Schicht ist . Es gibt jetzt eine Auswahl Gebiet um den unteren Teil der Taste in der Form, die Sie mit dem Werkzeug Pfad zog .
9
Hit die Entf-Taste , um die untere Hälfte der Schaltfläche Bild in der oberen Schicht löschen . Klicken Sie auf die " Lock- alpha channel" Kontrollkästchen auf der "Layers " Palette, um sicherzustellen, dass die transparenten Teile dieser Schicht bleiben transparent. Entfernen Sie die Auswahl-Box , indem Sie "None" aus dem Menü "Auswahl" .
10
Wählen Sie eine Hintergrundfarbe , die in einem helleren Farbton der Vordergrundfarbe ist . Klicken Sie auf das Farbfeld Hintergrund in der Toolbox , um das Farbauswahl -Fenster. Klicken Sie auf die Vordergrundfarbe in der Werkzeugpalette , um diese Farbe zu kopieren. Passen Sie die Werte , um eine hellere Farbe für die neue Vordergrundfarbe erstellen. Wenn Ihr Vordergrundfarbe ist die Enteneiblau bereits erwähnt, versuchen R , G, B-Werte von 164 , 237, 255 für die Hintergrundfarbe .
11
Wählen Sie die " Blend- Tool" aus der Toolbox . Stellen Sie die "Gradient " bis " VG nach HG " im "Optionen "-Panel . Füllen Sie die obere Schicht mit einem Gradienten , indem Sie auf den oberen Rand des Bildes und ziehen senkrecht nach unten bis zu einem Punkt etwa in der Mitte des Bildes. Wiederholen Sie , bis Sie den gewünschten Effekt zu erhalten .
12
Bewegen Sie die obere Schicht nach unten und nach rechts ( nur 3 Pixel für eine 200x100 -Taste) , um die Illusion einer abgeschrägten Kante geben .