Gel Tasten , die auch als Glas-Tasten , sind beliebte Elemente der Website , weil sie auf der Seite stehen , sind aber nicht zu aufdringlich . Gel Tasten erscheinen, als ob Licht aus ihnen reflektiert wird , wodurch ein Highlight aus dem Licht, das die Farbe der Schaltfläche , um allmählich von einer dunklen Farbe zu einem helleren shad verblassen verursacht. Mit Adobe Illustrator, können Sie eine Vektor-basierte Gel Schaltfläche mit drei Rechtecke mit einer Kombination aus festen Muster und Farbverläufe. Anleitung
1
Wählen Sie den " abgerundetes Rechteck "-Tool.
2
Zeichnen Sie ein Rechteck der Größe des Knopfes . Drücken Sie die "Up "-Pfeil , um eine Ecke Radius oder die "Down "-Pfeil , um eine Ecke Radius verringern.
3
Klicken Sie auf den " Stroke "-Symbol. Klicken Sie auf " Keine Füllung "-Taste , um den Hub zu entfernen.
4
Doppelklicken Sie auf den " Fill "-Symbol. Wählen Sie die gewünschte Farbe für die Schaltfläche.
5
Wählen Sie den " abgerundetes Rechteck . " Zeichnen Sie einen zweiten, kleineren Rechteck auf der unteren Mitte des ersten .
6
Doppelzimmer auf der " Fill "-Symbol klicken . Wählen Sie einen helleren Farbton des ursprünglichen Rechtecks Farbe.
7
Wählen Sie das " Ausblenden "-Tool. Klicken Sie auf das kleine Rechteck und dem großen Rechteck.
8
Wählen Sie den " abgerundetes Rechteck . " Toward oben in der Mitte des ersten Rechtecks , ziehen eine dritte Rechteck, das ein wenig größer als die zweite ist , aber kleiner als der erste .
9
Klicken Sie auf das Menü "Fenster" und wählen Sie " Gradient . " Stellen Sie den schwarzen Regler auf 100 Prozent CMYK-Schwarz und den weißen Regler auf 0 Prozent. Geben Sie " -90 " in der "Angle "-Box.
10
Klicken Sie auf das Menü "Fenster" und wählen Sie "Transparenz . " Select "Bildschirm" aus dem Dropdown-Menü .
11
Klicken Sie auf das Gradient -Panel. Ziehen Sie den Gradient Slider , das Dreieck über dem Gradienten , um die Größe der Höhepunkt in Gel -Taste einstellen .
12
Wählen Sie die gesamte Taste. Klicken Sie auf den "Effekt" Menü über " stilisieren " schweben und wählen Sie " Schlagschatten ".
13
Klicken Sie auf die Schaltfläche " Vorschau " aktivieren. Übernehmen Sie die gewünschten Optionen Schlagschatten .
