Heim > Software-Tutorial > Computer Software > So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

王林
Freigeben: 2024-06-10 13:14:36
Original
367 Leute haben es durchsucht

Die Verlaufsschaltfläche ist wunderschön und elegant und verleiht der Webseite Farbe. Wie erstelle ich mit PS Verlaufsschaltflächen? Als nächstes erklärt der PHP-Editor Youzi allen im Detail, damit jeder leicht lernen kann, wie man Verlaufsschaltflächen erstellt.

1. Zuerst verwenden wir das [Abgerundetes Rechteck-Werkzeug], um eine abgerundete Form mit 360*100 Pixeln zu zeichnen, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

2. Wir halten einen beliebigen kleinen Punkt des abgerundeten Rechtecks ​​gedrückt und verschieben ihn nach innen, um die abgerundeten Ecken der Form abgerundeter zu machen, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

3. Dann wählen wir das abgerundete Rechteck aus und stellen die Füllung auf die gewünschte Verlaufsfarbe ein, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

4. Dann passen wir die Verlaufsfarbe auf 30 Grad an und stellen den umgekehrten Effekt ein, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

5. Als nächstes verwenden wir das [Textwerkzeug], um den erforderlichen Text in das abgerundete Rechteck mit Farbverlauf einzugeben, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

6. Wir wählen die Textebene aus, fügen dann einen schwarzen Schatten hinzu, stellen die Deckkraft auf 20 %, den Abstand auf 2 Pixel und die Größe auf 1 Pixel ein und klicken auf [OK], wie im Bild gezeigt .

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

7. Wenn wir nach dem Hinzufügen des Schattens zum Text die Farbe der Form ändern möchten, kopieren Sie sie und verschieben Sie sie nach unten, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

8. Wir wählen die Form aus, klicken dann auf das Abgerundete-Rechteck-Werkzeug, ändern die Füllung in eine orangefarbene Verlaufsfarbe und passen den Winkel entsprechend Ihren Bedürfnissen an, wie im Bild gezeigt.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

9. Schauen wir uns zum Schluss die Schaltflächen mit zwei verschiedenen Verlaufsfarben an.

So erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine PS-Verlaufsschaltfläche_Tutorial für die PS-Verlaufsschaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:zol.com.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage