In diesem Lernprogramm führen Sie einfache Schritte und Techniken durch, um ein einfaches, aber attraktives Haussymbol zu entwerfen. Es ist einfach zu folgen und zu spielen. Es gibt keine komplizierten Kurven oder komplexe Pinselarbeit. Nur einfache Formen zusammen mit Ebenenstilen erledigen die komplette Arbeit. Das Ziel des Tutorials ist es, sich mit der korrekten Verwendung von Farben und der effizienten Verwendung von Ebenenstilen vertraut zu machen. Ich bin sicher, dass Sie es genießen werden, es zu verfolgen. Lass uns rein springen!
Schauen Sie sich das Bild an, das wir erstellen werden.
Erstellen Sie zunächst ein neues Dokument mit 500 x 500 x 500 Pixeln und weißem Hintergrund. Ziehen Sie einige Hilfslinien aus der Mitte des Dokuments heraus. Wähle das Stiftwerkzeug (P) und mache eine Form wie die unten gezeigte.
Sie müssen der Form einige Farben und einen dünnen weißen Streifen hinzufügen. Doppelklicken Sie dazu auf die Ebene und wenden Sie die folgenden Ebenenstile an.
Duplizieren Sie die Form (Befehlstaste + J), und wählen Sie Bearbeiten> Transformieren> Horizontal spiegeln. Verschieben Sie die duplizierte Form nach rechts, sodass die Seiten wie gezeigt zusammengefügt werden.
Aufgrund der ähnlichen Farben verleihen die beiden Formen dem Dach einen flachen Look. Das muss behoben werden. Öffnen Sie die Ebenenstile der duplizierten Ebene und nehmen Sie die folgenden Änderungen vor.
Setzen Sie die Vordergrundfarbe auf "830F00". Zeichnen Sie mit dem Stiftwerkzeug (P) eine Form wie unten gezeigt. Nennen Sie die resultierende Form "Dach links"..
Duplizieren Sie die Form und nennen Sie sie "Dach rechts". Gehen Sie zu Bearbeiten> Transformieren> Horizontal spiegeln und verschieben Sie die duplizierte Form nach rechts, sodass Sie so etwas sehen.
Zeichnen Sie mit dem Stiftwerkzeug (P) eine andere Form wie die unten gezeigte, und nennen Sie sie "Körper".
Doppelklicken Sie auf die Ebene und geben Sie diese Ebenenstile an.
Sie müssen den Dachschatten auf den Körper des Hauses legen. Klicken Sie dazu bei gedrückter Befehlstaste auf die Ebene "Dach links" und dann bei gedrückter Umschalttaste auf die Ebene "Dach rechts", um die Auswahl der beiden Ebenen zusammenzufassen. Verschieben Sie die Auswahl nach unten und füllen Sie die Auswahl auf einer neuen Ebene mit der Farbe "5F5343".
Gehen Sie zu Filter> Weichzeichnen> Gaußscher Weichzeichner, geben Sie 10 Pixel ein und klicken Sie auf OK.
Möglicherweise stellen Sie fest, dass nach dem Anwenden des Filters der Schatten außerhalb des Körpers des Hauses fließt, was nicht richtig aussieht. Um dies zu beheben, klicken Sie bei gedrückter Strg-Taste auf die Ebene "body" und drücken Sie Befehlstaste + Umschalttaste + I, um die Auswahl umzukehren. Drücken Sie bei ausgewählter "Schatten" -Ebene auf Löschen.
Sie müssen jetzt einen markanten Teil des Hauses hinzufügen - das ist die Tür. Wählen Sie das rechteckige Auswahlwerkzeug (M) und füllen Sie auf einer neuen Ebene eine Auswahl mit Schwarz.
Geben Sie der Tür die folgenden Ebenenstile.
Jetzt müssen wir der Tür einige Details hinzufügen. Wählen Sie das abgerundete Rechteckwerkzeug (UMSCHALT + U) und zeichnen Sie ein schwarzes Rechteck mit einem Radius von 3 Pixel.
Gehen Sie zu den Mischoptionen und wenden Sie diese Einstellungen an.
Dupliziere die Form und verschiebe sie nach unten, damit du so etwas hast.
Der Tür kann jetzt ein Griff hinzugefügt werden. Verwende das Ellipse-Werkzeug (U), um einen kleinen Kreis an der Tür zu bilden.
Geben Sie dem Kreis einen Schlagschatten und einen radialen Farbverlauf.
Sie können eine Platte über der Tür hinzufügen. Verwenden Sie das Stiftwerkzeug (P), um eine Form wie die unten abgebildete zu erstellen.
Gehen Sie zu den Mischoptionen und weisen Sie ihm eine Verlaufsüberlagerung mit einem ähnlichen Farbton wie das Dach auf.
Machen Sie mit dem Stiftwerkzeug (P) eine andere Form wie die unten stehende.
Geben Sie der Form die folgenden Ebenenstile.
Erstellen Sie eine neue Ebene und füllen Sie eine Auswahl mit Schwarz. Stellen Sie sicher, dass diese Ebene unter der Ebene "Tür" in der Ebenenpalette platziert ist.
Geben Sie dem schwarzen Streifen eine Verlaufsüberlagerung der folgenden Farben.
Als weiteres Detail können Sie dem Haus eine Türstufe hinzufügen. Mit dem Stiftwerkzeug (P) eine Form wie die folgende erstellen.
Geben Sie der Türstufe eine Verlaufsüberlagerung.
Um der Tür einen 3D-Look zu verleihen, erhöhen Sie die Dicke. Setzen Sie die Vordergrundfarbe auf "A26431" und zeichnen Sie eine Form wie unten gezeigt.
Es ist Zeit, dem Haus Fenster hinzuzufügen. Beginnen Sie damit, indem Sie eine Auswahl mit Schwarz auf einer neuen Ebene füllen.
Füllen Sie mit dem rechteckigen Auswahlwerkzeug (M) eine Auswahl wie auf einer neuen Ebene mit Weiß.
Gehen Sie zu den Fülloptionen des Fensterquerschnitts und geben Sie diese Stile an.
Jetzt müssen Sie Fensterläden machen. Genauso wie Sie die Tür gemacht haben, machen Sie einen Fensterladen und legen Sie sie auf eine Seite des Fensters. Machen Sie eine Kopie davon und verschieben Sie sie auf die andere Seite. Geben Sie den Fensterläden einen Schlagschatten, wenn Sie möchten.
Fügen Sie dem Fenster eine Platte hinzu, wie Sie es für die Tür getan haben. Der einzige Unterschied besteht darin, dass Sie die Ebenenstile der Türstufe auf die Platte anwenden müssen, die Sie für das Fenster erstellen.
Erstellen Sie ein Ebenenset und fügen Sie alle Ebenen in das Fenster ein. Duplizieren Sie den Ebenensatz zweimal und transformieren Sie ihn auf 60% seiner ursprünglichen Größe. Setzen Sie die kleineren Fenster auf die rechte Seite der Tür.
Sie können jetzt einen Schornstein zum Haus hinzufügen. Erstellen Sie eine neue Ebene und füllen Sie eine Auswahl mit Schwarz.
Vergeben Sie mit diesen Farben eine Verlaufsüberlagerung.
Machen Sie eine Form wie die unten, um dem Kamin einen 3D-Look zu verleihen.
Machen Sie eine andere Form aus einer beliebigen Farbe für den Kamin.
Geben Sie der Form mit diesen Farben eine Verlaufsüberlagerung.
Setzen Sie die Vordergrundfarbe auf "D6C08D" und erstellen Sie eine Form wie diese.
Es ist Zeit, der Basis des Haussymbols Schatten zu geben. Erstellen Sie eine neue Ebene und füllen Sie die Auswahl dann mit dem rechteckigen Auswahlwerkzeug (M) mit Schwarz.
Anwenden von Filter> Weichzeichnen> Gaußsche Weichzeichnung und dann Filtern> Weichzeichnen> Bewegungsunschärfe mit diesen Einstellungen.
Machen Sie einen ähnlichen Schatten für die Türstufe. Sie können die Deckkraft der Schatten auf 80-90% oder 20-30% einstellen. Ich fügte etwas Gras hinzu und endete damit.
Das endgültige Bild wird unten gezeigt! Ich hoffe, es hat Ihnen gefallen, dieses Icon-Design zu erstellen!