Web 2.0 ist ein beliebtes Stil in Web-Design. Web 2.0 Buttons dreidimensional erscheinen und glänzend, wie eine Seifenblase , als ob sie knallend aus sind auf dem Bildschirm. Der Prozess der Erstellung von Web 2.0 Buttons beinhaltet viele Steigungen und Schicht arbeiten . Things You
Photoshop
brauchen anzeigen Weitere Anweisungen
1
öffnen Photoshop , erstellen Sie eine neue Datei und stellen Sie die Größe der Leinwand , was Ihr Knopfgröße werden . Besorgen Sie sich die Form-Werkzeug aus der Werkzeugleiste wählen - ein abgerundetes Rechteck oder Kreis , denn das ist am häufigsten in der Web 2.0-Stil . Wählen Sie eine Farbe für den Button , und klicken und ziehen , um die Form zu erstellen , so dass es füllt fast die Leinwand . Lassen Sie ein paar Pixel um es für eine Grenze. Dann mit der rechten Maustaste auf die Form in der Ebenen- Bedienfeld und wählen Sie " rastern . "
2
Wählen Sie das Verlauf-Werkzeug . Werfen Sie einen Blick in die Drop-down- Menü Gradienten direkt unterhalb der Menüleiste am oberen Rand des Bildschirms , und finden Sie einen zwei - Farbverlauf mit der Farbe Ihrer Form und weiß. Wenn Sie nicht sehen, die Farben, die Sie wollen , auf dem Gradienten Bild klicken Sie oben im Menü statt . Dadurch werden Sie zu einem Dialogfeld, in dem Sie bearbeiten, erstellen und speichern Sie benutzerdefinierte Steigungen zu nehmen. Machen Sie Ihre Gradienten mit den Schiebereglern . Sobald Sie die Steigung müssen , stellen Sie Ihren Gradienten Deckkraft auf 40%. Dann, um Ctrl-Taste oder Befehlstaste- Klick auf das Icon in der Schicht Schicht-Platte wählen die Pixel in dieser Schicht . Klicken und ziehen Sie von oben nach unten über 80% der Form , um den Verlauf anzuwenden. Nun kann mit dem Text-Werkzeug, ein Textfeld und geben Sie den Text für den Button . Gehen Sie zurück zu Ihrem normalen Mauszeiger und positionieren Sie den Text in der Mitte der Taste
3
hinzufügen 1 - . Oder 2 -Pixel- Takt , um Ihren Text mit Ebenenstile . Machen Sie den Schlaganfall Farbe ein wenig dunkler als Ihre Schaltfläche Farbe. Machen Sie dasselbe für den Button Schicht . Machen Sie eine neue Form der gleiche wie der ursprüngliche Taste Form, aber etwa 90% so breit und 50% so groß wie das Original. Positionieren Sie es in der Mitte und in der Nähe der Spitze der ursprünglichen Form der Schaltfläche . Rastern die Form wie Sie haben mit Ihrem ersten Form . Wählen Sie die Pixel von Control - oder Befehlstaste- Klick auf die Schicht -Symbol und löschen den ausgewählten Bereich vollständig . Nun wählen Sie das Verlauf-Werkzeug wieder und schaffen eine Steigung , die von weiß zu transparent geht . Nun, da Sie wissen, wie aus dem letzten Schritt , sollte es einfach sein . Übernehmen Sie die Gradienten durch Klicken und Ziehen nach unten in die Form , so dass die weiße ist auf der Oberseite und verblasst nach unten, um transparent.
4
Wählen Sie Ihre Original -Taste in der Ebenen- Panel und doppelklicken Sie darauf, sich zu öffnen die Ebenenstile Dialogfeld . Von dort wählen Sie " Inner Glow" von der Säule auf der linken Seite und die Deckkraft auf 50%. Stellen Sie die Farbe Ihrer Glow das gleiche Farbton wie Ihr Taste jedoch etwas leichter ist . Um es sich noch mehr dreidimensional, einen Schlagschatten hinzufügen , um Ihren Text über Layer Styles für die Textebene . Das macht den Text aussehen, als ob sie auf einem glänzend, semi- transparent Blase ist die Verlegung .