So erstellen Sie eine Menüoberfläche für ein iPhone-Spiel mit Fantasy-Thema

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

Zunächst einmal ein Lob an Dan Wiersema (meinen Freund und Creative Director bei Guifx), der der Kopf hinter diesem Tutorial ist. Konzept und Wireframe wurden beide von ihm entwickelt. Er hat mir auch geholfen, die Knicke in Bezug auf die Bewertung meiner Arbeit von Anfang bis Ende auszubügeln.

In diesem Tutorial erstellen wir eine Hauptmenüoberfläche für ein fiktives iPhone-Spiel. Wir gehen durch die Einrichtung von Photoshop, um die Zielbildschirmgröße genau anzuzeigen, einen Drahtrahmen für das Projekt einzurichten, einen Hintergrund zu erstellen, ein Logo zu erstellen, eine Felsstruktur für die Seitenleiste und eine Holzstruktur für die gespeicherte Spielebox und die Schaltflächen zu erstellen . Wir fügen auch Grünflächen für Details und ein gutes Maß hinzu. Das wird eine lange Zeit, also ist Geduld eine Tugend. Kaffee hilft auch!

Endgültige Bildvorschau

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

Schritt 1

Gehen Sie zu pxcalc.com und folgen Sie den Anweisungen. Auf diese Weise können Sie das Design in seiner endgültigen Größe – der echten Lebensgröße des tatsächlichen iPhone-Bildschirms – auf Ihrem eigenen Computer anzeigen.

Erstellen Sie ein neues Dokument mit einer Breite von 480 Pixeln und einer Höhe von 320 Pixeln mit einer Auflösung von 164,83 Pixel/Zoll. Stellen Sie den Farbmodus auf RGB 8bit ein.

Schritt 2

Ich empfehle, ein Wireframe für Ihr Projekt wie das im Bild unten zu erstellen. Der beste Weg, dies zu tun, ist ein Rechtsklick, während Ihr Zoom-Werkzeug ausgewählt und die Druckgröße ausgewählt ist. Wenn Sie Schritt 1 befolgt haben, sehen Sie Ihr Dokument jetzt in der genauen Größe, die der Endbenutzer auf seinem iPhone hat. Dies hilft Ihnen zu bestimmen, wie groß die Tasten sein sollten, um auf einem Touchscreen-Gerät ausreichend zu funktionieren. Hinweis: Versuchen Sie, physisch auf den Bildschirm zu klicken, und denken Sie daran, dicke Finger zu berücksichtigen.

Verwenden Sie das Rechteckwerkzeug und ziehen Sie grobe Platzierungshilfen für die verschiedenen Elemente heraus. Halten Sie die Farbe der Formen weiß und fügen Sie einen schwarzen 1px-Innenstrich hinzu. Es ist auch eine gute Idee, das Konzept mit Bleistift und Papier nachzustellen. Auch wenn Sie kein guter Freihandkünstler sind (ich bin es nicht, aber ich tue es trotzdem), Serviettenskizzen helfen Ihnen, den Preis im Auge zu behalten!

Schritt 3

Erstellen Sie eine neue Ebene und nennen Sie sie "Background". Setzen Sie Ihre Vordergrundfarbe auf #5e1114 und Ihren Hintergrund auf #140306. Wählen Sie das Verlaufswerkzeug aus und ziehen Sie mit den unten abgebildeten Einstellungen von oben nach unten, wie der Pfeil anzeigt.

Schritt 4

Wenden Sie auf die Ebene "Background" die folgenden Ebenenstile an.

Schritt 5

Setzen Sie Ihre Vordergrund- und Hintergrundfarben auf Schwarz zurück, indem Sie auf die D-Taste auf Ihrer Tastatur klicken. Erstellen Sie eine neue Ebene und nennen Sie sie "bg_clouds". Gehen Sie nun zu Filter > Rendern > Wolken. Setzen Sie den Mischmodus dieser Ebene auf Überlagern. Tupfen Sie es in zufälligen Bereichen mit dem Radiergummi ab, stellen Sie mit einem weichen Pinsel eine Deckkraft von 30-50% ein, um interessante Highlights zu erzielen. Versuchen Sie, mein Ergebnis unten abzugleichen.

Schritt 6

Laden Sie dieses Bild von sxc.hu herunter (Danke Javier González). Nennen Sie die Ebene "castle", ändern Sie ihre Größe und platzieren Sie sie ungefähr in der oberen Mitte der Bühne. Stellen Sie den Mischmodus der Ebene auf Multiplizieren und die Deckkraft auf 60%. Verwenden Sie das Radiergummi-Werkzeug, um alle harten Kanten zu entfernen. Unten ist mein Ergebnis nach diesem Schritt.

Schritt 7

Okay, soweit so gut. Beginnen wir mit der Erstellung unseres Logos. Schnappen Sie sich Ihr Zeichenstift-Werkzeug und erstellen Sie die Umrisse eines Drachenkopfes. Um dies zu tun, können Sie entweder ein zufälliges Drachenbild nachzeichnen oder Ihr eigenes erstellen. Dieser wird jedoch mit einigen hochbelastbaren Ebeneneffekten enden, also versuchen Sie, die Form ziemlich einfach zu halten.

Es gibt eine Vielzahl von freien Formen und Dingbats, die Sie stattdessen verwenden können, wenn Sie keine Zeit damit verbringen möchten, einen Drachenkopf zu verfolgen oder zu entwickeln. Wo ein Wille ist, ist auch ein Weg.

Duplizieren Sie Ihre Form 2 Mal (Ebene > Ebene duplizieren...), sodass Sie 3 Drachenkopfebenen haben. Nennen Sie den unteren "dragon_1", den mittleren "dragon_2" und den oberen "dragon_3".

Schritt 8

Es ist Zeit, unseren Drachen zum Leuchten zu bringen. Diese Technik basiert stark auf Elliot AKA TrueLovePrevails' Tutorial zur Nachbildung des Warcraft-Logo-Stils, daher geht ein großer Dank an ihn für die Entwicklung dieser fantastischen Technik und dafür, dass ich sie verwenden durfte. Klicken Sie hier, um das Original-Tutorial zu besuchen.)

Wenden Sie die folgenden Ebenenstile jeweils auf jede Ebene an, beginnend mit der Ebene "dragon_1"

Wenden Sie nun die folgenden Ebenenstile auf "dragon_2" an und setzen Sie die Deckkraft dieser Ebene auf 0%.

Und wieder auf "dragon_3" und setzen Sie die Deckkraft dieser Ebene auf 0%.

Schritt 9

Richtig, Drache sieht gut aus - check! Als nächstes kommt der Text.

Gehen Sie zu Fontcraft.com und laden Sie Scurlock herunter oder kaufen Sie es. Scurlock ist als Demo-Schriftart kostenlos. Lesen Sie also unbedingt die Nutzungsbedingungen und erwerben Sie eine Lizenz, wenn Sie diese Schriftart für kommerzielle Zwecke verwenden möchten.

Wählen Sie Ihr Textwerkzeug aus und stellen Sie die Größe auf 60pt ein. Geben Sie den Text "Dragon" ein. Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie In Form konvertieren. Der Grund dafür ist, dass wir die Unterstreichung des "o" entfernen möchten. Dazu verwenden wir das Direktauswahl-Tool. Aktivieren Sie die Vektormaske, indem Sie auf das Miniaturbild klicken und alle Knoten der Unterstreichung auswählen, und drücken Sie dann auf der Tastatur auf Löschen. Wenn Sie nicht alle auf einmal abrufen können, halten Sie die Umschalttaste gedrückt, um sie zur Auswahl hinzuzufügen.

Nehmen Sie als Nächstes das Pfadauswahlwerkzeug und klicken Sie auf das "o". Gehen Sie zu Bearbeiten > Freie Transformation und ziehen Sie den unteren mittleren Knoten nach unten, so dass das "o" aussieht, als würde es zum Rest des Textes gehören. Jetzt duplizieren Sie die Ebene zweimal, genau wie beim Drachenkopf. Benennen Sie die Ebenen von unten nach oben "dragontext_1", "dragontext_2" bzw. dragontext_3".

Schritt 10

Lassen Sie uns die Ebene "castle" vorerst ausblenden, da sie für das Layout von geringer Bedeutung ist und hauptsächlich beim Entwerfen ein wenig Ablenkung verursacht.

Klicken Sie mit der rechten Maustaste auf die Ebene "dragon_1" und wählen Sie "Ebenenstil kopieren". Klicken Sie nun mit der rechten Maustaste auf die Ebene "dragontext_1" und wählen Sie Ebenenstil einfügen. Klicken Sie mit der rechten Maustaste auf die Ebene "dragon_2" und wählen Sie Ebenenstil kopieren. Klicken Sie nun mit der rechten Maustaste auf die Ebene "dragontext_2" und wählen Sie Ebenenstil einfügen. Ändern Sie die Deckkraft des Schattenmodus unter Abschrägung und Prägung auf 43%.

Wählen Sie "dragontext_3" aus und setzen Sie die Deckkraft der Füllung auf 0%. Wenden Sie dann die im Bild unten gezeigten Stile an. Wenn Sie fertig sind, wiederholen Sie die Schritte 9 und 10 für den Text "Storm" (benennen Sie die Ebenen stormtext_#) und platzieren Sie den Text ungefähr wie unten gezeigt.

Schritt 11

Klicken Sie bei gedrückter Befehlstaste auf die Miniaturansicht der Vektormaske der Ebene "dragontext_2", um die Auswahl zu laden. Sie werden sehen, dass die marschierenden Ameisen um Ihren Text herum erscheinen. Stellen Sie sicher, dass "dragontext_2" Ihre aktive Ebene ist, da dies sicherstellt, dass wir die Einstellungsebene, die wir gerade erstellen, direkt über "dragontext_2" platzieren.

Klicken Sie nun auf die Schaltfläche Neue Füll- oder Einstellungsebene erstellen, die sich unter Ihrer Ebenenpalette befindet. Wählen Sie in der Liste Farbbalance aus und wenden Sie die folgenden Einstellungen an. Klicken Sie anschließend auf Befehl + D, um die Auswahl aufzuheben. Machen Sie nun dasselbe für die Ebene "swordtext_2".

Schritt 12

Details sprechen für sich selbst, also lasst uns noch etwas mehr Text hinzufügen, um einen zusätzlichen Effekt zu erzielen. Geben Sie "Scroll of the Wicked" erneut mit der Schriftart Scurlock in einer Größe von 18,5 pt ein. Stellen Sie für den Text "Scroll" und "Wicked" die Textgröße auf 14,5 pt ein. Verwenden Sie für "of the"-Text #C9C9C9 als Textfarbe und wenden Sie die folgenden Ebenenstile an.

Schritt 13

Hoffentlich sind Sie noch bei mir. Kommen wir zur Seitenleiste.

Erstellen Sie mit Ihrem Zeichenstift-Werkzeug eine blockartige Form wie die im Bild unten. Seien Sie hier kreativ. Bei der Herstellung solcher Dinge gibt es kein richtig oder falsch, also werfen Sie einfach eine Form zusammen, ohne zu viel auf Details zu achten. Duplizieren Sie diese Ebene und nennen Sie die oberste "sidebar_base". Nennen Sie die untere "sidebar_perspective". Wenden Sie nun die folgenden Ebenenstile auf die Ebene "sidebar_base" an.

Schritt 14

Verschieben Sie die Ebene "sidebar_perspective" 6px nach links, klicken Sie mit der rechten Maustaste darauf und wählen Sie Ebene rastern.

Richten Sie das Nachbelichter-Werkzeug mit den folgenden Einstellungen ein und malen Sie die perspektivische Kante – wobei Sie die Lichtquelle aus der Konzeptskizze im Hinterkopf behalten – dort, wo das Licht am wenigsten darauf trifft. Malen Sie mit dem Abwedler-Werkzeug die gegenüberliegenden Bereiche. Wenn ich dies für Steintexturen mache, finde ich, dass es effektiver ist, zu tupfen als zu streichen, da dies die Illusion einer rauen Oberfläche erzeugt. Geben Sie der Ebene schließlich einen Schlagschatten.

Schritt 15

Laden Sie dieses Pinselset von Lee Richardson herunter. Erstellen Sie eine neue Ebene über "sidebar_base" und nennen Sie sie "sidebar_texture_1". Klicken Sie nun bei gedrückter Befehlstaste auf die Ebene "sidebar_base", um die Formauswahl zu laden. Ohne die Befehlstaste loszulassen, drücken Sie die Umschalttaste, um der Auswahl hinzuzufügen, und klicken Sie auf die Ebene "sidebar_perspective". Als nächstes Schnappen Sie sich Ihr Pinselwerkzeug und wählen Sie den zweiten Pinsel des gerade heruntergeladenen Sets aus. Klicken Sie bei auf Schwarz eingestellter Vordergrundfarbe einmal in die Auswahl und drücken Sie Befehl + D auf Ihrer Tastatur. Setzen Sie die Deckkraft dieser Ebene auf 50%.

Schritt 16

Setzen Sie Ihre Vordergrundfarbe auf #160A02 und erstellen Sie eine weitere Ebene. Nennen Sie dieses - Sie haben es erraten - "sidebar_texture_2". Wiederholen Sie den Vorgang ab Schritt 15, diesmal mit der vierten Bürste des Sets. Es ist kleiner, sodass Sie zwei Klicks benötigen, um die gesamte Oberfläche abzudecken. Wenn diese Ebene ausgewählt ist, gehen Sie zu Filter > Weichzeichnen > Gaußscher Weichzeichner. Stellen Sie einen Radius von 1,5 ein und klicken Sie dann auf OK. Sie sollten etwas wie das Bild unten haben.

Schritt 17

Lassen Sie uns der Felsoberfläche einige Unvollkommenheiten hinzufügen. Erstellen Sie eine neue Ebene und nennen Sie sie "cracks". Wählen Sie das Pinselwerkzeug und variieren Sie zwischen einem Masterradius von 2px bis 5px, einer Härte von 60% bis 80% und halten Sie die Pinseldeckkraft bei 55%. Versuchen Sie, sich keine Sorgen zu machen, es richtig zu machen. Der Ebenenstil erledigt die meiste Arbeit, und die seltsamste Form kann großartig ausfallen. Wenn Sie mit den Rissen zufrieden sind, wenden Sie den folgenden Schichtstil an und werden Sie noch glücklicher.

Schritt 18

Erstellen Sie eine weitere Ebene, diese über der Ebene "cracks", und nennen Sie sie "edge_bumps". Wählen Sie das Buntstift-Werkzeug mit einem Hauptdurchmesser von 1px und zeichnen Sie einige Unvollkommenheiten in schwarzer Farbe entlang der hervorgehobenen Linie unten. Stellen Sie die Deckkraft der Ebene auf 76% ein und wenden Sie dann den folgenden Ebenenstil auf die Ebene an.

Schritt 19

Erstellen Sie eine neue Ebene über der Ebene "edge_bumps". Klicken Sie bei gedrückter Befehlstaste auf die Ebene "sidebar_perspective". Nehmen Sie einen der Standard-Spritzer-Pinsel von Photoshop und tupfen Sie hier und da den Rand hinab, während Sie die Deckkraft des Pinsels immer noch bei 55% halten. Kopieren Sie den Ebenenstil aus der Ebene "edge_bumps" und fügen Sie sie in diese Ebene ein. Stellen Sie die Deckkraft der Ebenen auf 55% ein.

Schritt 20

Fahren wir mit der Herstellung des Holzes fort. Machen Sie eine Form wie die untenstehende für unser großes hölzernes Spielbrett. Legen Sie die Farbe der Form auf #463118 fest. Rufen Sie den Layer "saved_games_base" auf und wenden Sie die folgenden Stile darauf an.

Schritt 21

Versuchen Sie mit Ihrem Zeichenstift-Werkzeug, die unten angezeigte Form zu replizieren, und platzieren Sie sie unter der Ebene "saved_games_base". Die wichtigen Kanten sind rot markiert. Nennen Sie es "saved_games_perspective" und setzen Sie die Farbe dieser Form auf #14100D. Wenden Sie außerdem wie abgebildet einen Schlagschatten an.

Schritt 22

Laden Sie die erste Textur aus diesem Texturset von cgtextures.com herunter. Legen Sie es auf Ihre Bühne und ändern Sie die Größe/drehen Sie es, bis es Ihnen gefällt. Platziere es über und über der Ebene "saved_games_base" und benenne es in "wood_texture_1" um. Klicken Sie bei gedrückter Befehlstaste auf "saved_games_base", dann Befehlstaste + Umschalttaste und klicken Sie auf "saved_games_perspective", um sie zur Auswahl hinzuzufügen. Wählen Sie "wood_texture_1" und klicken Sie auf die Schaltfläche "Ebenenmaske hinzufügen", die sich unter der Ebenenpalette befindet. Stellen Sie diesen Ebenen-Mischmodus auf Weiches Licht.

Duplizieren Sie diese Ebene einmal, nennen Sie sie "wood_texture_2", setzen Sie den Mischmodus auf Overlay und die Deckkraft auf 15%.

Schritt 23

Wiederholen Sie die Schritte 20-22 für die Tasten. Versuchen Sie, den Farbverlauf ein wenig zu variieren und verwenden Sie reflektiert statt radial. Um den Überblick über Ihre Ebenen zu behalten, können Sie die Schaltflächenebenen einer Gruppe hinzufügen. Versuchen Sie, die unten angezeigten Ergebnisse abzugleichen.

Schritt 24

Lassen Sie uns die Dinge ein wenig aufhellen. Wählen Sie die oberste Ebene des Dokuments aus und klicken Sie auf Neue Füll- oder Anpassungsebene erstellen, genau wie in Schritt 11 für den Text. Wählen Sie diesmal Ebenen aus der Liste aus und ziehen Sie den mittleren Knoten auf 1.39, etwas links davon.

Klicken Sie bei gedrückter Befehlstaste auf die Ebene "stormtext_1", drücken Sie nun die Befehlstaste-Umschalttaste und klicken Sie auf die Ebenen "dragontext_1" und "dragon_1". Wählen Sie die Miniaturansicht der Ebenenebene aus, gehen Sie zu Bearbeiten > Füllen und füllen Sie die Auswahl mit Schwarz. Text und Drachenkopf werden jetzt nicht von der Ebenenebene beeinflusst.

Als nächstes fügen wir eine Helligkeits- / Kontrasteinstellungsebene hinzu, wobei wir genau die gleiche Methode verwenden, die wir für die Ebenen verwendet haben, einschließlich der Sicherstellung, dass der "Dragon Storm" TEXT ONLY dieses Mal nicht von dieser Ebene durch Maskierung beeinflusst wird. Stellen Sie die Helligkeit auf 25 und den Kontrast auf 35 ein.

Schritt 25

Erstellen Sie mit Ihrem Rechteckwerkzeug über der Ebene "wood_texture_2" eine quadratische Form wie in den Bildern unten. Nennen Sie diese Ebene "inset_rim", duplizieren Sie diese Ebene jetzt und nennen Sie die oberste "inset_base".

Wenden Sie jeweils die folgenden Stile an, beginnend mit "inset_rim" und mit einer Füllopazität von 0%.

Verwenden Sie für "inset_base" dieselben Einstellungen und eine Füllopazität von 60%.

Duplizieren Sie sowohl "inset_rim" als auch "inset_base" zweimal und platzieren Sie sie wie unten in den folgenden Bildern gezeigt.

Schritt 26

Laden Sie "Livingstone" von PrimaFont von dafont.com herunter. Geben Sie den gesamten Text ein, den Sie unten sehen, und verwenden Sie #ECDECB als Textfarbe. Die Größe ist nicht zu wichtig, versuchen Sie einfach, ungefähr den unten gezeigten Werten zu entsprechen. Wenden Sie dann den folgenden Stil auf alle diese Textebenen an.

Schritt 27

Setzen Sie Ihre Vordergrundfarbe auf #636363 und erstellen Sie eine neue Ebene unter den Schaltflächen. Malen Sie mit Ihrem Pinselwerkzeug, das auf 85% Härte mit einem Master-Durchmesser von 1px eingestellt ist, eine O-Form, wie in der Abbildung unten. Sehen Sie sich die Auswahl der marschierenden Ameisen an. Duplizieren Sie es und platzieren Sie die Kopien wie abgebildet.

Schritt 28

Führen Sie den obigen Schritt für alle Bereiche im Bild unten aus, die Ketten enthalten, und wenden Sie den folgenden Stil auf alle Ebenen an. Es werden viele Ebenen sein, also verwenden Sie Gruppen, um sie zu verfolgen.

Schritt 29

Lassen Sie uns die Ebene "castle" wieder sichtbar machen. Da wir in die Detaillierungsphase dieses Projekts eintreten, ist es schön, einen klaren Überblick über das Endergebnis zu erhalten.

Verwenden Sie jetzt erneut Ihr Zeichenstift-Werkzeug, wobei Schwarz auf Ihre Vordergrundfarbe eingestellt ist, und erstellen Sie eine Form wie die in der unten stehenden Box für gespeicherte Spiele. Machen Sie es hauptsächlich quadratisch, aber schneiden Sie die Ecken ab, um ihm eine interessantere Form zu geben. Nennen Sie diese Ebene "tablet". Wenden Sie die folgenden Ebenenstile an:

Schritt 30

Verwenden Sie erneut die Schriftart Livingstone, geben Sie den Text ein, den Sie unten auf der Steintafel der gespeicherten Spiele sehen, und wenden Sie die folgenden Ebenenstile an. Wenn Sie fertig sind, duplizieren Sie die gesamte Tablette und legen Sie sie in die zweite Schachtel, wie in der Abbildung unten gezeigt.

Schritt 31

Stellen Sie Ihre Vordergrundfarbe auf #2E343A und erstellen Sie mit Ihrem Zeichenstift-Werkzeug eine kleine Rautenform (ca. 10 x 10 Pixel). Dies wird die Basis unserer Nieten sein. Benennen Sie die Ebene "rivet_inset" und duplizieren Sie sie zweimal. Nennen Sie die mittlere Nietschicht "rivet_base" und die oberste "rivet_style". Fügen Sie jeweils die folgenden Stile hinzu, beginnend mit "rivet_inset".

Wenden Sie nun die folgenden Ebenenstile auf die Ebene "rivet_base" an.

Wenden Sie nun die folgenden Ebenenstile auf die Ebene "rivet_style" an.

Dupliziere nun die gesamte Niete dreimal und platziere eine in jeder Ecke der gespeicherten Spielbox, genau wie in der Abbildung unten.

Schritt 32

Erstellen Sie 4 kleine Kreise (ca. 4 x 4 Pixel) am unteren Rand des Spielfelds mit dem Ellipsenwerkzeug und #CCB55A als Vordergrundfarbe. Dies sind die Seitenindikatoren, die häufig in iPhone-Anwendungen zu finden sind. Wenden Sie diese Stile auf die ersten drei an.

Ändern Sie die Farbe des vierten Kreises in #FFA200, indem Sie auf die Miniaturansicht der Formfarbe doppelklicken. Wenden Sie dann den folgenden Stil an.

Schritt 33

Zeit, in den letzten und wahrscheinlich schwierigsten Schritt einzutauchen. Dies könnte in der Tat ein ganz anderes Tutorial sein, aber ich werde versuchen, es einfach zu halten. Ich werde versuchen, dies mit Hilfe von Bildern so gut wie möglich zu erklären, aber es wird eine Learning by doing-Erfahrung für jeden sein, der mit dieser Technik noch nicht vertraut ist.

Erstellen Sie mit dem Zeichenstift-Werkzeug eine Form, die einem Blatt ähnelt. Es ist eine gute Idee, dies in einem separaten Dokument zu tun (siehe Abbildung 1 unten).
Rastern Sie die gerade erstellte Form und greifen Sie zum Nachbelichter-Werkzeug.
Variieren Sie die Einstellungen für den Pinsel (Größe und Belichtung) und versuchen Sie, mein Ergebnis zu reproduzieren (Bild 2).
Schnappen Sie sich das Abwedler-Werkzeug und versuchen Sie, die angezeigten Ergebnisse zu replizieren, indem Sie erneut die Einstellungen des Pinsels variieren (Bild 3).
Ziehen Sie zur Sicherheit auch mit dem Nachbelichter-Werkzeug eine Linie in der Mitte des Blattes (Abbildung 3).
Verwenden Sie das Radiergummi-Werkzeug, eingestellt auf einen harten Pinsel, um das Blatt weiter zu formen (Bild 4).
Zoomen Sie heran und fügen Sie zusätzliche Details hinzu, indem Sie ausweichen und brennen (Bild 4).
Gehen Sie zu Filter > Rauschen > Rauschen hinzufügen und verwenden Sie die folgenden Einstellungen: Betrag von 1%, wählen Sie Gaussian und aktivieren Sie Monochromatic (Abbildung 5).
Ändern Sie die Größe des Blattes auf die tatsächliche Größe, die Sie benötigen, und erstellen Sie eine neue Ebene darüber. Zeichnen Sie nun mit einem weichen 1px schwarzen Pinsel die Adern ein. Stellen Sie die Deckkraft dieser Ebene auf 20% ein (Abbildung 6).
Ändern Sie die Vordergrundfarbe auf Weiß und die Pinseldeckkraft auf 70% und zeichnen Sie einige hervorgehobene Bereiche um die Adern herum (Abbildung 7).
Fügen Sie mithilfe von Ebenenstilen einen einfachen Schlagschatten hinzu und fügen Sie das gesamte Blatt zu einer Ebene zusammen (Abbildung 7).

Optional können Sie dem Blatt auch eine unscharfe Maske hinzufügen, wenn Sie schärfere Details wünschen. Die Einstellungen würden in die Richtung von Betrag 50%, Radius 0,5px und Schwellenwert von 0-Stufen erfolgen.

Abschluss

Fügen Sie hier und da Grün hinzu, damit es interessanter aussieht. Sie könnten sogar noch weiter gehen als ich und auch einige der gespeicherten Spiele hinzufügen. Vielen Dank, dass Sie diesem Tutorial gefolgt sind, und ich hoffe, Sie haben einige neue Techniken gelernt. Unten ist das fertige Ergebnis.