Share
Was Sie erstellen werdenWenn Sie es lieben, in die Tiefen des Weltraums zu blicken, wie ich, dann schnallen Sie sich an, denn heute lernen wir, wie man mit dem Neuen eine detaillierte Raumillustration erstellt Omber Software von Wobastic.
Im Vergleich zu einigen anderen Lösungen, Omber gibt Ihnen die Möglichkeit, entweder eine Online-Version oder eine herunterladbare Version zu verwenden - was meiner Meinung nach mehr Entwickler tun sollten - und sie wird völlig kostenlos verteilt.
Egal, ob Sie sich entscheiden, online oder lokal zu gehen, rufen Sie die Software auf und lassen Sie uns loslegen!
Lassen Sie uns wie immer ein neues Dokument einrichten. Gehe rüber zu Optionen> Seite einrichten und passen Sie es wie folgt an:
Da wir die tatsächliche Seite sehen möchten, sollten Sie das unbedingt überprüfen Seitenumriss anzeigen und setze das Hintergrundfarbe zu weiß, damit wir die Formen, die wir erstellen werden, besser sehen können.
Wenn es um Grids geht, bietet Ihnen die Software die Möglichkeit, ein benutzerdefiniertes einzurichten und zu verwenden, was ich Ihnen wirklich empfehlen kann, da die Illustration auf einem pixelgenauen Workflow basieren soll.
Gehen Sie dazu einfach zu Optionen> Raster und weisen Sie an, eine Gitternetzlinie zu verwenden alle 1 Pixel, Stellen Sie sicher, dass die Am Raster ausrichten Option, damit sich die Formen mit a bewegen 1 px erhöhen Sie unabhängig von der Richtung, in die Sie sie drücken.
Wenn Sie ein neues Projekt beginnen, sollten Sie immer sicherstellen, dass die HQ-Rendering Option ist aktiviert, andernfalls stellen Sie möglicherweise fest, dass die Formen, die Sie gerade erstellt haben, etwas abgehackt sind.
Wenn dies passiert, machen Sie sich keine Sorgen und bleiben Sie ruhig, da dies auf die Rendering-Engine zurückzuführen ist, die aktiviert werden muss, indem Sie auf gehen Optionen> HQ-Rendering. Sobald Sie es aktivieren, werden alle Ihre alten und neuen Formen sofort glatt, wie Sie anhand des Referenzbeispiels sehen können.
Bevor wir mit der eigentlichen Illustration beginnen, möchte ich darauf hinweisen, dass die meisten Optionen, die wir bis zu diesem Zeitpunkt eingerichtet haben, automatisch auf ihre Standardwerte zurückgesetzt werden, sobald Sie die Software schließen und jedes Mal, wenn Sie an einem neuen Projekt arbeiten.
Sobald wir mit dem Einrichten des neuen Dokuments fertig sind, werden wir mit dem wackeligen Hintergrund beginnen. Nehmen Sie also einen kurzen Schluck von diesem heißen Kaffee und lassen Sie uns loslegen!
Beginnen Sie mit der Bearbeitung des größeren Abschnitts, indem Sie zu übergehen Gestalten und dann auswählen Solide aus der oberen Symbolleiste, um ein Objekt mit einer Volumenfüllung zu erstellen. Setzen Sie die Farbe auf lila (# 82147f) und dann die Kurve Werkzeug, um eine Form ähnlich der aus dem Referenzbild zu zeichnen. Machen Sie sich keine Sorgen, wenn es komisch aussieht, da wir es in den folgenden Momenten verfeinern werden.
Passen Sie die gerade erstellte Form an, indem Sie zu wechseln Punkte bearbeiten und positionieren Sie dann die Ankerpunkte und ihre Ziehpunkte sorgfältig, wie im Referenzbild zu sehen.
Abhängig von der Form, die Sie gezeichnet haben, können Sie mit dem neuen Ankerpunkt hinzufügen Hinzufügen Klicken Sie einfach auf den Pfad, oder entfernen Sie diejenigen, die Sie nicht benötigen, indem Sie mit der Taste auf das kleine Quadrat klicken Löschen Werkzeug.
Nehmen Sie sich Zeit, und positionieren Sie anschließend die resultierende Form in der Mitte der darunter liegenden Seite.
Dieser nächste Schritt ist wirklich einer meiner Favoriten, da er die erstaunlichen Fähigkeiten der Gradienten-Engine der Software demonstriert. Wenn Sie an radiale oder lineare Gradienten gewöhnt sind, bietet Omber eine völlig neue Dimension. Sie können hier einen beliebigen Ankerpunkt auswählen und ihm eine andere Farbe zuweisen, um einen komplexen Verlauf zu erzeugen.
In meinem Fall habe ich ein paar violette Töne und Schattierungen sowie orangefarbene Töne verwendet, was mir einen schönen glatten, raumartigen Hintergrund gab, den Sie unten sehen können.
Wenn Sie mit der Bearbeitung des größeren Abschnitts fertig sind, nehmen Sie sich einige Momente und zeichnen Sie den kleineren mit dem gleichen Vorgang wie zuvor. Passen Sie die Ankerpunkte der resultierenden Form mithilfe von an Punkte bearbeiten und wenden Sie dann einen glatten Farbverlauf mit Orange für die linken Ankerpunkte und Lila für die rechten an.
Zeichnen Sie als nächstes den linken Gaswirbel mit Weiß (#FFFFFF) als Füllfarbe, Positionieren der resultierenden Form auf der linken Seite des größeren Hintergrundabschnitts.
Da wir möchten, dass die Form transparent ist und als Hintergrundüberlagerung fungiert, müssen wir die Info Panel (Optionen> Info) und dann mit der Punkte bearbeiten Wählen Sie das Werkzeug einzeln aus und passen Sie es an Transparenz von jedem seiner zusammengesetzten Ankerpunkte.
Wenn Sie mit der Bearbeitung des linken Gasbereichs fertig sind, erstellen Sie den rechten mit dem gleichen Prozess.
Beginnen Sie mit der Arbeit an den kleinen Hintergrundsternen, indem Sie die Seite mit der Zoomfunktion vergrößern Scrollrad, und dann ein erstellen 6 x 6 px Kreis mit der Farbe hellbeige (# F8DBBB), die wir auf der linken Seite des größeren Hintergrundabschnitts positionieren.
Fügen Sie die verbleibenden Sterne mithilfe einiger Kopien hinzu. Wählen Sie dazu den Kreis aus, den wir gerade erstellt haben, und verwenden Sie dann den Duplikat Funktion in der oberen Symbolleiste gefunden. Bewegen Sie sich auf der Seite, indem Sie die Taste gedrückt halten Leertaste, Erstellen Sie die Kopien dann schrittweise und positionieren Sie sie neu, bis Sie den Hintergrund gefüllt haben. Achten Sie darauf, dass der mittlere Bereich leer bleibt. Wenn Sie fertig sind, stellen Sie sicher, dass Sie alle Sterne mithilfe von auswählen und gruppieren Gruppe Funktion.
Beginnen Sie mit der Arbeit am rechten Kometen, indem Sie den Hauptkörper zeichnen (#FFFFFF) Verwendung der Gerade Linienwerkzeug. Klicken Sie einfach auf die Seite, um die Start- und Endpunkte zu erstellen, und beenden Sie die Linie mit Ziellinie Funktion.
Passen Sie das gerade erstellte Liniensegment an, indem Sie seine Breite auf einstellen 2 px aus dem Info Panel (Optionen> Info> Breite), setzen Sie die Farbe des linken Ankerpunkts auf Weiß (#FFFFFF) und sein rechtes zu gelb (# FCD85C).
Wählen Sie den rechten Ankerpunkt des Kometen mit Punkte bearbeiten Werkzeug, und senken Sie dann seine Transparenz den ganzen Weg hinunter nach 100% ihm die Illusion der Bewegung geben.
Erstellen Sie den linken Kometen mit einer Kopie (Wählen Sie> Duplizieren) von demjenigen, den wir gerade angepasst haben, den wir gerade reflektieren werden, indem wir das rechte und rechte Quadrat des Begrenzungsrahmens auswählen und es ganz nach links ziehen, bis die Ankerpunkte vertauschen.
Wiederholen Sie dann den gleichen Vorgang, spiegeln Sie dies jedoch nur horizontal wieder, passen Sie die Länge an und positionieren Sie die resultierende Form auf der gegenüberliegenden Seite des Hintergrunds.
Da wir mit dem Hintergrund ziemlich fertig sind, können wir alle Formen auswählen (Steuerung-A) und gruppieren sie (Wählen Sie> Gruppe), bevor wir zum nächsten Abschnitt unserer Illustration übergehen.
Wenn wir mit dem Hintergrund fertig sind, können wir zum mittleren Abschnitt der Illustration übergehen, wo wir nach und nach den größeren gelben Planeten erstellen werden.
Beginnen Sie mit der Erstellung des größeren äußeren Glimmbereichs mit a 240 x 240 px GelbKreis (# FCD85C), die wir horizontal auf die darunterliegende Seite ausrichten. Um dies zu tun, werden wir einige einfache Berechnungen anstellen und die Breite des Planeten aus der Breite des Dokuments entfernen und dann die resultierende Zahl durch teilen 2 um das zu finden X Koordinate.
So (800 px - 240 px)/ 2 = 280 px, Welches ist der Wert, den die X Koordinate muss angezeigt werden, damit die Form perfekt horizontal zentriert ist. Wenn es um die vertikale Ausrichtung geht, habe ich die gleiche Rechnung gemacht (600 px - 240 px) / 2 = 180 px, Am Ende habe ich die Form jedoch um ein weiteres Mal nach unten gedrückt 20 px damit es in den Hintergrund passt.
Passen Sie die Transparenz der gerade erstellten Form an, indem Sie den linken und den oberen Ankerpunkt auf festlegen 70% und seine untersten und richtigen zu 0%.
Erstellen Sie den kleineren äußeren Schein mithilfe einer Kopie der resultierenden Form (Wählen Sie> Duplizieren), dessen Größe Sie ändern werden, indem Sie das obere rechte Quadrat des Begrenzungsrahmens auswählen und in die gegenüberliegende Ecke ziehen, bis Sie eine 220 x 220 px Kreis. Richten Sie ihn dann mit der Mitte auf die größere aus X und Y Koordinaten.
Fügen Sie die Hauptform für den tatsächlichen Planeten mit ein 200 x 200 px gelber Kreis (# FCD85C), die wir mit folgenden Koordinaten positionieren:
Geben Sie dem Planeten einen sanften Verlauf, indem Sie mit den unteren und rechten Ankerpunkten auswählen Punkte bearbeiten Werkzeug bei gedrückt gehaltenem Verschiebung Taste, um eine Mehrfachauswahl durchzuführen, und dann die Farbe auf ein dunkleres Gelb einstellen (# F5A941).
Fügen Sie dem Planeten Details hinzu, indem Sie mit a einen größeren Krater erstellen 60 x 40 px Ellipse gemacht mit der Oval Werkzeug, das wir mit einem dunkleren Gelb einfärben (# F5A941) und dann auf der rechten unteren Seite positionieren.
Geben Sie dem Krater eine gewisse Tiefe, indem Sie den unteren und den rechten Ankerpunkt mit auswählen Punkte bearbeiten und dann ihre Farbe mit der Taste auf ein helleres Gelb setzen Augentropfer Werkzeug (einfach eine schnelle Auswahl von der linken Seite des größeren Körpers des Planeten treffen).
Erstellen Sie den kleineren Krater mithilfe eines Duplikats (Wählen Sie> Duplizieren) von dem, an dem wir gerade gearbeitet haben, dessen Größe wir verändern werden, indem wir den Begrenzungsrahmen ziehen, bis wir eine 30 x 20 px Oval. Wenn Sie fertig sind, positionieren Sie die Form auf der linken unteren Seite des Planeten und wählen und gruppieren Sie alle ihre Formen mithilfe von Gruppe funktion (Wählen Sie> Gruppe).
Als nächstes auf unserer interstellaren Liste steht der kleinere Hintergrundplanet, der unserer Komposition ein gewisses Gleichgewicht geben wird.
Erstellen Sie zunächst den Gürtel mit einem 94 x 40 px Oval mit einer 2 px Linienstärke, die wir mit einem hellen Blau einfärben (# 2DA3AF) und dann auf der rechten Seite des größeren Planeten.
Wenden Sie dem Gürtel einen Farbverlauf an, indem Sie jeden der Ankerpunkte mit auswählen Punkte bearbeiten und dunkle Farbwerte hinzufügen, wenn Sie den hinteren Bereich umrunden. Da die Ellipse nach hinten verblassen soll, müssen wir einen dunkleren Ankerpunkt hinzufügen und den Ellipse senken Transparenz seiner hinteren Anker an 50% und 34%.
Erstellen Sie den Hauptkörper des Planeten mit einem 48 x 48 px Kreis, den wir mit einem hellen Blau einfärben (# 31ABB8) und dann über dem Gürtel positionieren. Solange Sie das Gitter in Betrieb haben, sollten Sie dazu in der Lage sein, die Form einfach herumzuziehen.
Beenden Sie den Planeten, indem Sie einen schönen glatten Verlauf erstellen, der die rechte Seite dunkler macht, um ihm Tiefe zu verleihen. Nehmen Sie sich Zeit und sobald Sie fertig sind, wählen Sie die beiden Formen aus und gruppieren Sie sie (Wählen Sie> Gruppe) bevor Sie mit dem nächsten Abschnitt der Abbildung fortfahren.
Wir sind jetzt mit dem letzten Abschnitt unserer Illustration fertig. Machen wir uns also bereit, die Dinge zusammenzufassen, ohne mehr Zeit zu verlieren.
Erstellen Sie den Hauptkörper des Satelliten mit einem 8 x 16 px Rechteck, das wir mit einem hellen Grau (# DEF0F6) und dann auf der linken Seite des größeren Kraters.
Erstellen Sie den oberen und den unteren Abschnitt mit zwei 4 x 4 px Quadrate (# 62808A), die wir so positionieren, wie sie im Referenzbild zu sehen sind.
Fügen Sie die beiden rechteckigen Details mit a in den größeren Körper ein 4 x 8 px Rechteck (# 62808A) gefolgt von einem kleineren 4 x 2 px ein (# 62808A), die wir platzieren werden 2 px vertikal zueinander und positionieren sie danach in der Mitte. Wenn Sie fertig sind, wählen Sie alle fünf Formen aus und gruppieren Sie sie (Wählen Sie> Gruppe), bevor Sie zum nächsten Abschnitt übergehen.
Beginnen Sie mit der Arbeit an der Antennenbaugruppe, indem Sie den Halsbereich mit a erstellen 2 x 4 px Rechteck (# DEF0F6), die wir oben auf dem oberen Teil des Satelliten positionieren werden.
Fügen Sie die Antennenbaugruppe mit ein 10 x 10 px Kreis (# 62808A), darüber wird noch eine kleinere hinzugefügt 6 x 6 px ein (# DEF0F6), gefolgt von einem 2 x 2 px ein (# 62808A). Stellen Sie sicher, dass Sie, wie im vorherigen Abschnitt, alle vier Formen mit Hilfe von auswählen und gruppieren Wählen Sie> Gruppe Funktion.
Beginnen Sie mit der Arbeit am linken Solarflügel, indem Sie die beiden Arme mit a erstellen 4 x 2 px Rechteck (# 62808A) 1 px über einem dünner 4 x 1 px ein (# 62808A), die wir so positionieren, wie sie im Referenzbild zu sehen sind.
Erstellen Sie die Hauptform für den Flügel mit a 15 x 12 px Rechteck, das wir mit einem hellen Grau (# DEF0F6) und dann auf der linken Seite der ausfahrenden Arme positionieren.
Fügen Sie die Solarzellen mit vier hinzu 2 x 8 px Rechtecke, horizontal beabstandet 1 px voneinander (# 62808A), die wir in der Mitte des Flügels positionieren werden. Wenn Sie fertig sind, können Sie alle Formen des aktuellen Abschnitts auswählen und gruppieren (Wählen Sie> Gruppe) bevor Sie mit dem nächsten Schritt fortfahren.
Beenden Sie den Satelliten, indem Sie den rechten Flügel mit einer Kopie hinzufügen (Wählen Sie> Duplizieren) von demjenigen, an dem wir gerade gearbeitet haben, den wir vertikal reflektieren und dann auf der gegenüberliegenden Seite des größeren Körpers positionieren. Wenn Sie fertig sind, können Sie alle Formen des Satelliten auswählen und gruppieren (Wählen Sie> Gruppe) bevor Sie mit dem letzten Schritt fortfahren.
Beenden Sie die Illustration, indem Sie den subtilen Schatten, den der Satellit geworfen hat, mithilfe einer Kopie auf den Planeten übertragen (Wählen Sie> Duplizieren), die wir mit einem dunklen Gelb einfärben (# EEA822). Passen Sie die Transparenz der Formen des Schattens an, indem Sie deren entsprechende Gruppe mit eingeben Gruppe betreten wählen und dann einige ihrer Ankerpunkte auswählen und absenken '(Wählen Sie> Punkte bearbeiten).
Bewegen Sie dann das Duplikat um einige Pixel in die rechte untere Ecke und vergewissern Sie sich, dass Sie es mit dem Symbol unter dem Satelliten positionieren Rückwärts eins funktion (Wählen Sie> Rückwärts). Wenn Sie fertig sind, wählen Sie den Satelliten und seinen Schatten zusammen aus (Wählen Sie> Gruppe), machen Sie dasselbe für die gesamte Abbildung, bevor Sie auf die Schaltfläche "Speichern" klicken.
Mit ein paar Klicks hier und dort und einigen Formen haben wir es geschafft, eine ziemlich detaillierte und lebendige Raumillustration zu erstellen, die Sie in jedem persönlichen Projekt verwenden können.
Wie immer hoffe ich wirklich, dass Sie es geschafft haben, jeden einzelnen Schritt zu verfolgen und vor allem etwas Neues und Nützliches zu lernen.
Accentsconagua