So erstellen Sie stilvolle Flat Space-Symbole in Adobe Photoshop

Inspiriert von den jüngsten Ereignissen bei der Erforschung und Entdeckung des Weltraums durchlaufen wir einen aufregenden Prozess und erstellen mit einfachen Formen und Pfadoperationen in Adobe Photoshop trendige flache Weltraumsymbole mit langen Schatteneffekten.

Wenn Sie sich ein Bild von den Möglichkeiten machen möchten, sehen Sie sich die Palette der Weltraumsymbole auf Envato Market an.

1. Erstellen Sie ein Weltraumraketensymbol

Hier ist das Palettenbeispiel, das wir auf unsere Formen anwenden werden. Ich habe verblasste Farben ausgewählt, um einen Retro-Effekt zu erzielen, der sich gut mit Bildern im Flat-Stil kombinieren lässt. Sie können diese Palette auf Ihrem Computer speichern, in Photoshop öffnen und die Farbe direkt mit dem Pipette-Werkzeug (I) oder im Füllung-Bedienfeld für die Grundformen auswählen.

Schritt 1

Zuerst erstellen wir die Basis. Unsere Symbole werden rund sein, also wählen Sie das Ellipse-Werkzeug (U) aus den Grundformen im Werkzeuge-Bedienfeld. Klicken Sie auf Ihre Zeichenfläche, um das Popup-Optionsmenü aufzurufen, und stellen Sie die Breite und Höhe Ihrer Symbolbasis auf 512 x 512 px ein. Jetzt haben wir einen geraden Kreis. Füllen wir es mit dunkelblauer Farbe, die an den Weltraum erinnert. Suchen Sie nach wie vor mit ausgewähltem Ellipse-Werkzeug (U) das Kontrollfeld oben und klicken Sie auf die Schaltfläche Füllung. Dort können Sie eine der Standard-Farbfeldfarben auswählen oder Ihre eigene Farbe festlegen, wenn Sie im Popup-Menü Füllung auf das mehrfarbige Quadratsymbol klicken.

Schritt 2

Jetzt müssen wir die Raketenbasis erstellen. Beginnen Sie damit, eine gequetschte weiße Ellipse in der Mitte Ihres Symbols zu platzieren. Nehmen Sie das Direktauswahl-Werkzeug (A) und klicken Sie auf die Kante der erstellten Ellipse, um den Pfad und die Ankerpunkte sichtbar zu machen. Wechseln Sie zum Punkt konvertieren-Werkzeug (Sie finden es im selben Menü wie das Zeichenstift-Werkzeug (P)) und klicken Sie auf den oberen Ankerpunkt, um einen spitzen Winkel zu erstellen.

Schritt 3

Lassen Sie die Raketenbasis ausgewählt, gehen Sie oben im Formbedienfeld zu Pfadoperationen und wählen Sie Formbereiche schneiden. Nehmen Sie dann das Rechteck-Werkzeug (U) und zeichnen Sie ein Rechteck, das den größten Teil der Rakete überlappt, aber unten ein kleines Stück übrig lässt. Als Ergebnis dieser Operation wird alles außerhalb der Grenzen des Rechtecks unsichtbar. Auf diese Weise schneiden wir den unteren Teil der Rakete ab.

Schritt 4

Machen wir eine Hälfte unserer Rakete leicht beschattet. Aktivieren Sie zunächst die Smart Guides unter Ansicht > Anzeigen > Smart Guides; Sie helfen Ihnen, Ihre Formen in die richtigen Positionen zu bringen. Fahren Sie fort, indem Sie ein hellgraues Rechteck machen und es über die Rakete legen, sodass es die rechte Seite bedeckt.

Schritt 5

Jetzt müssen wir diese Teile des Rechtecks außerhalb der Raketenbasis verstecken. Dies mag zunächst etwas schwierig erscheinen, aber Sie müssen nur die folgenden Aktionen in der richtigen Reihenfolge ausführen.

Halten Sie zunächst die Strg-Taste gedrückt und klicken Sie auf die Raketenebene in Ihrem Ebenen-Bedienfeld. Sobald Sie dies getan haben, sehen Sie die Auswahl der marschierenden Ameisen entlang der Grenzen Ihrer Rakete. Jetzt müssen Sie nur noch die graue Rechteckebene auswählen und im unteren Bereich des Ebenen-Bedienfelds auf das Symbol Maske hinzufügen klicken. Auf diese Weise erstellen Sie eine mit Ihrer Ebene verknüpfte Maske, die alle nicht benötigten Teile außerhalb der Auswahl ausblendet.

Schritt 6

Nehmen Sie das Ellipse-Werkzeug (U) und fügen Sie einen gleichmäßigen Kreis hinzu, der den Illuminator unserer Rakete bildet. Lassen Sie uns auch den inneren Teil davon schaffen, das Glas selbst. Drücken Sie Strg-J, um die Illuminator-Ebene zu duplizieren. Drücken Sie nun Strg-T, um die Form zu transformieren. Gehen Sie zum oberen Bedienfeld und reduzieren Sie die Breite und Höhe des Kreises auf 70%.

Füllen Sie den inneren Teil des Illuminators mit einer blassen graublauen Farbe, um den Retro-Stil unserer Farbpalette zu bewahren, und fügen Sie mit dem Abgerundetes-Rechteck-Werkzeug (U) einen Injektor an der Unterseite unserer Rakete hinzu.

Schritt 7

Fügen wir unserer Rakete die Flossen hinzu, um sie detaillierter zu machen. Beginnen Sie mit der Bildung eines gleichmäßigen Kreises mit verblasster roter Farbe und ziehen Sie seinen unteren Ankerpunkt mit dem Direktauswahl-Werkzeug (A) nach unten, um die Form zu extrudieren. Klicken Sie dann mit dem Punkt konvertieren-Werkzeug darauf, um es scharf zu machen.

Schritt 8

Drücken Sie Strg-T, drehen Sie die Flosse leicht und platzieren Sie sie hinter der Rakete. Drücken Sie dann Strg-J, um die Finne zu duplizieren, und gehen Sie zu Bearbeiten > Pfad transformieren > Horizontal spiegeln. Halten Sie die Umschalttaste gedrückt, um die gespiegelte Form entlang der horizontalen Achse auf die andere Seite der Rakete zu verschieben.

Schritt 9

Fügen Sie die dritte Flosse im vorderen Teil unserer Rakete hinzu und zerquetschen Sie sie mit Frei Transformieren (Control-T).

Schritt 10

Jetzt müssen wir unserem Symbol einen trendigen Long-Shadow-Effekt hinzufügen. Beginnen Sie mit der Bildung eines Schattens, indem Sie ein schwarzes Rechteck erstellen und dessen Deckkraft im Ebenen-Bedienfeld auf 50% reduzieren, um es bequemer zu machen. Drehe das Rechteck im Frei Transformieren-Modus (Strg-T) um 45 Grad.

Erweitern Sie das Rechteck, um die Rakete abzudecken, wie im Screenshot unten gezeigt.

Schritt 11

Gehen Sie weiter und platzieren Sie das Rechteck hinter der Rakete. Jetzt müssen wir die Teile des Rechtecks entfernen, die sich außerhalb der linken Hälfte unserer Rakete befinden. Nehmen Sie das Ankerpunkt hinzufügen-Werkzeug (im selben Menü wie das Zeichenstift-Werkzeug (P)) und fügen Sie dem schwarzen Rechteck ein paar Ankerpunkte hinzu. Platzieren Sie einen von ihnen an dem Punkt, an dem das Rechteck die untere Spitze der linken Flosse berührt, und den zweiten am Schnittpunkt des Rechtecks und der rechten Hälfte unserer Rakete.

Jetzt können wir die verbleibenden Ankerpunkte mit dem Direktauswahl-Werkzeug (A) verschieben und sie hinter der Rakete verstecken. 

Schritt 12

Hier ist eine weitere einfache Möglichkeit, die nicht benötigten Teile des Schattens auszublenden, die sich außerhalb der Symbolbasis befinden. Wählen Sie die Schattenformebene aus und bewegen Sie den Mauszeiger bei gedrückter Alt-Taste über die Symbolbasisebene. Sobald Sie sehen, dass sich der Cursor in ein kleines Quadrat mit einem Pfeil verwandelt, klicken Sie auf die Ebene, um eine Schnittmaske zu erstellen.

Wählen Sie den Schatten aus, wechseln Sie zum Rechteck-Werkzeug (U) und ändern Sie die Füllfarbe unseres Schattens in einen linearen Verlauf von Schwarz nach Weiß. Schalten Sie den Mischmodus des Schattens im oberen Teil des Ebenen-Bedienfelds auf Multiplizieren, damit der Schatten gut mit der Symbolbasis verschmilzt.

Schritt 13

Lassen Sie uns unserer Rakete ein paar kleine Details hinzufügen, um sie skurriler zu machen. Nimm das Ellipse-Werkzeug (U) und platziere eine rote Ellipse über dem oberen Teil der Rakete. Wählen Sie sowohl die erstellte Ellipse als auch das Basisraketenteil aus und klicken Sie mit der rechten Maustaste, während das Ellipse-Werkzeug (U) ausgewählt ist, um das Kontextmenü aufzurufen. Verwenden Sie die Funktion Formen bei Überlappung vereinigen, um die nicht benötigten Teile auszublenden und eine Raketenspitze zu bilden. Fügen Sie schließlich dem Glas der Rakete ein einfaches Highlight mit einer helleren blauen Farbe hinzu.

Beenden Sie die Rakete, indem Sie einige blassgelbe Sterne über die eingekreiste Basis verteilen und unserem Weltraumsymbol Tiefe verleihen.

2. Rendern Sie ein flaches gestreiftes Planetensymbol

Da wir jetzt mit einigen einfachen Photoshop-Funktionen und grundlegenden Formoperationen vertraut sind, können wir den Prozess beschleunigen, da wir ähnliche Techniken verwenden. Kommen wir zu unserem nächsten Symbol: einem Planeten mit einem Asteroidengürtel.

Schritt 1

Beginnen Sie damit, einen gleichmäßigen Kreis von blassgelber Farbe für die Basis des Planeten zu machen. Gehen Sie weiter und erstellen Sie mit dem Rechteck-Werkzeug (U) eine Gruppe schmaler Streifen über dem Planeten, wobei Sie ihre Breite und Farbe variieren. Sie können die Streifen gruppieren (wählen Sie sie aus und drücken Sie Strg-G) und drehen Sie die Streifengruppe ein wenig, um unserem Planeten etwas Dynamik zu verleihen.

Schritt 2

Jetzt müssen wir die nicht benötigten Teile loswerden. Wähle die Planetenbasis aus. Nehmen Sie das Ellipse-Werkzeug (U) und klicken Sie mit der rechten Maustaste auf unser Symbol. Wählen Sie im Kontextmenü die Option Auswahl treffen und klicken Sie im Popup-Fenster Auswahl treffen auf OK. Belassen Sie die Optionen als Standard.

Wenn Sie die Auswahl der marschierenden Ameisen auf dem Planeten erhalten, wählen Sie die Streifengruppe aus und klicken Sie im unteren Teil des Ebenen-Bedienfelds auf das Symbol Maske hinzufügen, um die nicht benötigten Teile in der Maske auszublenden.

Schritt 3

Lassen Sie uns unserem Planeten eine gewisse Dimension verleihen, indem wir einen einfachen Schatten auf seine rechte Seite legen. Duplizieren Sie die grundlegende Planetenform und legen Sie diese Ebene über die anderen Ebenen, indem Sie die Form nach oben und links verschieben. Wählen Sie beide eingekreisten Formen aus und verwenden Sie die Funktion Vordere Form subtrahieren. Schalten Sie den Mischmodus der erstellten Form auf Bildschirm und stellen Sie die Deckkraft auf 40% ein, wodurch der Planet heller wird und so einen Schatten an seinem rechten Rand erzeugt.

Schritt 4

Fügen wir den Asteroidenring um den Planeten hinzu. Erstellen Sie eine gequetschte Ellipse und aktivieren Sie die Operation Fontform-Pfad subtrahieren. Machen Sie dann eine weitere Ellipse kleinerer Größe über der ersten und bilden Sie so ein Loch.

Wir müssen den Teil des Rings löschen, der den Planeten überlappt, sodass er hinter der grundlegenden Planetenform verborgen ist. Beginnen Sie damit, eine Ellipse hinzuzufügen, die die Oberseite des Planeten und einen Teil des Rings bedeckt, den wir ausblenden möchten (die rote Strichform im Screenshot). Wählen Sie sowohl die erstellte Ellipse als auch die grundlegende Planetenform aus und vereinen Sie Formen bei Überlappung, um eine "Kappe" über dem Planeten zu erstellen.

Schritt 5

Klicken Sie mit der rechten Maustaste auf die rote Strichform und wählen Sie Auswahl. Gehen Sie dann zu Auswählen > Invers.

Behalten Sie die Auswahl bei, klicken Sie auf die Ringebene und fügen Sie eine Maske hinzu, um den unerwünschten Teil davon auszublenden.

Schritt 6

Fügen Sie dem Symbol mit der gleichen Technik wie beim Raketensymbol einen flachen Schatten hinzu.

Zum Schluss sprenkeln Sie die Sterne um den Planeten.

3. Erstellen Sie ein Radioteleskop mit Antenne

Schritt 1

Beginnen Sie mit einem schwarzen Kreis. Die Farbe spielt keine Rolle, da wir den Kreis selbst nicht benötigen. Legen Sie ein rotes Rechteck über den Kreis, das die Hälfte davon bedeckt. Wählen Sie die Kreisform aus und fügen Sie das Rechteck in eine Maske ein, um die nicht benötigten Teile außerhalb des Kreises auszublenden. Jetzt können wir den schwarzen Kreis löschen, so dass nur der rote Teil übrig bleibt.

Füllen Sie den unteren Teil der erstellten Form mit einer dunkleren roten Farbe, um die Radioteleskopbasis detaillierter zu machen.

Schritt 2

Fügen wir unserem Radioteleskop eine Antenne hinzu. Legen Sie zunächst eine gequetschte elliptische Form über die rechte Seite der Grundteleskopform, bilden Sie ihren inneren Teil und fügen Sie Dimension hinzu. Gehen Sie weiter und formen Sie mit Hilfe des Polygon-Werkzeugs (U) ein Dreieck aus einem 3-seitigen Polygon und füllen Sie es mit hellerer grauer Farbe. Verlängern Sie die Form, machen Sie die Antenne dünner und setzen Sie einen kleinen Kreis auf ihre Spitze.

Schritt 3

Drehen Sie das Teleskop leicht, so dass es nach oben schaut und Raumsignale verfolgt. Fügen Sie ein weiteres graues Dreieck für die Foundation hinzu. Schneiden Sie das kleinere Dreieck darin mit der Funktion Vordere Form subtrahieren aus.

Schritt 4

Beenden Sie das Radioteleskop, indem Sie einen langen Schatten bilden und unserem Symbol eine Gruppe von Sternen hinzufügen.

4. Machen Sie ein lustiges UFO-Symbol

Schritt 1

Beginnen Sie mit der Bildung des oberen Teils des UFOs, indem Sie einen gleichmäßigen Kreis erstellen. Wir müssen den unteren Teil des Kreises löschen, indem wir darüber eine Ellipse erstellen und Formen bei Überlappung vereinen auswählen.

Schritt 2

Fügen Sie dem Glasteil eine Reflexion hinzu und fügen Sie einen fliegenden Untertassenteil hinzu, der aus zwei roten Ellipsen übereinander besteht, mit einem schmalen grauen Fuß.

Schritt 3

Machen Sie das UFO detaillierter, indem Sie unten einen Lichtkreis und ein paar gelbe Glühbirnen auf dem Untertassenteil hinzufügen.

Beenden Sie die Bildung des Symbols, indem Sie einen Schatten und eine Gruppe von Sternen hinzufügen.

5. Rendern Sie ein Stativ-Teleskop-Symbol

Schritt 1

Ein Teleskop besteht hauptsächlich aus einem extrudierten Rohr. Beginnen wir also damit, ein schmales Rechteck für die Basis unseres Teleskops zu bilden. Duplizieren Sie die Form (Strg-J) und zerquetschen Sie die obere Ebene mit Frei Transformieren (Strg-T). Füllen Sie den unteren Teil des Teleskops mit dunklerer roter Farbe und bilden Sie einen sanften Schatten.

Schritt 2

Fügen Sie einen vorderen Teil des Tubus hinzu und formen Sie eine Linse, indem Sie eine gequetschte graublaue Ellipse hinzufügen. Machen Sie die oberen und unteren Ankerpunkte scharf, indem Sie sie mit dem Punkten konvertieren-Werkzeug anklicken.

Platzieren Sie die Linse hinter dem Tubus, indem Sie auf Strg-Umschalt-[ klicken und einfache Reflexionen von hellerem Blau hinzufügen.

Schritt 3

Bilden Sie das Okular unseres Teleskops, indem Sie zwei schmale graue Rechtecke kombinieren. Wählen Sie das Abgerundete Rechteck-Werkzeug und fügen Sie dünne Stativbeine hinzu, die das Teleskop unterstützen.

Drehen Sie die Beine und fügen Sie kleine Brückendetails in einem dunkleren Grau hinzu.

Schritt 4

Drehen Sie den Körper unseres Teleskops so, dass er nach oben zu den Sternen schaut. Fügen Sie zum Abschluss einen langen Schatten und eine Gruppe von Sternen hinzu.

6. Zeichnen Sie das Symbol für Mondsichel und Wolken

Schritt 1

Beginnen Sie mit der Bildung einer Mondsichel, indem Sie einen gleichmäßigen Kreis in gelber Farbe machen, und fügen Sie dann einen kleineren Kreis darüber hinzu, indem Sie ihn in die obere rechte Seite der Grundform des Mondes platzieren. Verwenden Sie die Funktion Vordere Form subtrahieren, um einen Teil des Mondes auszuschneiden und die Sichel zu bilden.

Schritt 2

Beginnen wir mit dem Rendern einer Wolke aus einem blauen Kreis. Fügen Sie einen weiteren Kreis mit einer kleineren Größe und ein paar weitere hinzu, damit die Wolke flauschig wird. Wenn sich die Kreise auf den verschiedenen Ebenen befinden, wählen Sie alle aus und vereinen Sie Formen im Kontextmenü.

Schritt 3

Lassen Sie uns den unteren Teil der Wolke abschneiden, indem wir ein schmales Rechteck hinzufügen und die Funktion Vordere Form subtrahieren verwenden, um den unteren Teil auszublenden, der vom Rechteck bedeckt ist.

Schritt 4

Platzieren Sie eine weitere Wolke hinter dem Mond und machen Sie sie etwas kleiner, um unserem Symbol etwas Tiefe zu verleihen. Rendern Sie für jedes Objekt des Symbols einen langen Schatten und sprenkeln Sie die Sterne um den Mond.

7. Fügen Sie einen Deep Space-Hintergrund hinzu

Nachdem wir nun alle Symbole fertig haben, fügen wir eine dunklere graublaue Hintergrundebene dahinter und setzen hier und da einige hellere Ellipsen für die Sterne, wobei ihre Größe und Position variiert werden. Platzieren Sie abschließend mit dem Abgerundetes-Rechteck-Werkzeug ein paar Streifen an den Kanten der Zeichenfläche, um das Layout stilvoller zu gestalten.

Houston, wir haben keine Probleme!

Tolle Arbeit, Jungs! Wir haben gerade eine Reihe von trendigen flachen Weltraumsymbolen mit langen Schatten in Adobe Photoshop erstellt. Ich hoffe, dass diese Pfadoperationen mit einfachen Formen Ihnen bei Ihren zukünftigen Projekten helfen werden. Viel Glück!