Erstellen eines Nachthimmels mit Wolken mit Adobe Illustrator & Photoshop

Was Sie erstellen werden

In diesem Lernprogramm erfahren Sie, wie Sie das Mesh-Tool und das Mesh Tormentor-Plugin verwenden und wie Sie Ihre Bilder mit einfachen Optimierungen an Transparenz verbessernEinstellungen - alles beim Erstellen einer wunderschönen mystischen Szene mit realistischen Wolken!

Wenn Sie dieses Tutorial überspringen möchten und das Endergebnis erwerben möchten, gehen Sie zu GraphicRiver, um Night Nature Sky Background mit Mond, Wolke und Sternen zu kaufen.

Nachtnatur-Himmel-Hintergrund mit Mond, Wolke und Sternen

Bevor Sie mit diesem Tutorial beginnen, sollten Sie die Mesh Tormentor Plugin. Gehen Sie zur Mesh Tormentor-Website und laden Sie das kostenlose Mesh Tormentor-Plugin herunter, das Ihrer Illustrator-Version entspricht. Entpacken Sie dann das empfangene Archiv, schließen Sie Adobe Illustrator und kopieren Sie die .aip-Datei in den Ordner "Erweiterungen" auf Ihrer lokalen Installationsdiskette. (Zum Beispiel ist es das C: \ Programme \ Adobe \ Adobe Illustrator CS6\ Plug-Ins \ Erweiterungen Ordner auf meinem Computer.) Öffnen Sie Adobe Illustrator erneut und gehen Sie zu Fenster> Mesh Tormentor.

1. Wie erstelle ich Clouds?

Schritt 1

Wir werden mit dem Erstellen der realistischen Wolken beginnen. Dafür müssen wir mit der Arbeit beginnen Adobe Photoshop.

Sie können klicken Anhang herunterladen auf der rechten Seite des Tutorials, um mein Foto einer Wolke zu erhalten, die ich verwenden werde; Sie können jedoch auch gerne Ihr eigenes Foto verwenden!

Öffnen Sie das Foto in Adobe Photoshop, und dann zu Wählen Sie> Farbbereich.

Schritt 2

Schnappen Sie sich im folgenden Dialogfenster die weiße Pipette und klicken Sie auf den weißesten Abschnitt der Wolke. Die resultierende Vorschau der Auswahl sollte meiner in der Abbildung unten ähneln. Klicken OK.

Schritt 3

Öffnen Sie eine neue Datei in Adobe Photoshop und stellen Sie sicher, dass der Hintergrund vorhanden ist Transparent.

Schritt 4

Ziehen Sie die ausgewählte Cloud aus der ersten Datei in unsere neu geöffnete Datei.

Schritt 5

Erstellen Sie eine neue Ebene unter der Ebene mit der Wolke und füllen Sie die gesamte Zeichenfläche mit einer blauen Farbe, damit wir die Wolke besser sehen können.

Schritt 6

Ihre Cloud sollte an dieser Stelle so aussehen.

Schritt 7

Packe die Radiergummi-Werkzeug (E), Wählen Sie Ebene 1 (die mit der Wolke) und löschen Sie alle unnötigen kleinen Artefakte im Bild. Nur die Hauptwolkenform sollte erhalten bleiben.

Schritt 8

Zum Schluss noch die Unschärfe-Werkzeug (R) und verwischen Sie die Ränder der Wolke. Dadurch wird sichergestellt, dass es nicht pixeliert aussieht, wenn wir es in ein Vektorbild konvertieren.

Schritt 9

Wenn Sie mit dem Ergebnis zufrieden sind, löschen Sie die blaue Ebene und speichern Sie das Bild als PNG.

Öffnen Sie die PNG-Datei in Adobe Illustrator.

Schritt 10

Erstellen Sie eine Ellipse über der Wolke.

Gehe zu Objekt> Verlaufsgitter erstellen und setzen Reihen und Säulen zu 50.

Schritt 11

Hier ist wo Mesh Tormentor kommt ins Spiel. Falls noch nicht installiert, installieren Sie es und öffnen Sie es durch Fenster> Mesh Tormentor.

Schritt 12

Wählen Sie unsere Ellipse und in der Mesh Tormentor klicken Sie auf das fünfte Symbol von links in der sechsten Zeile bis Maschendichte erhöhen.

Schritt 13

Das Ergebnis sollte so aussehen.

Schritt 14

Wählen Sie nun sowohl die in Adobe Photoshop erstellte Cloud als auch die Mesh-Ellipse aus. Die Ellipse sollte auf der Wolke sein! Klicken Sie auf das Symbol "Mona Lisa" im Mesh Tormentor Panel, um unser Netz wie die Wolke zu färben.

Schritt 15

Löschen Sie das ursprüngliche Rasterbild und voila - Sie haben Ihre erstaunliche realistische Vektorwolke!

2. So erstellen Sie den Hintergrund

Schritt 1

Erstellen Sie ein dunkelblaues Quadrat und verwenden Sie die Netzwerkzeug (U), Erstellen Sie ein 5x6 Mesh-Gitter.

Schritt 2

Befolgen Sie die unten aufgeführten Schritte und färben Sie das Netzgitter ein. Die dunkleren Knoten in den Bildern stehen für diejenigen, die Sie mit dem enthaltenen Farbcode ausmalen sollten.

Schritt 3

Nun zu den Wolken. Erstellen Sie ein zufälliges blaues Rechteck und platzieren Sie unsere Netzwolke darüber. Platziere es knapp über der rechten unteren Kante.

Schritt 4

Erstellen Sie einige Kopien und platzieren Sie sie nach dem Drehen etwas, um das Bild unten zu ähneln.

Schritt 5

Legen Sie eine weitere Kopie unter die linke Wolke.


Schritt 6

Beenden Sie mit einer kleinen Kopie in der Mitte des Rechtecks.

Schritt 7

Platziere nun das blaue Rechteck vor den Wolken (Shift-Control-]), wählen Sie alle Formen aus, klicken Sie mit der rechten Maustaste und wählen Sie Schnittmaske erstellen.

Schritt 8

Unsere resultierenden Wolken werden so aussehen:

Sie können sie auf den zuvor erstellten Hintergrund verschieben.

3. Wie man den Mond und die Lichtstrahlen erzeugt

Schritt 1

Erstellen Sie eine Mondform, indem Sie zwei überlappende Kreise auswählen und auf klicken Ausschließen in dem Pfadfinder Panel. Gruppierung aufheben das Ergebnis und löschen Sie die obere Form.

Schritt 2

Erstellen Sie drei Kopien der resultierenden Form. Nehmen Sie die erste Kopie und legen Sie die anderen beiden vorerst beiseite. Füllen Sie es mit einer weißen Farbe, erstellen Sie dann eine weitere Kopie und verschieben Sie sie etwas nach oben und links vom Original. Fülle es mit # 95A5BC. Ziehen Sie schließlich den mittleren Knoten der blauen Form ein wenig nach links.

Schritt 3

Stellen Sie die blaue Form ein Transparenz zu 0%.

Gehe zu Objekt> Überblenden> Überblendoptionen. Stellen Sie das ein Abstand zu Angegebene Schritte und die Anzahl der Schritte bis 30.

Schritt 4

Klicken Sie mit beiden Objekten auf Objekt> Überblenden> Erstellen.

Schritt 5

Mit der zweiten Kopie, die wir gemacht haben Schritt 2, Wiederholen Sie einen Vorgang ähnlich wie Schritte 2-4.

Schritt 6

Nehmen Sie die letzte nicht verwendete Kopie und legen Sie sie auf die beiden Mischungen. Der Mond sollte jetzt so aussehen, als würde er glühen. Sie können es in die obere rechte Ecke des Hintergrunds verschieben.

Schritt 7

Erstellen Sie einen Kreis mit einem Radialer Farbverlauf (Weiß - # 4AF0F8 - # 0888D5 - # 054B87 - Schwarz).

Schritt 8

Erstellen Sie ein paar verschiedene Kopien dieser Form.

Schritt 9

Stellen Sie das ein Transparenz von allen Formen, einschließlich des ursprünglichen Kreises, bis Bildschirm.

Schritt 10

Erstellen Sie drei Formen aus den Farbverläufen.

Schritt 11

Setzen Sie alle Formen über den ursprünglichen Kreis. Das Ergebnis sollte so aussehen:

Schritt 12

Erstellen Sie eine weitere Ellipsenform mit einem# 274F7B zu # 000000 Radialer Farbverlauf.

Stellen Sie das ein Transparenz zu Bildschirm.

Schritt 13

ähnlich zu Schritte 9 und 10, Erstellen Sie verschiedene Formen aus der Ellipse mit Farbverläufen. Die wichtigsten sind die mit den dünnsten Strahlen!

Setzen Sie sie am Ende alle übereinander.

Schritt 14

Setzen Sie die zweite Form auf die erste Form.

Schritt 15

Bewegen Sie die Strahlen auf den Himmel mit den Wolken und dem Mond.

Wir sind fast fertig!

4. Wie man die Sterne kreiert

Schritt 1

Erstellen Sie drei kleine Kreise mit einem Radialverlauf weiß bis schwarz, 80% Deckkraft, und Bildschirm Transparenzmodus. Jeder Kreis sollte eine andere Größe haben, die etwa so klein sein sollte, wie ein Stern auf Ihrem Bildmaterial sein sollte.

Schritt 2

Ziehen Sie alle Kreise in die Symbole Panel, um drei neue Symbole zu erstellen.

Schritt 3

Packe die Symbol Sprayer Tool (Umschalt-S), Wählen Sie eines der Symbole in der Symbole und ziehen Sie es um das Bildmaterial, um viele Sterne zu erzeugen.

Schritt 4

Wiederholen Sie dies mit allen drei Symbolen. Wenn Sie mit dem Ergebnis zufrieden sind, wählen Sie jede Form mit den Sternen aus und gehen Sie zu Objekt> Darstellung erweitern.

"Beschneiden" Sie das Bild, indem Sie ein Rechteck über den Hintergrund ziehen, alle Elemente auswählen und Eine Schnittmaske erstellen.

Schritt 5

Wir werden ein letztes Paar Sterne kreieren. Erstellen Sie einen weiteren Kreis mit Weißer bis schwarzer Radialverlauf, 80% Deckkraft, und Bildschirm Transparenz.

Schritt 6

Erstellen Sie aus drei Ellipsen eine andere Form mit einem ähnlichen Verlauf, derselben Transparenzeinstellung und 60% Deckkraft.

Schritt 7

Erstellen Sie eine weitere Sternform mit den unten genannten Einstellungen.

Schritt 8

Montieren Sie alle Teile übereinander.

Schritt 9

Platzieren Sie einige große Sterne auf dem Hintergrund.

Tolle Arbeit, du bist jetzt fertig!

Was jetzt? Sie können eines meiner anderen Tutorials aus meinem Profil ausprobieren oder mein Portfolio bei GraphicRiver sowie das Originalbild, das wir in diesem Tutorial erstellt haben, ausprobieren.

Ich hoffe, Ihnen hat das Tutorial gefallen und ich würde mich sehr freuen, wenn Sie Ergebnisse in den Kommentaren sehen!

Nachtnatur-Himmel-Hintergrund mit Mond, Wolke und Sternen