Share
In diesem einfachen Tutorial erstellen wir eine clevere Methode, kleine Schaltflächen mit ein paar Ebenen und einer austauschbaren Bildebene zu erstellen. Wie immer können Sie die Beispiel-PSD am Ende des Tutorials herunterladen, um Ebenenstile zu folgen und daraus zu kopieren.
Beginnen Sie mit einem farbigen Hintergrund. Ich habe hier dunkelbraun / grau verwendet und einen dezenten radialen Verlauf verwendet. Zeichne dann in einer neuen Ebene einen Kreis und fülle ihn mit einer Farbe. Es ist egal, welche Farbe Sie verwenden. Ich habe hier grün benutzt.
Als Nächstes werden wir einige Ebenenstile anwenden. Wir verwenden zwei Arten von Inner Shadow (eine mit Inner Shadow und Inner Glow). Außerdem haben wir eine dezente Verlaufsüberlagerung und einen Schlagschatten sowie etwas Satin. Ich habe diese Optionen ausgewählt, um zu versuchen, das Objekt dreidimensional aussehen zu lassen, indem Schatten an den weggebogenen Kanten und ein radialer Verlauf verwendet werden, um das Objekt so aussehen zu lassen, als würde Licht die Mitte treffen. Der Satin ist nur etwas extra hinzuzufügen!
Laden Sie jedoch nicht die genauen Einstellungen durch, sondern laden Sie einfach die Quelle herunter und klicken Sie mit der rechten Maustaste auf die Ebene, um den Ebenenstil zu kopieren.
So sieht der Kreis mit dem angewendeten Ebenenstil aus, irgendwie cool!
Als Nächstes zeichnen wir mit dem kreisförmigen Auswahlwerkzeug eine Ellipse, die horizontal länger ist als vertikal (wie gezeigt). Erstellen Sie eine neue Ebene und zeichnen Sie einen radialen Verlauf von weiß nach transparent. Beachten Sie, dass Sie den Verlauf so ziehen möchten, dass die gesamte Transparenz außerhalb der Auswahl erfolgt (d. H. Der weiße Teil hat einen scharfen Ausschnitt, wenn der Auswahlbereich endet)..
Wenn Sie fertig sind, drehen Sie die Ellipse um etwa 30 Grad. Dies ist unser wichtigstes Highlight.
Duplizieren Sie nun die Hervorhebungsebene. Schalten Sie die Sichtbarkeit der ersten Person für einen Moment aus, damit Sie sehen können, was Sie tun. Halten Sie dann die Strg-Taste gedrückt und klicken Sie auf die zweite Hervorhebungsebene, um ihre Pixel auszuwählen. Drücken Sie dann einige Male auf die Pfeile nach unten und nach links und drücken Sie die Löschtaste. Dies sollte Ihnen ein kleines bisschen Höhepunkt bescheren (wie gezeigt).
Schalten Sie Ihre erste Highlight-Ebene wieder ein. Dann duplizieren Sie die zweite Markierung und drehen Sie sie wie gezeigt nach links unten. Und jetzt hast du deinen Knopfstil!
Als nächstes wollen wir den Button austauschbar machen. Dafür bekommen wir einfach die grüne Hauptebene und setzen die Füllung auf 0%.
Füllen ist ein bisschen wie Deckkraft, mit der Ausnahme, dass bei einer Deckkraft von 0% auch die Ebenenstile transparent gemacht werden. Wenn Sie jedoch 0% Füllung festlegen, sind die Ebenenstile immer noch sichtbar. Das ist perfekt für uns, weil wir das Grün loswerden und trotzdem alles haben, was wir brauchen, um unsere Knöpfe zu machen. Jetzt müssen wir nur noch etwas darunter einschieben.
Also habe ich mir eine britische Flagge geschnappt und Sie können sie hier unterhalb des Buttons sehen und wie die 0% -Füllung funktioniert.
Sie müssen nur die Strg-Taste drücken und auf die Kreisebene klicken, um den Kreis mit der entsprechenden Größe auszuwählen. Dann drücken Sie die Umschalttaste + Strg + I, um die Auswahl umzukehren, zur Flag-Ebene zu wechseln und auf Löschen zu klicken. Und du bist fertig! Eine Taste!
Ich erstellte dann ein paar zusätzliche Schaltflächen mit einigen zufälligen Bildern. Oh, und die "Button Maker" -Schriftart, die ich verwendet habe, heißt "Dynamoe", falls Sie sich fragen!
Accentsconagua