So erstellen Sie ein einfaches Haussymbol in Photoshop

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!

Endgültige Bildvorschau

Schauen Sie sich das Bild an, das wir erstellen werden.

Tutorial-Details

  • Programm: Photoshop CS und neuer
  • Schwierigkeit: Anfänger
  • Geschätzte Fertigstellungszeit: 30-45 min

Schritt 1

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.

Schritt 2

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.

Schritt 3

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.

Schritt 4

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.

Schritt 5

Setzen Sie die Vordergrundfarbe auf "830F00". Zeichnen Sie mit dem Stiftwerkzeug (P) eine Form wie unten gezeigt. Nennen Sie die resultierende Form "Dach links"..

Schritt 6

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.

Schritt 7

Zeichnen Sie mit dem Stiftwerkzeug (P) eine andere Form wie die unten gezeigte, und nennen Sie sie "Körper".

Schritt 8

Doppelklicken Sie auf die Ebene und geben Sie diese Ebenenstile an.

Schritt 9

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".

Schritt 10

Gehen Sie zu Filter> Weichzeichnen> Gaußscher Weichzeichner, geben Sie 10 Pixel ein und klicken Sie auf OK.

Schritt 11

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.

Schritt 12

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.

Schritt 13

Geben Sie der Tür die folgenden Ebenenstile.

Schritt 14

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.

Schritt 15

Gehen Sie zu den Mischoptionen und wenden Sie diese Einstellungen an.

Schritt 16

Dupliziere die Form und verschiebe sie nach unten, damit du so etwas hast.

Schritt 17

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.

Schritt 18

Geben Sie dem Kreis einen Schlagschatten und einen radialen Farbverlauf.

Schritt 19

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.

Schritt 20

Gehen Sie zu den Mischoptionen und weisen Sie ihm eine Verlaufsüberlagerung mit einem ähnlichen Farbton wie das Dach auf.

Schritt 21

Machen Sie mit dem Stiftwerkzeug (P) eine andere Form wie die unten stehende.

Schritt 22

Geben Sie der Form die folgenden Ebenenstile.

Schritt 23

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.

Schritt 24

Geben Sie dem schwarzen Streifen eine Verlaufsüberlagerung der folgenden Farben.

Schritt 25

Als weiteres Detail können Sie dem Haus eine Türstufe hinzufügen. Mit dem Stiftwerkzeug (P) eine Form wie die folgende erstellen.

Schritt 26

Geben Sie der Türstufe eine Verlaufsüberlagerung.

Schritt 27

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.

Schritt 28

Es ist Zeit, dem Haus Fenster hinzuzufügen. Beginnen Sie damit, indem Sie eine Auswahl mit Schwarz auf einer neuen Ebene füllen.

Schritt 29

Füllen Sie mit dem rechteckigen Auswahlwerkzeug (M) eine Auswahl wie auf einer neuen Ebene mit Weiß.

Schritt 30

Gehen Sie zu den Fülloptionen des Fensterquerschnitts und geben Sie diese Stile an.

Schritt 31

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.

Schritt 32

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.

Schritt 33

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.

Schritt 34

Sie können jetzt einen Schornstein zum Haus hinzufügen. Erstellen Sie eine neue Ebene und füllen Sie eine Auswahl mit Schwarz.

Schritt 35

Vergeben Sie mit diesen Farben eine Verlaufsüberlagerung.

Schritt 36

Machen Sie eine Form wie die unten, um dem Kamin einen 3D-Look zu verleihen.

Schritt 37

Machen Sie eine andere Form aus einer beliebigen Farbe für den Kamin.

Schritt 38

Geben Sie der Form mit diesen Farben eine Verlaufsüberlagerung.

Schritt 39

Setzen Sie die Vordergrundfarbe auf "D6C08D" und erstellen Sie eine Form wie diese.

Schritt 40

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.

Schritt 41

Anwenden von Filter> Weichzeichnen> Gaußsche Weichzeichnung und dann Filtern> Weichzeichnen> Bewegungsunschärfe mit diesen Einstellungen.

Schritt 42

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.

Fazit

Das endgültige Bild wird unten gezeigt! Ich hoffe, es hat Ihnen gefallen, dieses Icon-Design zu erstellen!