de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Wie man köstliche Pommes frites Icon - Photoshop Tutorial

Willkommen bei Hongkiat Baking & Culinary Arts! Heute werden wir Ihnen beibringen, wie Sie mit Photoshop ein visuell leckeres Pommes-Frites-Symbol kreieren können!

Yeah, du wirst lernen, leckere Pommes Frites-Ikone mit hauptsächlich einigen Formkreationen und Layerstyling zu schaffen, Anfänger Bäcker willkommen! Dieses Tutorial wird Sie definitiv voll machen.

Anfangen

Um diesem Tutorial zu folgen, benötigen Sie folgende Ressource:

  • Schriftart Ballpark Weiner von Mickey Rossi
  • Font Recycle-It von Bartek Nowak

Pommes Frites-Symbol

Schritt 1: Kartoffel ziehen

Aktivieren Sie das Stiftwerkzeug. Zeichne die Grundform der Kartoffel und setze ihre Farbe auf # e1cc7a. Beachten Sie, dass wir kein Rechteckwerkzeug verwenden, sondern ein Stiftwerkzeug, um ein natürliches Aussehen zu erhalten.

Doppelklicken Sie im Ebenenbedienfeld auf Ebene, um das Dialogfeld Ebenenstil zu öffnen. Fügen Sie folgenden inneren Schatten und Verlaufsüberlagerung hinzu.

Hier ist das Ergebnis.

Schritt 2

Zeichnen Sie die Seite der Kartoffel.

Fügen Sie die folgenden Ebenenstile hinzu.

Dies ist das Ergebnis.

Schritt 3

Zeichnen Sie schließlich seinen oberen Teil.

Fügen Sie die folgenden Ebenenstile hinzu.

Wir haben jetzt eine Pommes Frites.

Schritt 4

Lege alle Ebenen in eine Gruppe. Wiederholen Sie diese Prozesse, um mehr Kartoffeln zu ziehen.

Schritt 5: Eimer

Zeichnen Sie eine rote Polygonform. Fügen Sie oben einen elliptischen Pfad hinzu und setzen Sie den Modus auf Subtrahieren.

Schritt 6

Zeichnen Sie Streifen mit Farbe # a60101 und # ff0302.

Schritt 7

Lege Streifen oben auf den Eimer. Konvertieren Sie es in die Schnittmaske, indem Sie Strg + Alt + G drücken. Führen Sie die Transformation aus (Strg + T), und ziehen Sie die Ecke dann mit gedrückter Strg-Taste, bis die Streifen der Perspektive des Buckets entsprechen.

Verringern Sie die Opazität auf 40%.

Schritt 8

Erstellen Sie eine neue Ebene über dem Bucket. Malen Sie einen schwarzen Fleck auf den unteren Teil des Eimers. Ebene in Schnittmaske konvertieren (Strg + Alt + G).

Schritt 9

Wiederholen Sie den vorherigen Prozess im oberen Teil des Buckets.

Schritt 10

Klicken Sie bei gedrückter Strg-Taste auf die vordere Bucket-Ebene, um basierend auf ihrer Form eine neue Auswahl zu treffen. Erstelle eine neue Ebene und fülle sie mit Schwarz. Fügen Sie Rauschen mit dem Filter Filter> Noise> Add Noise hinzu.

Ändere den Ebenenüberblendungsmodus auf "Bildschirm" und reduziere seine Deckkraft auf 70%.

Schritt 11

Duplizieren Sie die Layer-Form des vorderen Buckets und platzieren Sie sie über allen Ebenen. Reduziere die Füllung auf 0%.

Fügen Sie mit dieser Einstellung inneren Schatten hinzu.

Hier ist das Ergebnis.

Schritt 12

Lassen Sie uns einen horizontalen Streifen auf den Eimer zeichnen. Duplizierter Pfad der Layer-Form des vorderen Buckets. Wählen Sie beide Pfade und klicken Sie auf Kombinieren. Beide Pfade werden in einem einzigen Pfad zusammengeführt.

Schritt 13

Klicken Sie auf das Symbol "Anpassungsebene hinzufügen" und wählen Sie "Volltonfarbe", um den Pfad in eine Ebenenform zu konvertieren. Wählen Sie # fedd19 für seine Farbe. Duplizieren Sie den Pfad und verschieben Sie ihn um ein paar Pixel nach unten. Stellen Sie den Modus auf Subtrahieren ein. Jetzt sollten Sie einen gelben horizontalen Streifen auf dem Eimer haben.

Fügen Sie Verlaufsüberlagerung und Inneres Glühen hinzu.

Hier ist unser Ergebnis.

Schritt 14

Zeichnen Sie ein rotes Polygon für die linke Seite des Buckets.

Doppelklick Ebene und füge inneren Schatten hinzu.

Schritt 15

Klicken Sie bei gedrückter Strg-Taste auf die Form der Bucket-Seite Erstelle eine neue Ebene und fülle sie mit Schwarz.

Schritt 16

Klicken Sie auf Filter> Rauschen> Rauschen hinzufügen.

Setze den Mischmodus auf "Bildschirm" und reduziere seine Deckkraft auf 60%.

Schritt 17

Zeichnen Sie einen gelben horizontalen Streifen auf der Eimerseite.

Fügen Sie Verlaufsüberlagerung und Inneres Glühen hinzu. Die hier verwendete Einstellung ist die gleiche wie der horizontale Streifen auf der Vorderseite der Schaufel (Schritt 13).

Hier ist das Ergebnis.

Schritt 18

Verwenden Sie die gleiche Technik, um mehr Streifen auf den unteren Teil des Eimers zu zeichnen.

Schritt 19

Lassen Sie uns auf den Eimer zeichnen. Zeichne ein weißes Rechteck auf den unteren Teil des Eimers und reduziere seine Deckkraft auf 43%. Klicken Sie im Ebenenbedienfeld auf das Symbol "Ebenenmaske hinzufügen" und zeichnen Sie beide Enden mit Schwarz.

Schritt 20

Wiederholen Sie diesen Schritt, um ein weiteres Highlight zu zeichnen.

Schritt 21

Zeichne die Dicke des Eimers. Verwenden Sie rot für seine Farbe.

Fügen Sie eine Farbverlaufsüberlagerung hinzu.

Schritt 22

Als nächstes ziehen Sie die Rückseite des Eimers zurück. Wir können die Vorderseite des Eimers einfach duplizieren und unter alle Ebenen verschieben. Stellen Sie diesmal den Pfadmodus auf Zu Form hinzufügen.

Fügen Sie die folgenden Ebenenstile hinzu.

Dies ist das Ergebnis.

Schritt 23

Zeichnen Sie die andere Seite des Eimers.

Fügen Sie die folgenden Ebenenstile hinzu.

Schritt 24: Fügen Sie Kartoffeln hinzu

Alt-Ziehen Sie die Beispielkartoffeln, die wir zuvor erstellt haben. Legen Sie sie in den Eimer. Ordne sie in einer natürlichen Position an.

Schritt 25

Machen Sie einen schwarzen Schatten zwischen Kartoffeln und Eimer. Malen Sie schwarz, um den Kartoffeln einen Eimerschatten hinzuzufügen. Reduziere die Opazität auf 12%.

Schritt 26

Erstelle eine neue Ebene und zeichne auf jede Kartoffel Schatten. Dieser subtile Schatten wird die Position der Kartoffeln vertiefen.

Unten sehen Sie die GIF-Animation, die vor und nach dem Hinzufügen von subtilen Schatten auf jeder Kartoffel zeigt.

Schritt 27: Fügen Sie dem Bucket weitere Highlights hinzu

Lassen Sie uns einige Highlights auf dem Bucket hinzufügen. Zeichne ein weißes Rechteck auf die Vorderseite und reduziere die Deckkraft auf 30%. Klicken Sie auf das Symbol "Ebenenmaske hinzufügen" und zeichnen Sie beide Kanten mit Schwarz.

Schritt 28

Malen Sie mehr Glanz auf seinen anderen Seiten.

Schritt 29: Logo

Zeichnen Sie eine Ellipse auf der Vorderseite des Eimers mit der Farbe: # fcbe15.

Doppelklicken Sie auf die Ebene und fügen Sie Schlagschatten hinzu.

Unten ist das Ergebnis eines subtilen Schlagschattens auf der Ellipse.

Schritt 30

Fügen Sie den Text "Hk's" über der Ellipse mit der Schriftart "Ballpark Weiner" hinzu. Drücken Sie Strg + T, um die Transformation auszuführen. Halten Sie die Strg-Taste gedrückt und ziehen Sie die Seite, um den Text zu neigen.

Schritt 31

Fügen Sie dem Textlogo folgende Ebenenstile hinzu.

Unten ist das Ergebnis.

Schritt 32

Sie können noch etwas auf den Eimer stopfen. Sie können auch Recycling-Symbol mit Zeichen aus der freien Schriftart Recycle It hinzufügen.

Schritt 33: Hintergrund

Aktivieren Sie das Verlaufswerkzeug. Zeichnen Sie einen radialen Farbverlauf von # f3f3f2 nach # f4f5c9.

Schritt 34: Schatten

Verwende einen weichen und kleinen Pinsel, um einen Schatten unter den Eimer zu malen.

Schritt 35

Duplizieren Sie die Schattenebene durch Drücken von Strg + J. Klicken Sie auf Filter> Weichzeichnen> Gaußscher Weichzeichner, um sie weicher zu machen. Wenn der Schatten zu dunkel wird, empfiehlt es sich, die Deckkraft zu verringern.

Endergebnis + Download

Schließlich ist dies unsere Pommes-Frites-Ikone. Ich hoffe dir gefällt dieses Tutorial. Und denken Sie daran, nicht zu viel Pommes zu essen, es ist einfach nicht gesund! :)

Klicken Sie hier, um die endgültige PSD herunterzuladen.

(Dieses Tutorial wurde in Zusammenarbeit mit Syarip Yunus gemacht.)

Frische Ressource für Web-Entwickler - April 2017

Frische Ressource für Web-Entwickler - April 2017

Seit Anfang des Jahres 2017 hat sich in der Welt der Web-Entwicklung vieles verändert. Jeden Tag kommen neue Apps und Ressourcen hinzu . Um mit dem Trend Schritt zu halten, teile ich Ihnen heute ein paar neue Webentwicklungsressourcen mit.Zu diesen Ressourcen gehören eine Web-App, mit der Sie das neue native CSS-Grid-Modul erlernen können, ein Kurs, um React von Anfang an zu lernen, eine Referenz zum Erlernen einiger PHP-Entwurfsmuster zur Verbesserung Ihrer PHP-Codes und einige mehr. L

(Tech- und Design-Tipps)

Ein Blick in: Die Kit-Sprache

Ein Blick in: Die Kit-Sprache

Angenommen, Sie haben Prototypen für eine Website mit HTML- Dateien erstellt. Sie haben etwa 10 HTML-Seiten oder so, und diese Seiten teilen einige gemeinsame Komponenten wie Header, Sidebar und Footer.Jetzt kommt das Problem: Wenn Sie diese freigegebenen Komponenten ändern, müssen Sie sie möglicherweise auch in den anderen Dateien ändern . Es

(Tech- und Design-Tipps)