So erstellen Sie ein Porg aus Star Wars in Affinity Designer

Was Sie erstellen werden

Die Macher von Star Wars haben wirklich gute Arbeit geleistet und eine ansprechende Kreatur geschaffen, die Ihr Herz zum Schmelzen bringen wird, sobald Sie es sehen. Wie Sie vielleicht schon erraten haben, sprechen wir von Porgs! Diese flauschigen, kleinen, katzenvogelartigen Kreaturen mit riesigen funkelnden Augen und naivem Gesichtsausdruck können Sie nicht gleichgültig lassen. 

Lass uns einen davon zeichnen! Wir verwenden verschiedene Tools und Funktionen von Affinity Designer, um den Prozess unterhaltsam und einfach zu gestalten.

Wir werden eine wunderbare Skizze von Monika Zagrobelna als Basis verwenden. In ihrem Tutorial erfahren Sie, wie Porgs gezeichnet werden, wenn Sie Ihr eigenes Porg-Gekritzel erstellen möchten!

1. Wie zeichnet man die Porgs Augen?

Schritt 1

Lass uns einen erstellen Neues Dokument von 600 x 800 px und benutze die Bildwerkzeug platzieren um die Skizze auf der Leinwand zu platzieren. Wir werden die verwenden Persona zeichnen Der standardmäßig aktivierte Affinity Designer bedeutet, dass alle unsere Formen vektoriell sind, auf jede Größe skalierbar sind und einfach neu eingefärbt und modifiziert werden können.

Positionieren Sie das Bild in der Mitte und senken Sie es Opazität zu 20% in dem Schichten Panel. Set seine Mischmodus zu Multiplizieren und Sperren die Skizzenebene. Auf diese Weise bleiben alle Linien sichtbar, wenn Sie mit dem Erstellen der Formen beginnen.

Schritt 2

Erstellen Sie eine neue Ebene, indem Sie auf klicken Ebene hinzufügen Knopf am unteren Rand des Schichten Panel. Platzieren Sie es unter der Skizzierebene und beginnen Sie mit dem Zeichnen!

Wir fangen mit einem Auge an. Nehmen Sie die Ellipsenwerkzeug (M) und zeichnen Sie ein 65 x 70 px gestalten. Sie können die Größe in anpassen Verwandeln Panel.

Drehen die Form 15 Grad damit das Auge auf die Skizze passt.

Schritt 3

Nehmen Sie die Füllwerkzeug (G) und ziehen Sie über die Form, um eine Verlaufsfüllung zu erstellen. Gehe zum Kontrollfeld oben und ändere die Art zu Radial. Von hier aus können Sie auch die Farben der Verlaufsteile ändern. Klicken Sie auf das Farbfeld, um das zu öffnen Gradient und passen Sie die Farben der Farbverlaufsregler an, indem Sie darauf klicken und im Farbkreis die entsprechende Farbe auswählen.

Wenn Sie mit den Farben zufrieden sind, bewegen Sie die mittlere Spitze des Verlaufsreglers nach oben, um den oberen Teil des Auges dunkler zu machen.

Schritt 4

Duplizieren (Befehl-J) das Auge und die Kopie kleiner machen. Füllen Sie es mit einem radialen Farbverlauf von blau nach schwarz und ändern Sie das Mischmodus zu Bildschirm in dem Schichten Panel, wodurch der schwarze Teil transparent wird.

Bewegen Sie die blaue Seite des Farbverlaufs nach oben und erzeugen Sie einen hellen Oberton.

Schritt 5

Verwenden Sie die Ellipsenwerkzeug (M) ein paar weiße Flecken für die Highlights. Senken Sie die Opazität der Flecken zu 75%, sie halbtransparent machen.

Schritt 6

Gruppe (Befehlstaste-G) alle elemente des auges und Duplizieren (Befehl-J) die Gruppe Verwenden Sie die Horizontal spiegeln Funktion oben im Bedienfeld, um die Kopie zu spiegeln und auf die gegenüberliegende Seite des Gesichts zu verschieben. Passen Sie Größe und Winkel an, damit sie in die Skizze passt. Vergessen Sie nicht, die weißen Lichter zurückzudrehen, da sie wegen der Lichtquelle auf derselben Seite bleiben sollten. 

Gehen wir jetzt zum Körper über!

2. So erstellen Sie den Porg-Körper

Schritt 1

Nehmen Sie die Ellipsenwerkzeug (M) und lass uns ein machen 340 x 405 px Beiges Oval für den Körper. Drücke den In Kurven konvertieren Taste oben im Bedienfeld und verwenden Sie die Knotenwerkzeug (A) Um die Seitenknoten zu verschieben, erstellen Sie eine eiähnliche Form, die zur Skizze passt. 

Schritt 2

Erstellen wir ein weiteres Oval für den Kopf. Wenn Sie Schwierigkeiten beim Positionieren der Formen haben, deaktivieren Sie die Option Schnappen indem Sie das Häkchen aus dem entfernen Aktivieren Sie das Ausrichten Box. 

In Kurven konvertieren und verschieben Sie die Knoten um die Skizze. Wählen Sie dann beide Formen aus und verwenden Sie die Hinzufügen Funktion aus der Geometrie Panel oben, um beide Formen miteinander zu verbinden. Jetzt haben wir eine Silhouette des Körpers!

Schritt 3

Ein ... kreieren 75 x 184 px braunes Oval für den Flügel. In Kurven konvertieren und spitze spitzen machen.

Duplikat den Flügel und bewegen Sie ihn auf die andere Seite des Körpers. Nach hinten verschieben (Umschalt-Befehl- [), Platzieren Sie den zweiten Flügel hinter dem Körper.

Schritt 4

Gehen wir zurück zu den Augen und fügen Sie weitere Details hinzu. Duplikat die Augapfelform und machen die untere Kopie etwas größer. Füllen Sie es mit dunkelbrauner Farbe, um Tiefe hinzuzufügen. Machen Sie eine weitere Kopie darunter und vergrößern Sie sie. 

Fülle es mit Linear Farbverlauf von Braun nach Weiß und schalten Sie die Mischmodus zu Multiplizieren, den weißen Teil halbtransparent machen. 

Schritt 5

Nehmen wir die Bleistiftwerkzeug (N) und ziehe die Nasenlöcher. Wir können das einstellen Breite und andere Parameter des Werkzeugs in der Systemsteuerung oben. Für mehr Präzision aktivieren wir die Stabilisator Option und setzen Sie die Länge bis etwa 10-15. Überprüf den Verwenden Sie Füllen Box zum Erstellen farbiger Formen.

Zeichnen Sie das Nasenloch nach den Linien der Skizze. Lassen Sie uns nun das Nasenloch mit einem Farbverlauf füllen, um dort etwas Tiefe hinzuzufügen. Um dies schneller zu machen, lass uns Kopieren (Befehlstaste-C) die braunschwarze Augapfelform und dann das Nasenloch und Bearbeiten> Stil einfügen. Auf diese Weise können wir beliebige Farbverläufe und Farbeffekte anwenden, das Erscheinungsbild von einem Element auswählen und auf ein anderes anwenden, um den Prozess zu beschleunigen.

Zeichne das zweite Nasenloch und Stil einfügen.

Schritt 6

Weiter mit der Bleistiftwerkzeug (N) die Mundform zeichnen. Versuchen Sie, Ihre Linien sauber und glatt zu halten, indem Sie die Position der Knoten mit Hilfe von anpassen Knotenwerkzeug (A). Sie können die nicht benötigten Knoten löschen, indem Sie sie auswählen und drücken Rücktaste (auf dem Mac). Passen Sie die Position und den Winkel der Knotenpunkte an und drücken Sie die Alt Taste beim Drehen, wenn Sie die Griffe getrennt voneinander verschieben möchten. 

Bearbeiten> Stil einfügen um den gleichen schwarzbraunen Farbverlauf auch auf den Mund anzuwenden.

Schritt 7

Lassen Sie uns der Mundform etwas Volumen hinzufügen. Verwenden Sie die Bleistiftwerkzeug (N) eine dreieckige Form über den Unterkiefer zu zeichnen. Drücken Sie Befehl-[ zu Einen zurückschieben.

Wenden Sie den gleichen weiß-beigen linearen Verlauf an, den wir um die Augen haben, und stellen Sie ihn ein Mischmodus zu Multiplizieren.

Schritt 8

Zeichnen Sie eine andere Form auf der unteren Lippe, wie in der Abbildung unten gezeigt. Füllen Sie es mit einem linearen Farbverlauf von gelb nach schwarz und wechseln Sie das Mischmodus zu Bildschirm, ein Highlight machen.

Schritt 9

Zeichnen Sie eine Nasenform um die Nasenlöcher und folgen Sie dabei den Linien der Skizze. Passen Sie den Farbverlauf an, sodass die Formen gut verschmelzen. 

Legen Sie einen leichten Schatten unter den Unterkiefer. Wir können die Sichtbarkeit der Skizze im ändern Schichten Panel, um zu überprüfen, wie es ohne die Umrisse aussieht.

Schritt 10

Lassen Sie uns nun eine große Form über die braunen Teile zeichnen, wobei der Mündungsbereich und der Bauch unberührt bleiben. 

Machen Sie sich keine Sorgen über das Stück, das die Ränder des Körpers kreuzt - wir können es leicht in der Körperform verstecken! Wählen Sie dazu die braune Form in der Schichten Panel und dann Drag & Drop es auf zu die Körperform, wie in der Abbildung unten gezeigt. Wenn Sie die Form auswählen, wird immer noch die Kontur der gesamten Form angezeigt. Jetzt wird sie jedoch wie in einer Schnittmaske im Körper platziert. Es wird jetzt als Gruppe oder Dropdown-Liste im angezeigt Schichten Panel.

Verwenden Sie die Knotenwerkzeug (A) Um die Form zu bearbeiten, fixieren Sie ihre Knoten. 

Schritt 11

Zeichne eine gefiederte Form um das Auge und fülle es mit oranger Farbe. 

Schritt 12

Halten Sie die Formen sauber und ordentlich, indem Sie mit den Knoten arbeiten und alle nicht benötigten entfernen. 

Sobald Sie mit der Form zufrieden sind, Drag & Drop es auf die körperform in der Schichten Panel. 

Schritt 13

Duplikat die Form und Horizontal spiegeln um die Form auf der gegenüberliegenden Kopfseite zu platzieren. Drücken Sie die Form leicht zusammen, um die Perspektive anzupassen.

Ziehen Sie es diesmal auf das Symbol braun so geformt, dass sie nicht den weißen Bereich der Schnauze überquert.

Bewegen Sie alle Elemente der Augen auf die Ebene und Gruppe Sie. 

Schritt 14

Beenden Sie die Schnauze, indem Sie ihrer Spitze eine gefiederte Form hinzufügen.

Großartig! Gehen wir weiter zu den Füßen!

3. Wie zeichnet man die Porgs Füße?

Schritt 1

Lass uns die verwenden Bleistiftwerkzeug (N) um das Bein und den Fuß unseres Porgs zu verfolgen. 

Zeichnen Sie zwei gewölbte Formen für das Netz zwischen den Fingern. Drag & Drop die Bahn formt sich in die Beinform Schichten Panel, um die nicht benötigten Teile zu verbergen. Verwenden Sie die Füllwerkzeug (G) Schatten im Web hinzufügen.

Schritt 2

Verwenden Sie die Ellipsenwerkzeug (M) eine ovale Klaue machen und Stil einfügen von der braunschwarzen Form des Nasenlochs. Fügen Sie ein kleines Highlight hinzu und wechseln Sie zu Bildschirmmodus.

Verwenden Sie eine lineare Farbverlaufsfüllung, um die Oberseite des Beines dunkler zu machen.

Duplikat die Klaue und ihr Highlight, um die verbleibenden Klauen hinzuzufügen.

Schritt 3

Nehmen Sie die Bleistiftwerkzeug (N) und zeichnen Sie eine gewölbte Form über das Bein. Füllen Sie es mit braunschwarzem Farbverlauf und stellen Sie es auf Bildschirmmodus, einen halbtransparenten Oberton erzeugen. Drag & Drop Die Form auf das Bein legen und innerhalb der Kanten der Beinform platzieren.

Duplikat die gewölbte Form und ziehen Sie die Kopie nach unten. Drücken Sie Befehl-J ein paar Mal, um die letzte Aktion zu wiederholen und weitere Kopien zu erstellen.

Schritt 4

Fügen Sie Kerben zu den restlichen Fingern hinzu. Gruppe alle elemente des beines und Duplikat die Gruppe. Horizontal spiegeln und machen Sie die Kopie etwas kleiner und schmaler, um sie der Perspektive anzupassen. 

Da haben wir es - die Beine sind fertig! Lassen Sie uns noch einige Details zu unserem Porg hinzufügen!

4. So fügen Sie dem Porg endgültige Details hinzu

Schritt 1

Lassen Sie uns den Körper dreidimensionaler machen. Wählen Sie die beige Körperform aus. Packe die Füllwerkzeug (G) und ziehen Sie, um die Form mit einem Farbverlauf zu füllen. Das Programm wählt automatisch eine passende dunklere Farbe für den Farbverlauf aus, Sie können sie jedoch über bearbeiten Gradient Tab, falls erforderlich, wie zuvor. Schalten Sie die Art zu Radial den Körper kugelförmig machen.

Fügen Sie den orangefarbenen Formen auch eine dunklere Farbe hinzu Füllwerkzeug (G).

Schritt 2

Fügen wir dem Bauch des Porgs einige Federn hinzu. Nehmen Sie die Bleistiftwerkzeug (N) und zeichnen Sie eine gefiederte Form. Füllen Sie es mit einem linearen Farbverlauf von Beige nach Schwarz und wechseln Sie zu Bildschirmmodus, halbtransparent machen. 

Zeichne eine andere Form und platziere sie unter der ersten (Befehl-[). 

Fügen Sie weitere gefiederte Formen hinzu. Sie können Duplikat die vorherigen Formen und wechseln sie mit der Horizontal spiegeln Funktion.

Jetzt sieht unser Porg flauschig aus!

Schritt 3

Fügen wir dem Flügel auch ein paar Federn hinzu. Diesmal verwenden wir eine beige-weiße Farbkombination für den Farbverlauf und schalten ihn um Multiplikationsmodus die Federn dunkler machen.

Schritt 4

Fügen Sie anderen Bereichen unseres Charakters weitere Federn hinzu: zu den orangefarbenen Teilen um Augen, Stirn und Körperseite.

Sieht soweit gut aus! Lassen Sie uns zum Schluss einen einfachen Hintergrund hinzufügen.

5. So fügen Sie einen einfachen Hintergrund hinzu

Schritt 1

Lassen Sie uns unserer Illustration ein paar letzte Details hinzufügen, damit sie ausgewogen und vollständig aussieht. Fügen Sie ein N hinzuneue Schicht für den Hintergrund und platzieren Sie es unter den anderen Ebenen.

Nehmen Sie die Rechteckwerkzeug (M) und erstellen Sie ein 600 x 800 px Rechteck. Verwenden Sie die Ausrichtung Menü in der Systemsteuerung oben, um das Rechteck horizontal und vertikal zu zentrieren. 

Füllen Sie es mit einem radialen Verlauf von gelb in der Mitte bis orange an den Rändern, um unserem Bild mehr Tiefe zu verleihen.

Schritt 2

Fügen wir dem Boden unter unserem Porg einen Schatten hinzu. Erstellen Sie ein Oval mit der Ellipsenwerkzeug (M) und füllen Sie es mit einem Farbverlauf von orange bis weiß. Stellen Sie das ein Art zu Elliptisch, Dadurch wird der Farbverlauf perfekt an die ovale Form angepasst. 

Stellen Sie das ein Mischmodus zu Multiplizieren, halbtransparent machen.

Schritt 3

Das können wir eigentlich Duplikat den Schatten und platzieren Sie eine Ellipse unter jedem Fuß des Porg.

Herzliche Glückwünsche! Unser Porg ist fertig!

Beeindruckende Arbeit! Unser Porg sieht süß und flauschig aus, um es fertig zu machen! Jetzt kannst du Datei> Exportieren es in beliebiger Größe und Format nach Ihren Wünschen. 

Ich hoffe, es hat Ihnen Spaß gemacht, an diesem Tutorial teilzunehmen und einige nützliche Tipps und Tricks zu entdecken, die Ihnen bei Ihren zukünftigen Illustrationen helfen werden.

Möge die Macht mit dir sein!

Wenn Sie wissen möchten, wie Sie Zeichen in Affinity Designer zeichnen können, lesen Sie die folgenden Tutorials:

  • Erstellen eines Virtual Reality Kid-Charakters in Affinity Designer

    In diesem Tutorial werden wir den aufregenden Prozess des Entwurfs einer Zeichentrickfigur von Grund auf bis zum fertigen Stück durchgehen! Komm mit und lass uns…
    Yulia Sokolova
    Charakter-Design
  • Erstellen Sie einen freundlichen, futuristischen Roboter in Affinity Designer

    In diesem Tutorial gehen wir auf Zeitreise in die Zukunft und erstellen in Affinity Designer einen freundlichen, futuristischen Roboter. Wir werden einfache Formen verwenden, um…
    Yulia Sokolova
    Charakter-Design
  • So erstellen Sie eine Cartoon-Pinguin-Winter-Illustration im Affinity-Designer

    In diesem Tutorial zeichnen wir einen schönen Cartoon-Pinguin, der uns hilft, uns an einem kalten Wintertag warm und gemütlich zu fühlen. Wir werden grundlegende verwenden ...
    Yulia Sokolova
    Affinity Designer
  • Erstellen Sie eine Herbst-Mädchen-Illustration im Affinity-Designer

    Jede Jahreszeit hat ihre eigene bezaubernde Schönheit! Der Herbst ist einer meiner Favoriten: rote und goldene Blätter, blauer Himmel spiegelt sich in den Pfützen, Menschen…
    Yulia Sokolova
    Affinity Designer