Wie kann man ein Set von Retro-Küche-Sachen in Affinity Designer entwerfen?

() translation by (you can also view the original English article)

Final product image — What You'll Be Creating

Retro-Design ist einer der Top-Trends und kommt nie aus der Mode. Warum ist es so beliebt? Folgen Sie diesem Tutorial und finden Sie heraus, warum Menschen diesen Stil in den glatten Formen und Pastellfarben altmodischer Sachen lieben!

Wir werden verschiedene geometrische Formen, Werkzeuge und Funktionen des Draw Persona of Affinity Designers verwenden, um eine Reihe flacher Küchengeräte zu erstellen, die uns an die Vergangenheit erinnern.

Sie können dieses Retro-Küche-Sachen-Set auf Envato Elements in verschiedenen Farbvarianten und Formaten erhalten, um zu sehen, wie jedes Element hergestellt wurde. Sie können sie gerne für Ihre eigenen Projekte und Designs verwenden, sowohl für persönliche als auch für kommerzielle Zwecke!

Lassen Sie uns beginnen!

1. Wie kann man einen Retro-Mixer erstellen?

Schritt 1

Wir werden im Draw Persona of Affinity Designer arbeiten und skalierbare Vektor-Assets erstellen. Wir können drei verschiedene Personas oben in der Steuerungssymbolleiste umschalten.

Beginnen wir mit der Erstellung unseres Retro-Mixers aus dem oberen Teil. Nehmen Sie das Rechteck-Werkzeug (M) und erstelle eine Größe von 120 x 40 Pixel. Sie können die Größe entweder manuell (mit dem Verschieben-Werkzeug (V)) oder durch Festlegen des gewünschten Werts im Transformation-Bedienfeld anpassen, das sich standardmäßig direkt unter dem Ebenen-Bedienfeld befindet.

Füllen Sie es mit dem Rad des Farbe-Bedienfelds mit Pastell-Türkis.

Schritt 2

Jetzt müssen wir beide Ecken links und die obere Ecke rechts abgerundet machen. Gehen wir zur Steuerungssymbolleiste oben und deaktivieren Sie das Kontrollkästchen Einzelradius. Jetzt können wir den Radius jeder Ecke individuell einstellen! Stellen wir beide linken Ecken auf 50% und die obere rechte Ecke auf 65% ein.

Schritt 3

Fügen Sie ein weiteres Rechteck mit einer Größe von 130 x 10 Pixel hinzu, füllen Sie es mit grauer Farbe und platzieren Sie es wie in der Abbildung unten gezeigt.

Jetzt müssen wir eine schmale vertikale Linie senkrecht zum erstellten Rechteck anbringen. Wir können das Einrasten aktivieren, um die Hilfslinien und Hinweise zu sehen, die uns helfen, die Objekte richtig zu positionieren und sie aneinander haften zu lassen.

Erstellen Sie ein schmales Rechteck mit der gleichen Höhe wie die türkisfarbene Form (40 px) und befestigen Sie es am linken Rand der grauen Form.

Ändern wir die Farbe des vertikalen Elements. Sie können die Farbe aus jeder Form auswählen, indem Sie im Farbe-Bedienfeld auf das Farbauswahl-Piktogramm klicken und es über das Objekt ziehen. Wählen Sie dann das Element aus, das Sie neu einfärben möchten, und klicken Sie auf den kleinen farbigen Kreis neben dem Farbauswahl, um die Farbe anzuwenden. Machen Sie den türkisfarbenen Farbton der Form etwas dunkler.

Schritt 4

Fügen Sie am rechten Rand der grauen Form ein kleines vertikales Rechteck hinzu.

Duplizieren (Befehl-J) wir nun die graue Linie und platzieren sie ganz unten im Ebenen-Bedienfeld. Füllen Sie die Kopie mit dunkel-türkisfarbener Farbe und verkleinern Sie die obere graue Kopie, damit sich die Formen nicht überlappen.

Tipp: Anstatt die graue Form zu verkürzen, können wir auch den überlappenden Teil im großen, abgerundeten Rechteck ausblenden. Wählen Sie es einfach im Ebenen-Bedienfeld aus und ziehen Sie es per Drag-and-Drop über das abgerundete Element, bis Sie eine blaue Auswahl sehen. Auf diese Weise dient die große türkisfarbene Form als Behälter und macht die unerwünschten Teile unsichtbar.

Schritt 5

Lassen Sie uns nun ein einfaches Highlight auf der Oberfläche machen.

Duplizieren Sie den türkisfarbenen Teil des Mischpults zweimal (Befehl-J > Befehl-J) und ziehe die Kopie ganz nach oben (Umschalt-Befehl-]). Verwenden Sie die Abwärtspfeil-Taste, um die Form etwas nach unten zu verschieben. Wählen Sie die oberste und die darunter liegende Kopie aus und schneiden Sie die Formen mit der Subtraktionsoperation aus.

Schritt 6

Jetzt haben wir nur noch einen dünnen Streifen am oberen Rand. Füllen Sie es mit grauer Farbe und machen Sie es halbtransparent, indem Sie den Mischmodus im Ebenen-Bedienfeld auf „Negativ multiplizieren“ einstellen.

Halten Sie die Befehlstaste-Umschalttaste gedrückt und verkleinern Sie die Form ein wenig.

Schritt 7

Erstellen Sie ein dunkel-türkisfarbenes Rechteck mit einer Größe von 45 x 14 Pixel und befestigen Sie es an der Unterkante des Mischpults. Machen Sie die unteren Ecken um 40% abgerundet, indem Sie den Radius in der Steuerungssymbolleiste oben anpassen (vergessen Sie nicht, das Kontrollkästchen Einzelradius zu deaktivieren).

Nimm das Verschieben-Werkzeug (V), wähle die Form aus und ziehe sie nach rechts, während du die Wahltaste-Umschalttaste gedrückt hältst, um eine Kopie zu erstellen.

Schritt 8

Jetzt machen wir eine Schüssel. Beginnen Sie mit einem grauen Rechteck von 100 x 5 Pixel. Dieses Mal möchten wir, dass alle Ecken abgerundet sind. Daher können wir diese Form entweder mit dem abgerundeten Rechteck-Werkzeug (M) erstellen oder das Kontrollkästchen Einzelradius aktivieren und die Ecken auf 100% abgerundet setzen.

Schritt 9

Machen Sie ein hellgraues Rechteck von 90 x 70 px für die Schüssel. Wählen Sie beide Formen aus und klicken Sie oben im Bedienfeld „Ausrichten“ auf die Schaltfläche „Mitte ausrichten“, um beide Formen zu zentrieren.

Machen Sie die unteren Ecken des Rechtecks zu 50% abgerundet.

Schritt 10

Lassen Sie uns die Schüssel duplizieren (Befehl-J), die Befehl-Taste gedrückt halten und die Form verkleinern, sodass in der Mitte ein schmales Element entsteht. Füllen Sie es mit einer dunkleren grauen Farbe und ahmen Sie eine Reflexion auf der Stahloberfläche nach.

Stellen Sie die Schüssel unter den vorderen Teil des Mixers und verbinden Sie sie, indem Sie ein schmales vertikales Rechteck hinzufügen. Lassen Sie es auch wie ein Stahlteil aussehen, indem Sie in der Mitte einen dunkleren und schmaleren Streifen hinzufügen.

Schritt 11

Gehen wir weiter und schaffen einen Stand. Verwenden Sie das Rechteck-Werkzeug (M), um eine türkisfarbene Form von 170 x 25 px unter der Schüssel herzustellen. Deaktivieren Sie das Kontrollkästchen Einzelradius und machen Sie die obere linke und rechte Ecke zu 80% abgerundet.

Schritt 12

Jetzt müssen wir den Ständer mit dem oberen Teil des Mischers verbinden. Erstellen Sie ein hohes türkisfarbenes Rechteck zwischen dem Ständer und dem Oberteil (ich habe eine 30 x 90.5 px große Form erstellt, aber die Höhe Ihrer Form kann unterschiedlich sein).

Wählen Sie sowohl den vertikalen Teil als auch den Ständer aus und führen Sie diese Elemente mit der Operation Hinzufügen zu einem einzigen Objekt zusammen.

Schritt 13

Lassen Sie uns nun den Ständer mit Hilfe des Eckwerkzeugs (C) glätten. Verwenden Sie diese Option, um auf die Knoten zu klicken und sie zu ziehen, sodass die Ecken abgerundet werden. Sie sehen einen roten Kreis, der den Radius oder die Rundheit der Ecken anzeigt.

Schritt 14

Zum Abschluss fügen wir unten am Stand ein graues, abgerundetes Rechteck hinzu, und schon haben wir es! Unser Mixer ist fertig! Gehen wir zum nächsten Retro-Objekt.