Photoshop Erstellen von Web-2
Erstellen Sie eine leere Leinwand auf etwa 500px (Breite) x 400 Pixel (Höhe) auf die Schaltfläche Design beginnen. Erstellen Sie eine neue Ebene Aufruf ‚BG01‘. Wählen Sie das abgerundete Rechteck-Werkzeug. SHIFT hält und ein rundes sided Quadrat in der Mitte ziehen. Jede Farbe ist in der derzeitigen Phase in Ordnung.
Rufen Sie die Fülloptionen von ‚BG01‚und passen Sie die folgenden Arten:
- Farbanschlag: 0%, # d00031
- Farbanschlag: 100%, # ff2b5d
Halten Sie STRG, klicken Sie links auf ‚BG01‚Ebenenminiatur, seine Form zu wählen. Go Select -> Ändern -> Vertrag und den Wert ‚2px‘ eingeben. Dies wird den ausgewählten Bereich um 2 Pixel schrumpfen.
Erstellen Sie eine neue Ebene Aufruf ‚BG02‚und füllte die markierte (nach Schrumpf) Bereich mit einer beliebigen Farbe. Ich benutze # 000000 schwarz hier. Klicken Sie doppelt auf ‚BG02‘ zu starten, um die Blending Option und zwicken die folgende Art.
- Farbanschlag: 0%, # c6002f
- Farbanschlag: 100%, # c6002f
Erstellen Sie eine weitere neue Ebene für Text, nennen es ‚txt‘. Legen Sie die Schaltfläche Text. Ich werde ein Alphabet darstellen verwenden. Die Schriftstile Ich bin hier verwenden, sind wie folgt:
- Tiefe: 1px
- Richtung: nach unten
- Größe: 0px
- Softten: 0px
- Highlight-Modus Opazität: 32%
- Schatten-Modus Opazität: 32%
- Color Stop: 0% # d2d2d2
- Color Stop: 100% # f0efef
Erstellen Sie eine neue Ebene, nennen es ‚glühen‚und füllen Sie den markierten Teil mit weißen [#ffffff]. Dies sollte Glüheffekt auf den oberen Teil Ihrer Schaltfläche hinzuzufügen. Das Endprodukt sollte unter so etwas wie das Bild aussehen.
Etwas zusätzliche ..
Zwicken die FÜLLOPTIONEN von ‚BG01‚und ‚BG02‚wird Ihnen interessantere Tasten. Hier ist eine andere Photoshop-Tutorial auf die Schaltfläche ich vorher gemacht habe - Erstellen Glossy Button für Web 2.0