So verwenden Sie Photoshop zum Erstellen eigener iOS 6-Symbole

Mit viel Debatte darüber, ob iOS 7 istgut oder nicht, es bleibt keine andere Wahl, als sich für eine Seite zu entscheiden - iOS 6 oder iOS 7. Ich persönlich halte iOS 7-Symbole für eine Art Windows Phone-Abzocke, aber hey - was werden Sie tun? Apple hat kopiert oder einem anderen Microsoft von Apple oder Android, es schließt sich wirklich der Kreis. Wenn wir also gerade in der Stimmung von Apple sind, probieren Sie ein kurzes Photoshop-Tutorial zum Erstellen eigener iOS 6-Symbole aus.

Gute Beispielsymbole finden

Der erste Schritt besteht darin, ein Beispiel für ein iOS-Symbol zu finden. Führen Sie eine schnelle Google- oder Bing-Bildsuche nach „iOS-Symbolen“ durch. Richten Sie Ihre Suche mithilfe der Optionen für die genaue Suche in Google auf genauere Ergebnisse aus.

Nachdem Sie ein gutes PNG-Symbol gefunden haben, speichern Sie es auf Ihrem PC, damit wir es in Photoshop öffnen können.

Erwähnenswert ist auch, dass Bing die Suche nach Bildern und Symbolen, die für den persönlichen Gebrauch kostenlos sind, erheblich vereinfacht.

Anfangen

Importieren Sie das gespeicherte Bild in Photoshop und stellen Sie sicher, dass es sich um ein korrektes PNG handelt. Es soll eine haben Schachbrettgitter nach den abgerundeten Ecken anstelle des typischen weißen Hintergrunds.

ichWenn der Hintergrund nicht transparent ist, können Sie eine der folgenden Optionen verwenden: Magic Eraser Tool an jedem der vier weißen Flecken in den Ecken.

Strg + Klick Die Miniaturansicht der Ebene mit dem importierten Symbol, um eine Auswahl der Symbolform zu treffen. Sie können dann (mit dem rechteckigen Auswahlwerkzeug) Rechtsklick und Füllen Mit jeder gewünschten Farbe. Ich werde zunächst einmal Schwarz ausprobieren.

Spezialeffekte

Jetzt ist es an der Zeit, Ihrem Symbol den glänzenden iOS 6-Look zu verleihen (Das ist natürlich besser als iOS 7). Rechtsklick deine Ebene und wähle Fülloptionen.

Mit den Überblendungsoptionen können Sie eine Vielzahl von Überlagerungsebenenstilen erstellen, mit denen das Aussehen des iOS-Symbols repliziert werden kann. Beginnen Sie mit a Gradient und dann probieren Sie einige Schlagschatten und Inneres Glühen. Ihr Endergebnis sieht ungefähr so ​​aus:

Und deine Ebene wird so aussehen:

Tipp: Sie können Ihre Ebene umbenennen (Umschalt + Strg + N), um die Organisation zu verbessern.

Fügen Sie ein bisschen Glanz hinzu

Replizieren wir nun den Glanz oben auf fast allen iOS 6-Symbolen. Erstellen Sie zunächst eine neue Ebene. Nennen Sie es "Gloss" und legen Sie es über Ihre Symbolebene:

Jetzt schnapp dir die Elliptical Marquee Tool (versteckt hinter dem rechteckigen Auswahlwerkzeug). Mache eine kleine runde Form am oberen Teil des Icons wie folgt:

Ohne die Auswahl aufzuheben, nehmen Sie Ihre Verlaufswerkzeug und schnell einen Farbverlauf erstellen, der von Weiß zu 100% Transparenz übergeht:

Ziehen Sie den Verlauf nach dem Erstellen am unteren Rand der Auswahl heraus Halten Sie die Umschalttaste gedrückt.

Entfernen Sie jetzt den Glanz, der über die Grenzen des Symbols hinausgeht. Indem Sie a Strg + Klick auf dem Vorschaubild der Symbolebene und dann invertieren Sie unsere Auswahl mit Rechtsklick> Inverse auswählen Sie können die vier leeren Ecken abdecken. Nun können wir die auswählen Glanzschicht und drücken Sie die Schlüssel löschen den überschüssigen Glanz loswerden. Sie können mit einer kurzen beenden Strg + D abzuwählen.

Spitze: Um den Effekt des Glanzes zu verstärken, können Sie verschiedene Ebenenüberlagerungsmodi ausprobieren - einige davon funktionieren gut Bildschirm, Sanftes Licht und Überlagerung.

Fertigstellen Ihres Symbols

Sie können nun ein beliebiges Logo hinzufügen, das Sie verwenden möchten. Schauen Sie sich meine süße neue App an - das iSmile! Nur 99,99 $ im App Store - nur ein Scherz, natürlich! Mit dieser Technik können Sie so viele fetzige Symbole erstellen, wie Sie möchten. Viel Spaß!