So erstellen Sie flache Wettersymbole in Adobe Photoshop

Was Sie erstellen werden

Aprilregen bringt Maiblumensegen! Es ist traditionell bekannt, dass der April ziemlich regnerisch ist, wenn sich das Wetter unerwartet von der Sonne ändert, die in einem klaren Himmel scheint und zu Katzen und Hunden regnet. Jedes Wetter hat jedoch seine eigene Schönheit. Lassen Sie sich mit diesem lustigen Tutorial inspirieren und den Frühling vorbereiten! Wir werden in Adobe Photoshop arbeiten, um eine Reihe von flachen April-Wettersymbolen zu erstellen, die grundlegende Formen und Texturierung mit künstlerischen Pinseln verwenden. 

Adobe Photoshop verfügt über viele großartige Tools und Tricks, mit denen Sie Symbole schnell und bequem erstellen können. Sie können die folgenden Techniken verwenden, um nicht nur ein Wettersymbol zu erstellen, sondern auch jede andere Art von flachen Symbolen, wie z. B. Reise- oder Camping-Symbole, flache Natur-Symbole und andere.

Lass uns anfangen!

1. Erstellen Sie ein buntes Regenbogensymbol

Schritt 1

Wir beginnen mit dem äußeren roten Streifen unseres Regenbogens. Nehmen Sie die Ellipse-Werkzeug (U) und mache eine 450 x 450 px Kreis. Gehe zum Eigenschaften Panel (Fenster> Eigenschaften) und von hier aus können wir die Größe der Form, ihre Positionsfarben und andere Einstellungen ändern.

Stellen Sie die Dicke der ein Schlaganfall zu 3 pt, Füllen Farbe zu Keiner, und lass uns das einstellen Schlaganfall Farbe. Drücke den Schlaganfall Symbol, um das Optionsfenster mit Farbfeldern zu öffnen, und wählen Sie entweder eines der Farbfelder aus oder klicken Sie auf das farbige Symbol in der rechten oberen Ecke, um das Fenster zu öffnen Einfarbig Fenster und wählen Sie die Farbe genauer aus.

Schritt 2

Fügen wir einen weiteren Ring hinzu. Wählen Sie den roten Kreis in der Schichten Panel und drücken Sie Steuerung-J eine Kopie der Ebene erstellen. Drücken Sie Control-T um die Form zu transformieren und eine Kopie etwas kleiner zu machen, platziere sie innerhalb des roten Kreises. Schalten Sie die Schlaganfall Farbe zu Orange im Eigenschaften Panel.

Schritt 3

Machen Sie eine weitere Kopie (Kontrolle-J) um einen dritten Kreis mit einer kleineren Größe hinzuzufügen, wechseln Sie das Schlaganfall Farbe zu gelb.

Schritt 4

Fügen Sie weitere Kreise hinzu und füllen Sie sie mit Regenbogenfarben. Sie können alle sieben Farben oder weniger hinzufügen, da unser Regenbogen nicht superrealistisch und detailliert sein muss, da unser Symbol ziemlich klein ist. Selbst wenn Sie nur drei oder vier Ringe in verschiedenen Farben hinzufügen, erinnert es dennoch an einen Regenbogen.

Wenn Sie mit dem Ergebnis zufrieden sind, wählen Sie alle Ringe mit der Taste Werkzeug bewegen (V) und vereinige sie zu einem Gruppe (Control-G). Gehe zum Schichten Panel und Duplikat die Gruppe durch Drücken von Steuerung-J oder per Drag & Drop über die Ein ... kreieren Neue Schicht Symbol unten im Bedienfeld. Auf diese Weise erstellen wir eine „Sicherungskopie“, falls wir während der Arbeit einige Details unseres Regenbogens ändern möchten.

Wählen Sie die erste Gruppe aus und gehen Sie zu Ebene> Gruppe zusammenfassen, Vereinigung aller separaten Ringe in einer gerasterten Ebene.

Schritt 5

Jetzt nehmen wir die Rechteckiges Laufwerkzeug (M), Wähle die untere Hälfte des Regenbogenkreises aus und lösche ihn.

Schritt 6

Lassen Sie uns ein paar geschwollene Wolken an den Spitzen unseres Regenbogens erzeugen. Nehmen Sie die Ellipse-Werkzeug (U) und machen Sie einen kleinen blauen Kreis in der linken unteren Ecke des Regenbogens. Fügen Sie einige weitere Kreise hinzu und variieren Sie die Größe. Gruppe (Kontrolle-G) die Elemente der Wolke und Duplikat (Control-J) die Wolke. Befestigen Sie die Kopie auf der gegenüberliegenden Seite des Regenbogens.

Schritt 7

Wenn Sie etwas ändern möchten, können Sie jederzeit unsere Sicherungskopie verwenden und das Erscheinungsbild des Regenbogens nach Ihren Wünschen anpassen. In meinem Fall habe ich mich entschlossen, die Anzahl der Streifen zu reduzieren, um sie dicker zu machen.

Schritt 8

Lassen Sie uns nun die Basis unseres Symbols erstellen. Lassen Sie uns das Symbol runden, indem Sie ein 545 x 545 px Kreis mit dem Ellipse-Werkzeug (U). Verwenden Sie die Eigenschaften Panel zum Einstellen der Füllen Farbe zu grasgrün und die Schlaganfall Farbe zu keiner.

Schritt 9

Fügen Sie unserem Symbol einen trendigen Schatteneffekt hinzu. Mach ein 350 x 350 px grünes Quadrat mit der Rechteckwerkzeug (U) und drehen Sie es 45 Grad mit dem Werkzeug bewegen (V). Gehe zum Schichten Panel und stellen Sie die Mischmodus zu Multiplizieren das Quadrat dunkler machen. Wenn es zu dunkel aussieht, versuchen Sie, die Opazität ein bisschen.

Schritt 10

Passen Sie die Größe und Position des Rechtecks ​​an die Seiten des Regenbogens an (siehe Abbildung unten). Platzieren Sie das Rechteck unter dem Regenbogen, indem Sie es manuell nach unten ziehen Schichten Panel oder durch Drücken von Steuerung-[ mehrmals.

Schritt 11

Jetzt müssen wir den Teil des Rechtecks ​​außerhalb der Kreisbasis des Symbols abschneiden. Wähle den Kreis aus und nimm die Stiftwerkzeug (P), Klicken Sie auf den Kreis mit der rechte Maustaste, und Auswahl treffen. Lassen Sie die Auswahl treffen Optionen im Popup-Fenster als Standard und gehen Sie zu Wählen Sie> Invers.

Jetzt können wir die Schattenebene in auswählen Schichten Panel und löschen Sie das unerwünschte Stück außerhalb des Kreises.

Schritt 12

Lass uns die verwenden Radiergummi-Werkzeug (E) die nicht mehr benötigten Teile des Schattens im Symbol zu löschen.

Machen Sie die Basis des Symbols und des Schattens etwas heller und voila! Unser flaches Regenbogen-Symbol ist fertig! Lass uns zum nächsten gehen.

2. Erstellen Sie ein Spring Sun-Symbol

Schritt 1

Dieses Mal machen wir ein Sonnensymbol. Beginnen Sie damit, die Basis der Sonne aus a 260 x 260 px gelbes Rechteck.

Schritt 2

Fügen wir nun einige stilisierte Sonnenstrahlen hinzu. Wechseln Sie zu Polygonwerkzeug (U) und stellen Sie die Anzahl von ein Seiten zu 3 in der Systemsteuerung oben. Machen Sie ein orangefarbenes Dreieck und legen Sie es auf die Sonne. Wählen Sie sowohl den Kreis als auch das Dreieck aus und klicken Sie auf Horizontale Zentren ausrichten Im oberen Bedienfeld werden die Formen perfekt zentriert.

Wir können auch die verwenden Führungen das Zentrum der Sonne markieren. Dazu drücken Sie Control-R das machen Lineale sichtbar, klicken Sie auf das obere Lineal und ziehen Sie die Horizontale Führen runter auf die Zeichenfläche. Machen Sie dasselbe für die vertikale Führung, indem Sie die Linien kreuzen.

Jetzt fügen wir mehr Strahlen um die Sonne hinzu. Es mag schwierig erscheinen, aber es ist der einfachste Weg, sich wiederholende Formen mit Transformation zu erstellen.

Wählen Sie unser Dreieck und drücken Sie Alt-Strg-T zum Free Transform Path Modus. Suchen Sie den Drehpunkt in der Mitte des Dreiecks, ziehen Sie ihn nach unten und platzieren Sie ihn in der Mitte des gelben Sonnenkreises. Sie werden bemerken, dass eine Kopie der Dreiecksebene automatisch in erstellt wurde Schichten Panel(Dies funktioniert nur, wenn Sie die Alt-Strg-T Schlüssel für die Transformation). Dreieck drehen 45 Grad durch Halten Verschiebung, und wende die Transformation an.

Jetzt drücken Shift-Control-Alt-T mehrmals, um sechs weitere Kopien um die Sonne zu erstellen.

Großartig! Die Sonnenstrahlen sind fertig.

Schritt 3

Wir brauchen das nicht Führungen länger, damit wir sie abschalten können Ansicht> Führungen löschen.

Schritt 4

Kopieren Sie die Kreisbasis unseres ersten Symbols und wechseln Sie das Symbol Füllen Farbe zu himmelblau. Fügen Sie einen halbdurchsichtigen, langen Schatten unter der Sonne hinzu.

Schritt 5

Lassen Sie uns diesen Teil des Schattens um den gelben Sonnenkreis löschen. Zu diesem Zweck nehmen Sie die Elliptisches Laufschriftwerkzeug (M) und treffen Sie eine Auswahl um den gelben Kreis. Gehe zu Wählen Sie> Auswahl transformieren und ändern Sie die Auswahl, um sie an den Abstand zwischen dem gelben Kreis und den Sonnenstrahlen anzupassen.

Wenden Sie die Transformation an und wählen Sie unsere Schattenebene in Schichten Panel. Löschen der Teil des Schattens um die Sonne.

Erledigt! Unser Sonnensymbol ist fertig! Lass uns weitermachen.

3. Zeichnen Sie ein Rainy Cloud-Symbol

Schritt 1

Beginnen Sie mit der Bildung unserer Cloud aus einem 200 x 200 px blauer Kreis mit der Ellipse-Werkzeug (U). Fügen Sie auf beiden Seiten kleinere Kreise hinzu, sodass eine flauschige Wolke entsteht.

Schritt 2

Wählen Sie alle Kreise aus und gehen Sie zu Ebene> Formen zusammenführen. Gehe zum Schichten Klicken Sie im Panel auf die zusammengeführte Cloud-Ebene mit der rechte Maustaste und Ebene rastern um es bearbeitbar zu machen.

Jetzt können wir die verwenden Rechteckiges Laufwerkzeug (M) Um den unteren Teil der Wolke auszuwählen und zu löschen, wird der untere Teil der Wolke flach.

Schritt 3

Lassen Sie uns nun die Regentropfen formen. Verwenden Sie die Ellipse-Werkzeug (U) ein ... machen 35 x 35 px blauer Kreis. Nehmen Sie die Punktwerkzeug konvertieren (Sie finden es im selben Dropdown-Menü wie das Stiftwerkzeug (P)) und wählen Sie den oberen Ankerpunkt des Kreises. Ein einziger Klick den Ankerpunkt, um eine scharfe Ecke zu machen. Zum Schluss ziehen Sie den Punkt nach oben und formen einen Regentropfen.

Schritt 4

Drücken Sie Steuerung-J mehrmals, um weitere Kopien der Tropfen zu machen und sie unter der Wolke zu verbreiten, um den Regen darzustellen.

Schritt 5

Fügen Sie unserem Symbol eine gelbe Kreisbasis hinzu und bilden Sie einen langen Schatten. Unser Regenwolken-Symbol ist fertig! Wir haben nur noch ein Icon!

4. Machen Sie ein Schirmsymbol

Schritt 1

Beginnen wir mit der Bildung unseres Regenschirms aus a 430 x 430 px Kreis der Türkisfarbe. Rastern die Schicht in der Schichten und löschen Sie die untere Hälfte des Kreises mit der Taste Rechteckiges Laufwerkzeug (M).

Schritt 2

Verwenden Sie die Ellipse-Werkzeug (U) eine Reihe von Kreisen im unteren Teil der Türkisform bilden. Passen Sie die Größe der Kreisgruppe an, damit sie in den Regenschirm passen. Wählen Sie abschließend alle Kreise aus und vereinigen Sie sie zu einer einzigen Form Ebene> Formen zusammenführen.

Schritt 3

Wechseln Sie zu Stiftwerkzeug (P) und Rechtsklick die Kreise zu Auswahl treffen. Wählen Sie die türkise Formebene in Schichten und löschen Sie den ausgewählten Bereich, um den spitzen unteren Teil des Regenschirms zu bilden. 

Jetzt, da wir die orangefarbenen Kreise nicht mehr benötigen, können wir diese Ebene ebenfalls löschen.

Schritt 4

Lassen Sie uns den Stock des Regenschirms mit einem hölzernen Stangengriff erstellen. Nehmen Sie die Abgerundetes Rechteckwerkzeug (U) und eine Form mit machen keine Füllung und ein dickes 4 pt Orange Schlaganfall, wie im Bild unten gezeigt.

Rechtsklick in dem Schichten Panel und Ebene rastern um den Griff bearbeitbar zu machen.

Schritt 5

Nehmen Sie die Rechteckiges Laufwerkzeug (M) und löschen Sie das obere Stück des Griffs, wobei nur die kurzen Spitzen oberhalb der türkisen Form verbleiben. Wählen Sie dann die linke Hälfte der Form aus und löschen Sie sie. 

Halten Sie die Griffebene ausgewählt und drücken Sie Shift-Control- [ unter der türkisfarbenen Schirmform zu platzieren.

Schritt 6

Beenden Sie das Schirmsymbol, indem Sie eine rosa Kreisbasis erstellen und einen sanften flachen Schatten hinzufügen.

Wunderbar! Unser flaches April-Wettersymbol ist fertig. 

Dies ist jedoch nicht das Ende dieses Tutorials. Sie können bei diesem Schritt aufhören, wenn Sie das saubere und minimalistische Aussehen der Symbole mögen. Wenn Sie sie etwas detaillierter und strukturierter gestalten möchten, sehen Sie sich an, wie wir die Symbole mithilfe einiger Pinsel von Adobe Photoshop anpassen können.

5. Wenden Sie Grungy Textures mit Pinseln an

Schritt 1

Beginnen wir mit unserem Sonnensymbol. Gehe zum Schichten und wählen Sie die gelbe Kreisbasis der Sonne. Halt Alt und klicken Sie auf Erstellen Sie eine neue Ebene. Aktivieren Sie im Popup-Fenster das Kontrollkästchen Verwenden Sie die vorherige Ebene, um eine Schnittmaske zu erstellen

Auf diese Weise binden wir unsere neue Ebene an die ausgewählte Sonnenebene (Sie sehen einen kleinen Pfeil neben der neuen Ebene). Sie können also nur innerhalb der Grenzen der gelben Sonne zeichnen.

Schritt 2

Lassen Sie uns nun einen schönen Texturpinsel auswählen, um einen grungy Effekt zu erzeugen. Sie können einen Ihrer Favoriten oder einige der Standardpinsel von Adobe Photoshop verwenden. Auf Envato Market finden Sie auch zahlreiche strukturierte Pinsel, die Sie ausprobieren können, um einen neuen schicken Look zu kreieren.

Nehmen Sie die Pinselwerkzeug (B) und Rechtsklick um die Pinselliste zu öffnen (oder gehen Sie zu Fenster> Pinsel). Klicken Sie auf das kleine Zahnradsymbol oben rechts im Popup-Menü und wählen Sie M Bürsten aus der Liste unten. Entweder Anhängen die Pinsel zu Ihrer vorhandenen Liste oder Ersetzen Sie.

Schritt 3

Finden Sie das Trockenbürste 1 # 2 in der Liste und wählen Sie es aus. Wenn Sie in Ihrer Programmversion keinen solchen Pinselsatz haben, öffnen Sie andere Standardsätze, z. B. Trockene Medienbürsten oder andere, um einen ähnlichen grungy Pinsel zu finden.

Schritt 4

Wählen Sie im Feld eine hellgelbe Farbe Farbe Verwenden Sie unsere verknüpfte Ebene, um über der Sonne zu zeichnen und eine sanfte, grungige Textur hinzuzufügen. Verwenden Sie eine dunklere orange Farbe, um einen subtilen Schatten im unteren Teil der Sonne hinzuzufügen.

Verbinden Sie die Sonnenstrahlen in einer einzigen Form und fügen Sie eine verknüpfte Ebene hinzu, um sie ebenfalls zu strukturieren.

Schritt 5

Gehen wir zum Regenbogensymbol und machen Sie es auch texturiert. Erstellen Sie einige verknüpfte Ebenen für den Regenbogenbogen und für jede Wolke und verwenden Sie dieselbe Technik mit dem künstlerischen Pinsel.

Schritt 6

Verwenden Sie die Pinsel weiter, um grungy Texturen auf jedes Symbol anzuwenden.

Schritt 7

Ein ... kreieren Neue Schicht über Hintergrund schichten und zeichnen Sie subtile strukturierte Schatten mit hellgelber Farbe unter jedem Symbol.

Wunderbar! Unsere April-Wettersymbole sind fertig!

Gut gemacht! Wir haben gelernt, flache Wettersymbole mit einfachen Formen und einfachen Texturen mithilfe der Standardpinsel von Adobe Photoshop zu zeichnen, damit unsere Symbole detaillierter und kreativer aussehen.

Sie können diese Techniken verwenden, um unser Set zu erweitern, weitere Symbole zu erstellen oder ein neues Set mit einem anderen Thema zu erstellen.

Viel Glück!