Sonntag, 13. April 2014

HOW TO: Erstellen Sie eine Mobile-App Icon in Photoshop

Tutorial Assets

Folgende Vermögenswerte wurden während der Produktion dieses Tutorial.

Schritt 1

Erstellen Sie ein neues Dokument. In diesem Tutorial werden wir die Gestaltung unserer Symbol 1024x1024 Pixel, aber fühlen Sie sich frei, um Ihnen bei 256x256 oder 512x512 Pixel entwerfen.

Schritt 2

Mit den abgerundeten Rechteck-Werkzeug (U) eine Form zeichnen mit einem roten Farbe. (Ich probierte das Pipette-Werkzeug (I) auf der offiziellen PSDTUTS +-Symbol).

Schritt 3

Mit dem Pinsel-Werkzeug (B) Malen einen lebendigen hellrote Farbe auf einen Lichtfleck auf der rechten oberen Teil des Symbols erstellen.

Schritt 4

In einen schwarzen Schatten mit dem Pinsel-Werkzeug. Verwenden Sie das Bild als Referenz.

Schritt 5

In eine Form wie diese oben auf das Icon mit dem folgenden Ebenenstil.

Schritt 6

Duplizieren und reduzieren die letzte Form mit Cmd / Strg + T. In einer neuen Ebene, als Schnittmaske gesetzt (Alt-Klick in der Trennlinie zwischen zwei Schicht in Ebenenpalette), malen etwas Licht roter Farbe mit dem Pinsel-Werkzeug (B ).

Schritt 7

Grenzen Sie die oberen Lichter mit dem Pinsel-Werkzeug (B) abwechselnd hell und dunkel rot.

Schritt 8

I verfeinert den unteren Teil mit der gleichen Weise wie im vorherigen Schritt.

Schritt 9

In einer separaten Ebene mit Rechteck-Auswahl-Werkzeug (M) in zwei dünnen Streifen und wählen Sie den Mischmodus in Overlay.

Schritt 10

Stellen Sie eine rechteckige Auswahl. Füllen Sie es mit dem Verlaufswerkzeug (G) gesetzt Weiß auf Transparent. Verzerren die Schicht mit Cmd / Strg + T und setzen der Füllmethode auf Überlagern.

Schritt 11

Erstellen Sie eine neue Ebene und mit dem Auswahlrechteck (M) wählen Sie einen dünnen Streifen von Pixel. Füllen Sie es mit schwarzen und verzerren die Schicht mit Cmd / Strg + T, um ein Ergebnis wie im folgenden Bild zu erhalten. Legen Sie die Schicht in der Nähe der Grenze von der Mitte weiß Farbverlauf. Wie Sie sehen, kann ich dupliziert die Streifen für die rechte Seite.

Schritt 12

Grenzen der Schatten mit dem Pinsel-Werkzeug (B) in einer neuen Ebene.

Schritt 13

Fügen Sie zwei Höhepunkte Streifen. Verwenden Sie den Schritt 11 Verfahren wieder.

Schritt 14

Wenig Einstellung mit dem Pinsel-Werkzeug (B) mit dem mittleren Scheinwerfer und Grenzen. Ich mache eine Gruppe mit den Mittelschichten und eine Ebenenmaske hinzugefügt, um die Linien zu glätten nur ein bisschen.

Schritt 15

Fügen Sie eine subtile Textur auf das Symbol mit dem Filter Lärm> Rauschen hinzufügen, stellen Sie den Mischmodus auf Weiches Licht. Versuchen Sie, die Schicht mit Cmd / Strg + T. ändern

Schritt 16

Mit der rechteckigen Form-Werkzeug (U) erstellen ein Plus Form und fügen Sie die folgende Ebenenstil.

Schritt 17

Duplizieren Sie die Plus-Form und verschieben es ein bisschen auf den Boden mit dem Verschieben-Werkzeug (V). Fügen Sie diesen Ebenenstil.

Schritt 18

Fügen Sie einige Überlegungen mit dem Zeichenstift-Werkzeug (P). Zeichnen Sie einige zufällige schwarze Gestalt und mit einer niedrigen Schicht Deckkraft.

Schritt 19

Ich verfeinert die Grenze des oberen Quer Zugabe weißen Linien mit dem Stift-Werkzeug.

Schritt 20

Zauberstab-Zeit. In einen schwarzen Zylinder-Form mit diesem Ebenenstil.

Schritt 21

In einem anderen weißen Formen auf dem Zauberstab mit diesem Stil.

Schritt 22

Und schließlich die letzte Form mit folgenden Ebenenstil.

Schritt 23

Die Bürste wird aus zwei Teilen zusammengesetzt. Zuerst ziehen die Hauptform mit dem Zeichenstift-Werkzeug (P). Verwenden Sie diese Ebenenstil.

Schritt 24

Mit dem Pinsel-Werkzeug (B) starten, um in der Bürste mit einem kleinen harten Pinsel zu malen. Verwenden Sie den Abstand Anstand in der Pinselpalette (F5), um die Geschwindigkeit dieser Schritt zu steigern. Versuchen Sie, die Farbe des Pinsels zu ändern.

Schritt 25

Ich habe einen Bodenschatten und mit gelben Oberteil mit dem Pinsel-Werkzeug (B) in einer neuen Schicht gefärbt.

Schritt 26

Zeichnen Sie eine Zylinderform mit dem Stift-Werkzeug (P) gelten die folgenden Ebenenstil.

Schritt 27

Legen Sie die Holzstruktur im Dokument und es auf der vorherigen Form als Schnittmaske im Overlay-Modus.

Schritt 28

Für das Metallteil, ziehen andere Form mit diesem Ebenenstil. Ich verfeinerte die Schatten dieser Teil in einer neue Ebene durch die Malerei etwas innen schwarz.

Schritt 29

Erstellen Sie eine neue Ebene und malen den Rauch mit dem Pinsel-Werkzeug (B) mit lila und gelben Farben.

Schritt 30

Zeichnen Sie einen Stern mit dem Eigene-Form-Werkzeug. Fügen Sie diesen Ebenenstil.

Schritt 31

Duplizieren Sie die Sternform und machen es dunkler, indem Sie eine dunkelgelbe Farbe. Vereinbaren Sie diese Schicht hinter der vorherige. Ich dupliziert den Stern zweimal und legte die kopiert ein um den Zauberstab in der verschiedenen Größe.

Schritt 32

Ein letzter Schritt ist, um die gesamte Symbol Beleuchtung in einer separaten Ebene mit dem Pinsel-Werkzeug (B) zu verfeinern. Ich habe einige kleine Details zu dem Symbol, wie Lacktropfen, Schein, Schatten einfach nur malen.

Schritt 33

Ich habe ein blaues Licht zwischen den Objekten mit dem Pinsel-Werkzeug (B) in einer neuen Ebene.
Anzeige

Schritt 34

Schließlich habe ich einen Schatten auf das Symbol, und einer benutzerdefinierten orange Hintergrund, in separate Ebenen.

Endgültiges Bild