Erstellen Sie eine Schaltfläche mit Photoshop Fotorealistische

wg1

Fotorealistische Button mit Photoshop Heute bin ich in der Stimmung für Grafiken Tipps! Wir werden sehen, Schritt für Schritt, wie man einen Schlüssel (eine Tastatur) mit fotorealistischen Photoshop machen. Früher habe ich die Version Adobe Photoshop CS3 Extended , sondern für das, was Sie brauchen in diesem Tutorial ist gut qualsisi früheren Version von Photoshop. Alternativ kann bei der Einfachheit der Operationen durchgeführt werden, könnten wir eine andere Grafik-Anwendung - zumindest - unterstützt Ebenen (jetzt fast alle jetzt tun) und einige besondere Wirkung. Für diejenigen ohne Computergrafik entwickelt empfehlen zu versuchen, eine völlig frei, wie GIMP , gerade angekommen auf Version 2.4.

1. CREATION BASE LAYER

Bild Öffnen Sie ein neues leeres Blatt Papier groß genug (512 × 512 Pixel) und zeichnen Sie auf einem Layer - was wir die "Basis" ein Quadrat (300 x 300 Pixel) mit runden Kanten nennen. Machen Sie es die gewünschte Farbe (kurz nach dem überlagern einen Gradienten) und verwendet eine Abrundung der Kanten von mindestens 32 Pixel. An dieser Stelle wenden wir folgende Auswirkungen:

Bild
Outer Glow: Verwenden Sie die Farbe Schwarz # 000000

Bild
Inner Glow: Verwenden Sie die Farbe Schwarz # 000000

Bild
Bevel bzw. des Reliefs

Bild
Gradient Overlay: das Gefälle reicht von grau zu weiß # ffffff # 7d7d7d

Schließlich sollten Sie sich etwas wie dieses:

Bild

2. LAYER Schlüsselerstellung

Erstellen Sie nun eine neue Ebene über der Ebene "Basis" und nennen es "Knopf". Zeichnen Sie ein Quadrat noch einmal die gleiche Prozedur in Schritt 1 verwendet, aber dieses Mal tun sie kleiner (230 × 230). Wir wenden diese Schicht folgende Auswirkungen:

Bild
Outer Glow: Verwenden Sie das white # ffffff

Bild
Glow integer: immer weiß

Bild
Bevel bzw. des Reliefs

Bild
Gradient Overlay: # ffffff von weiß bis schwarz # 000000

Am Ende bekommen wir so etwas, und wir sind schon weit fortgeschritten:

Bild

3. Schatten-Ebene CREATION

Jetzt, wo der Großteil fertig ist, beginnen wir zu einigen Details, die unsere wichtigsten realistischer als es ohnehin schon ist, wird hinzugefügt. Wir werden nun mit dem Auswahl-Werkzeug, um die gesamte Taste weniger als im Inneren, in der Praxis den Rand des 3D-Taste.

Rechtsklick auf die Ebene "Basis" und wählen Sie den Menüpunkt "Select Pixels", um den gesamten Rand der ersten Ebene wählen (oder halten Sie die Strg-Taste, mit der linken Maustaste auf die Ebene "Basis" klicken).

BildBild

Jetzt halten Sie die Strg-und Alt-Tasten aus und klicken Sie mit der linken Maustaste auf die Ebene "button" um zu "eliminieren" die Form der Schicht "button", so dass nur die 3D-Grenze wählen. Quiandi Erstellen Sie eine neue Ebene und nennen Sie es "Schatten". Mit dieser neuen Auswahl dieser neuen Ebene einen Verlauf mit dem entsprechenden Werkzeug Bild und stellen Sie die Steigung so Bild Oder von schwarz auf transparent mit Wiederholung.

Wir wenden die Gradienten in der rechten unteren Winkel von 45 Grad (Abb. 1):

Bild
Abb.1
Bild
Abb.2
Bild
Abb.3
Bild
Abb.4

Wir sollten die Abb.2. Wählen Sie nun die linke obere der Ebene "Schatten" und gelöscht werden, wie in Abb. 3 gezeigt. Als letzten Schritt stellen Sie die "Deckkraft der Schatten-Ebene zu erhalten Abb.4.

4. ERSTELLEN FALTEN LAYER

Um einen Hauch von Realismus, um das Material der Taste, fügen wir eine neue Ebene und nennen es "Falten". Dies wird uns helfen, die Rauheit der Kunststoff-Taste zu simulieren. Wir wählen die gesamte Form der Strg-Taste gedrückt und klicken mit der linken Maustaste auf die erste Schicht "base". Lassen Sie uns auf diese neue Ebene "Falten" zu bewegen und füllen Sie es mit Weiß, mit der rechten Maustaste auf die Auswahl und wählen Sie "füllen" (oder die Tastenkombination Strg + Alt + Entf oder Del je nachdem, wo Sie den weißen ausgewählt - Orim Boden oder zweiten Stock ):

Bild

In diesem "square" weiß, am Ende wenden wir die Add Noise-Effekt, wie unten dargestellt:

Bild
Hier habe ich einen Wert von 6

Stets die Auswahl fügen wir einen signifikanten Effekt (Filter Menü> Stylize> Emboss), wie unten dargestellt:

Bild

Die Eigenschaften dieser Schicht "Falten" die Füllmethode auf "Farbe Burn" und die Deckkraft auf 50% (was Sie verstärken oder vermindern die Wirkung von Falten wollen): Bild

Bild
The Complete-Taste

Wenn wir wollen, wir können es, indem Sie einen Charakter vollständig:

Bild

Es gibt keine Kommentare für diesen Beitrag

Hinterlasse einen Kommentar

XHTML TAG PERMIT: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Stoppen SOPA