Apple iCloud-Symbol zeichnen - Photoshop-Lernprogramm

iCloud, der neueste Cloud-Storage-Service, den Apple eingeführt hat, hat ein recht einfaches, aber schönes Logo. Das Symbol besteht aus metallischem Material und ist mit einem extrudierten Wolkensymbol versehen. Sie wissen es vielleicht nicht, aber das Erstellen eines solchen Symbols ist eigentlich sehr einfach. Nachfolgend finden Sie das iCloud-Symbol, das wir Ihnen zeigen werden, wie Sie in diesem Beitrag mithilfe von Photoshop zeichnen!

Sieht ein bisschen kompliziert aus, aber in der Tat brauchen wir nur einige Ebenenstile, grundlegende Vektorformen und ein wenig manuelles Zeichnen. Lass uns hineingehen!

Schritt 1

Beginnen Sie mit dem Erstellen einer neuen Datei mit einer Größe von 512 x 512 px. Werkzeug für abgerundetes Rechteck aktivieren. Stellen Sie in der Optionsleiste den Radius auf 75 px ein. Klicken und ziehen Sie, um ein abgerundetes Rechteck zu zeichnen. Stellen Sie die Farbe auf # 5d5d5d ein.

Doppelklicken Sie auf die Ebene, um das Dialogfeld Ebenenstil zu öffnen. Fügen Sie eine Verlaufsüberlagerung mit Standardfarbverlauf, Schwarz zu Weiß hinzu, und reduzieren Sie die Deckkraft auf 76%..

Schritt 2

Drücken Sie Strg + J, um die Ebenenform zu duplizieren. Klicken Sie auf Bearbeiten> Freie Transformation oder drücken Sie Strg + T, um die Transformation durchzuführen. Stellen Sie in der Optionsleiste die Größe auf 98% ein..

Löschen Sie im Ebenenfenster den Ebenenstil, indem Sie das fx-Symbol auf den Papierkorb ziehen, der sich unten rechts im Ebenenfenster befindet. Doppelklicken Sie anschließend auf die Miniaturansicht der Ebenen, um das Dialogfeld Ebenenstil zu öffnen. Innere Schatten- und Verlaufsüberlagerung hinzufügen.

Legen Sie in den Einstellungen der Verlaufsüberlagerung den Stil des Verlaufs auf Winkel fest. Klicken Sie auf das Vorschaufeld des Verlaufs, um den Verlaufseditor zu öffnen, und verwenden Sie die Farbkombination aus # 8e8e8e, # a5a4a4 und # d8d8d8. Fühlen Sie sich frei, um mit jeder Markerposition herumzuspielen. Stellen Sie dabei sicher, dass Sie in der ersten und letzten Markierung dieselbe Farbe einstellen.

Dies ist das Ergebnis nach dem Hinzufügen von Ebenenstilen.

Schritt 3

Neue Ebene erstellen Füllen Sie es mit Radialgradient von Weiß bis Schwarz.

Halten Sie die Alt-Taste gedrückt und ziehen Sie die Vektormaske von der vorherigen in die aktuelle Ebene. Der Farbverlauf passt jetzt in das Symbol.

Öffnen Sie den Ebenenstil und ändern Sie den Mischmodus in "Bildschirm".

Schritt 4

Zeichnen Sie ein abgerundetes Rechteck in das Symbol. Stellen Sie den Radius mit Farbe # 2a2a2a auf 75px ein.

Fügen Sie 2 weitere Kreisformen hinzu (Wählen Sie das Ellipse-Werkzeug, halten Sie die Umschalttaste gedrückt und ziehen Sie es). Setzen Sie den Pfadmodus in der Optionsleiste auf Zu Formbereich hinzufügen.

Doppelklicken Sie auf die Wolkenebene und fügen Sie dann den inneren Schatten, die Abschrägung und die Prägung sowie den Strich hinzu.

Schritt 5

Duplizieren Sie die Ebene der Cloud, indem Sie die Tastenkombination Strg + J drücken. Entfernen Sie den Ebenenstil, indem Sie das fx-Symbol aus dem Ebenenminiaturbild in den Papierkorb ziehen. Ändern Sie die Größe (Strg + T) auf 89%..

Ändern Sie die Farbe der Form in # 5d5d5d. Ordnen Sie die Position jeder Form neu an, bis die kleine Wolkengröße proportional zur größeren Wolke ist.

Doppelklicken Sie auf die Cloud-Ebene und fügen Sie die folgenden Ebenenstile hinzu.

Vergewissern Sie sich, dass für die Verlaufsüberlagerung in Schritt 2 die genaue Einstellung der Verlaufsüberlagerung verwendet wird.

Nach dem Hinzufügen von Ebenenstilen zur kleinen Wolke haben wir Folgendes.

Schritt 6: Fügen Sie Metalltextur hinzu

Das aktuelle Design ist sehr flach und zu sauber. Fügen Sie der Oberfläche eine subtile Metallstruktur hinzu. Neue Ebene erstellen Klicken Sie auf Bearbeiten> Füllen und wählen Sie Verwenden: Schwarz, um die neue Ebene mit Schwarz zu füllen.

Klicken Sie auf Filter> Geräusch> Geräusch hinzufügen.

Klicken Sie auf Filter> Unschärfe> Radiale Unschärfe. Wählen Sie die Unschärfemethode: Spin und Qualität: Am besten.

Dieser Filter dreht das Rauschen und erzeugt eine kreisförmige Welle.

Schritt 7

Klicken Sie auf Bild> Anpassungen> Pegel oder drücken Sie Strg + L. Ziehen Sie im Dialogfeld den schwarzen Schieberegler in den Ausgabepegeln in die Mitte, um die kreisförmige Welle aufzuhellen.

Halten Sie die Alt-Taste gedrückt und ziehen Sie die Vektormaske von der Basisebene des Symbols auf die aktuelle Ebene. Die kreisförmige Welle befindet sich jetzt im Symbol.

Aktivieren Sie das Pfadauswahl-Werkzeug und wählen Sie den in Schritt 4 erstellten Cloud-Pfad aus. Drücken Sie Strg + C, um ihn in die Zwischenablage zu speichern. Drücken Sie Strg + V, um es in die Vektormaske der Kreiswelle einzufügen. Stellen Sie den Pfadmodus auf Subtrahieren.

Kopieren Sie schließlich den kleineren Cloud-Pfad, den Sie in Schritt 5 erstellt haben, und fügen Sie ihn ein. Setzen Sie den Pfadmodus auf Add to Shape.

Hier ist das Ergebnis. Die kreisförmige Welle befindet sich in der Oberfläche des Symbols.

Ändern Sie den Mischmodus der Ebene in Bildschirm.

Schritt 8: Schatten

Neue Ebene erstellen und hinter allen Ebenen platzieren. Erstellen Sie unter dem Symbol eine elliptische Auswahl (mit dem Ellipsenwerkzeug). Auswahl mit Schwarz füllen.

Erweichen Sie den Schatten mit einem Filter, Gaußscher Weichzeichner. Klicken Sie auf Filter> Unschärfe> Gaußsche Unschärfe.

Duplizieren Sie den Schatten, indem Sie Strg + J drücken. Fügen Sie eine weitere Gaußsche Unschärfe hinzu. Verwenden Sie für diese Zeit einen größeren Radius, um einen weicheren Schatten zu erhalten. Wenn der Schatten immer noch zu scharf ist, können Sie die Deckkraft der Ebene verringern.

Endergebnis

Dies ist das Ergebnis unseres Tutorials. Wie Sie sehen, ist die Erstellung dieses Symbols sehr einfach. Wir müssen nur einige grundlegende Vektorformen und Ebenenstile verwenden. Ich hoffe, Ihnen gefällt dieses Tutorial. Wenn Sie Fragen haben, können Sie gerne fragen!

PSD herunterladen

Kann einen bestimmten Schritt nicht erreichen? Hier ist die PSD-Datei des Ergebnisses, mit der Sie testen und spielen können.

• iCloud Icon Tutorial PSD-Datei