Wie kann man eine Benutzeroberfläche für ein mobiles Spiel zum Austausch von Edelsteinen in Illustrator entwerfen?

1. Erstellen der Vorlage

Schritt 1

Beginnen wir mit einem Neuen Dokument von ca. 4,75" x 6,8". Zeichnen Sie mit dem Rechteckwerkzeug (M) ein großes Rechteck, das größer als die Zeichenfläche ist und dessen Füllfarbe auf ein dunkles warmes Grau eingestellt ist (R33 G29 B25).

Zeichnen Sie zwei zusätzliche Rechtecke, eines nimmt den größten Teil der Zeichenfläche ein und ein kleineres, dünneres unten (siehe unten). Die Füllfarbe wird in Schritt 3 in einen Farbverlauf geändert.

Schritt 2

Verwenden Sie das Direktauswahlwerkzeug (A), um die beiden kleineren Rechtecke auszuwählen und ihre Live Corners nach innen zu ziehen, um die Ecken beider Rechtecke auf denselben Radius und gleichzeitig abzurunden.

Schritt 3

Legen Sie beide abgerundeten Rechtecke mit dem Verlaufswerkzeug (G) als linearen Verlauf fest. Verwenden Sie im Verlauf-Bedienfeld die folgenden Farben: warmes Grau (R57 G50 B40), helles warmes Grau (R115 G104 B94), helleres warmes Grau (R184 G174 B159), helles warmes Grau und warmes Grau.

Schritt 4

Lassen Sie die abgerundeten Rechtecke ausgewählt und gehen Sie zu Objekt > Pfad > Pfad verschieben. Geben Sie für das Verschieben -6px ein. Stellen Sie die Füllfarbe der neuen Form auf das dunkle warme Grau von Schritt 1 ein.

2. Erstellen des gesteppten Hintergrunds

Schritt 1

Beginnen wir mit der Verwendung des Rechteckgitterwerkzeugs (Sie finden es unter dem Liniensegment-Werkzeug (\) in der Symbolleiste). Geben Sie für horizontale und vertikale Teiler 8 in die Optionen des Rechteckiges Rasterwerkzeugs ein. Ziehen Sie das Werkzeug über das Hauptrechteck der Spielvorlage (die in Abschnitt 1, Schritt 4 erstellte Verschieben-Form).

Schritt 2

Wählen Sie das Raster aus und stellen Sie die Füllfarbe im Verlauf-Bedienfeld auf einen hellen linearen Verlauf ein. In diesem Fall habe ich mich für Pink (R238 G42 B123) bis Dunkelmagenta (R164 G19 B86) entschieden. Stellen Sie den Neigungswinkel auf 45° ein. Sie können das Farbschema wählen, das Ihnen am besten gefällt.

Schritt 3

Kopieren (Strg-C) und Einfügen (Strg-V) das Raster und drehen Sie es um 45°. Tun Sie dies dreimal und verschieben Sie jede Gruppe so, dass sich die Kanten leicht überlappen (siehe das erste Bild unten). Gruppieren Sie (Strg-G) Ihren Satz von vier Gittern und legen Sie ihn über die Spielvorlage. Wählen Sie das Verschieben von abgerundeten Rechteck (sehen Sie unten), kopieren Sie es, fügen Sie es ein und richten Sie es am Original aus.

Schritt 4

Wählen Sie das neu kopierte Rechteck und die Rastergruppe (mit dem Rechteck oben) aus und erstellen Sie eine Schnittmaske (Steuerung-7). Kopieren und fügen Sie das innere Rechteck erneut ein und setzen Sie die Füllfarbe auf Null und den Strich auf Schwarz und 1pt Gewicht. Erstellen Sie auf die gleiche Weise Umrisse für die anderen Rechtecke. Fügen Sie eine Ebene mit gestrichelten Linien hinzu, indem Sie die Schnittmasken-Gruppe kopieren und einfügen und die Füllfarbe (der Gittergruppe darin) auf Gelb, 1pt Konturlinien mit einem 4pt Kontur und 4pt Lücke (oder was auch immer Sie für am besten halten) im Kontur setzen Tafel. Reduzieren Sie die Deckkraft der gestrichelten Liniengruppe im Transparenz-Bedienfeld auf 30%.

3. Erstellen der Zeitleiste und der Schaltflächen

Schritt 1

Zeichnen Sie ein dünnes Rechteck zwischen den beiden in Abschnitt 1, Schritt 2 erstellten und wenden Sie den gleichen Verlauf aus Abschnitt 1, Schritt 3 an. Ziehen Sie die Live Corners nach innen, um sie abzurunden. Verschieben Sie das abgerundete Rechteck um -4px. Wählen Sie beide Formen aus und klicken Sie im Pathfinder-Bedienfeld auf Vorderes Objekt abziehen. Kopieren Sie diese neue Form, fügen Sie sie ein und setzen Sie die Füllfarbe auf Null und den Strich auf Schwarz mit einer Gewichtung von 1 pt.

Schritt 2

Zeichnen Sie ein kurzes abgerundetes Rechteck innerhalb des kleinen Rahmens, der im vorherigen Schritt erstellt wurde. Stellen Sie die Füllfarbe auf einen linearen Farbverlauf ein, der von dunklem, warmem Grau zu etwas Hellem geht, das sich gut von Ihrer gesteppten Hintergrundfarbe abhebt. In diesem Fall habe ich Türkis gewählt (R8 G255 B249).

Schritt 3

Zeichnen Sie zwei abgerundete Rechtecke (entweder mit dem Abgerundeten Rechteck-Werkzeug oder durch Bearbeiten der Live Corners eines Rechtecks) auf beiden Seiten des unteren rechteckigen Rahmens. Wenden Sie den gleichen Farbverlauf an, der zuvor verwendet wurde (Abschnitt 1, Schritt 3).

Schritt 4

Verschieben Sie den Pfad erneut um -4px. Stellen Sie die Füllfarbe der inneren Form auf dunkles warmes Grau ein.

Schritt 5

Wählen Sie beide inneren Formen aus, die im vorherigen Schritt erstellt wurden, und wenden Sie beide Instanzen von Schlagschatten an, indem Sie wie unten gezeigt zu Effekt > Stilisieren > Schlagschatten gehen. Der erste Schlagschatten sollte ein dunkles, warmes Grau sein, eingestellt auf Multiplizieren, Deckkraft auf 75 %, X-Verschieben auf 0 Zoll, Y-Verschieben auf -0,03 Zoll und Weichzeichner auf 0 eingestellt. Der zweite Schlagschatten sollte ein helleres warmes Grau sein, eingestellt auf Bildschirm, Deckkraft bei 75%, X-Verschieben bei 0 Zoll, Y-Verschieben bei 0,03 Zoll und Weichzeichner auf 0 eingestellt.

Schritt 6

Um die Knöpfe zu vervollständigen, habe ich Leckerli One mit der Füllfarbe R221 G213 B202 verwendet. Als ich mit der Platzierung meines Textes "Moves 15" auf der ersten Schaltfläche zufrieden war, habe ich den Text in Objekt > Erweitern, Kopieren und Einfügen des Textes erweitert und die Füll- und Strichfarbe auf Schwarz und die Strichstärke auf 2pts im eingestellt Kontur-Platte. Richten Sie den kopierten Text hinter dem ursprünglichen Wort aus. Dies gibt ihm eine saubere Gliederung, die den Text lesbar hält. Wiederholen Sie dies mit den anderen Tasten.

Kopieren Sie schließlich die innere Form jeder Schaltfläche und fügen Sie sie ein und stellen Sie den Füllverlauf auf R184 G174 B159 bei 0%, 100% und 0 % Deckkraft (drei Instanzen der Farbe) im Verlauf-Bedienfeld ein. Platzieren Sie diese Formen unter dem Text und reduzieren Sie die Deckkraft der Form auf 40% und die Füllmethode auf Negativ multiplizieren im Transparenz-Bedienfeld. Halten Sie Ihr Ebenen-Bedienfeld organisiert, indem Sie Ihre Schaltflächen und ihre Komponenten zusammen gruppieren.

4. Erstellen einer schnellen holzähnlichen Textur

Schritt 1

Kopieren Sie das Hintergrundrechteck aus der Schaltflächenleiste in Abschnitt 3 und fügen Sie es ein und wenden Sie einen linearen Farbverlauf von R107 G89 B80 bis R57 G50 B40 in einem Winkel von -90° an. Verwenden Sie das Buntstift-Werkzeug (N) mit einem Braun, das einige Nuancen dunkler ist als das im Farbverlauf verwendete, um einige verschnörkelte Linien um das Rechteck zu kritzeln.

Schritt 2

Gruppieren Sie die Schnörkel und stellen Sie sie im Transparenz-Bedienfeld auf Negativ multiplizieren mit 54% Deckkraft ein. Kopieren Sie die Gruppe, fügen Sie sie ein und setzen Sie diese Kringel auf Multiplizieren. Platzieren Sie die hellere Gruppe hinter der dunkleren nach unten und rechts und gruppieren Sie beide Gruppen und das Rechteck zusammen.

Schritt 3

Kopieren Sie das Verlaufsrechteck und fügen Sie es über die Holzstrukturgruppe. Erstellen Sie eine Schnittmaske (Strg-7) und platzieren Sie sie unter den Schaltflächen im Vorlagendesign.

Schritt 4

Wählen Sie die Schaltflächengruppe aus und wenden Sie wie folgt einen Schlagschatten an:

• Modus: Multiplizieren
• Deckkraft: 40%
• X-Verschieben: 0 Zoll
• Y-Verschieben: 0,1 Zoll
• Weichzeichner: 0 Zoll

Schritt 5

Kopieren Sie die Holzstruktur aus der Schaltflächenleiste und fügen Sie sie oben in die Vorlage ein. Die Zeichenfläche schneidet die unerwünschten Teile der Gruppe aus, sodass in diesem Schritt keine Maskierung erforderlich ist.

5. Zeichnen des lila Herzanhängers

Schritt 1

Um ein einfaches abgerundetes Herz zu zeichnen, verwenden Sie das Ellipse-Werkzeug (L), um zwei Kreise zu zeichnen, die sich leicht überlappen.

Zeichnen Sie mit dem Zeichenstift-Werkzeug (P) eine fünfseitige Form, um den Rest des Herzens zu erstellen. Ziehen Sie die Live Corners nach innen, um die Unterkante abzurunden, und manipulieren Sie die Griffe der seitlichen Ankerpunkte mit dem Direktauswahlwerkzeug, um die Seiten für eine glatte Herzform an die Kreise heranzuführen.

Vergrößern Sie beim Bearbeiten von Ankerpunkten, damit Sie die Kanten Ihrer Formen leicht sehen können. Vereinen Sie alle drei Formen im Pathfinder-Bedienfeld. Stellen Sie die Füllfarbe auf ein helles Violett (oder eine helle Farbe Ihrer Wahl) ein.

Schritt 2

Beim Rendern eines facettierten Schmuckstücks geht es darum, Formen zu überlagern und mit der Deckkraft und der Füllmethode dieser Formen zu spielen. Die Farben, die ich verwendet habe, können von denen abweichen, die Sie verwenden, wenn die Grundfarbe Ihres Herzens anders ist. Die Schritte, die ich mit dem lila Herzen unternommen habe, sind wie folgt:

1. Zeichnen Sie zwei lange Rechtecke auf beiden Seiten der unteren Kante des Herzens.
2. Ich habe das Formerstellungswerkzeug (Umschalt-M) verwendet, um sich nicht überschneidende Komponenten dieser Rechtecke zu löschen. Dazu habe ich alle drei Formen ausgewählt und mit dem Formerstellungswerkzeug die Teile der Rechtecke ausgewählt, die das Herz nicht überlappen. Ich habe dann diese Komponenten deselektiert und gelöscht.
3. Reduzieren Sie die Deckkraft der Streifen im Transparenz-Bedienfeld auf etwa 50%.
4. Zeichnen Sie vier sich kreuzende Rechtecke oben auf die Herzkurven. Sie können dies mit dem Formerstellungswerkzeug löschen oder bis zum Ende dieses Abschnitts warten und das Herz maskieren.
5. Zeichne ein Rechteck, das durch die Mitte des Herzens geht.
6. Erstellen Sie vier dünne Rechtecke, von denen jedes an den Seiten des Herzens nach außen gedreht ist. Vereinen Sie alle fünf dieser Rechtecke im Pathfinder-Bedienfeld.
7. Kopieren Sie das Basisherz, fügen Sie es ein und skalieren Sie es herunter. Ändern Sie die Füllfarbe in Hellviolett und reduzieren Sie die Deckkraft auf 40%. Stellen Sie die Streifen darunter auf eine lineare Verlaufsfüllung ein, die von hellen Fuszien bei 100% Deckkraft bis hellviolett bei 0% Deckkraft reicht. Im Transparenz-Bedienfeld stelle ich die Füllmethode der Streifen auf Ineinanderkopieren.
8. Zeichnen Sie zwei Kreise auf die runden Hälften des Herzens, wobei die Füllfarbe auf Hellviolett eingestellt ist und die Deckkraft auf 40% reduziert ist und die Füllmethode auf Farbig abwedeln eingestellt ist.
9. Fügen Sie ein weiteres verkleinertes Herz ein, dieses mit der Füllfarbe auf Lila und der Deckkraft auf 40% oder weniger reduziert. Zeichnen Sie zwei kleine Kreise auf das mittelgroße Herz im Charm.
10. Schließlich habe ich noch ein kleines Herz in der Mitte hinzugefügt. Das gesamte Design besteht darin, Kreise, Rechtecke und Herzen in verschiedenen Formen von Lila und mit verschiedenen Deckkraftstufen aufzubauen.

Schritt 3

Lassen Sie uns einen Rahmen für das Herz schaffen. Falls noch nicht geschehen, gruppieren Sie alles, was im vorherigen Schritt erstellt wurde. Beginnen Sie diesen Schritt, indem Sie das Basisherz kopieren und einfügen und mit den folgenden Schritten fortfahren:

1. Verschieben Sie das Herz um 6px. Wählen Sie im Pathfinder-Bedienfeld beide Formen aus, die sich schneiden.
2. Stellen Sie die Rahmenform auf einen linearen Farbverlauf ein, der eine Variation von Abschnitt 1, Schritt 3 ist. In diesem Fall habe ich ein paar hellere und dunklere Grautöne hinzugefügt, damit es ein glänzenderes Metall ist.
3. Kopieren Sie den Rahmen und fügen Sie ihn ein, wobei Sie die Füllfarbe auf Null und die Konturfarbe auf Dunkelviolett (oder Schwarz) mit dem Gewicht von 0,5 pt setzen.
4. Fügen Sie das Basisherz erneut ein und stellen Sie den linearen Verlauf auf den gleichen aus Abschnitt 1, Schritt 3 in einem Winkel von 45° ein.
5. Platzieren Sie es außerhalb der Mitte des facettierten Herzens.
6. Platzieren Sie es hinter dem Herzen im Ebenen-Bedienfeld.
7. Richten Sie die Rahmenformen auf dem facettierten Herzen aus.

Schritt 4

Für die Krallenformen auf dem Herzanhänger habe ich das unten gezeigte Tropfenobjekt erstellt:

1. Zeichnen Sie einen Kreis und füllen Sie ihn mit demselben linearen Verlauf, der in diesem Tutorial für metallische Objekte verwendet wird (Abschnitt 1, Schritt 3).
2. Verwenden Sie das Direktauswahlwerkzeug, um den unteren Ankerpunkt nach unten zu ziehen, um die Tropfenform zu erstellen.
3. Kopieren Sie die Träne, fügen Sie sie ein und setzen Sie die Füllfarbe auf Null und die Kontur (bei einer Gewichtung von 0,75 pt) auf Dunkelviolett (oder Schwarz).
4. Fügen Sie die Träne erneut ein und stellen Sie die Füllung auf einen linearen Verlauf ein, der von Weiß bei 100% Deckkraft zu Weiß bei 0% Deckkraft geht. Konzentrieren Sie das Deckweiß am unteren Rand der Form. Skalieren Sie es auf 60% und platzieren Sie es in der Mitte der metallischen Träne.
5. Verwenden Sie das Zeichenstift-Werkzeug, um eine Schattenform zu zeichnen, die um den rechten Rand der Träne geschwungen ist. Erstellen Sie entweder eine Schnittmaske oder verwenden Sie das Formerstellungswerkzeug, um alle nicht überlappenden Teile der Schattenform aus der Hauptträne zu löschen. Stellen Sie die Deckkraft der Form auf 65% und die Füllmethode auf Weiches Licht im Transparenz-Bedienfeld (oder im Aussehen-Bedienfeld wie unten gezeigt) ein.
6. Verwenden Sie das Ellipse-Werkzeug, um drei kleine Kreise in Weiß auf die Unterseite der Träne zu zeichnen. Zeichnen Sie eine transparente weiße Hervorhebungsform für die linke Seite der Träne.
7. Zum Schluss fügen Sie die Haupttropfenform erneut ein und stellen die Füllfarbe auf Dunkelviolett und die Deckkraft auf 40% ein. Platzieren Sie diese Schattenform unterhalb der Träne und leicht nach rechts und unten. Gruppieren Sie das alles zusammen.

Kopieren Sie vier dieser kleinen Tränenklauen und fügen Sie sie um das Herz herum ein. Skaliere drei von ihnen nach unten und drehe sie so, dass ihre Enden zur Mitte des Herzens zeigen.

Schritt 5

Das Herz hat einige zusätzliche Juwelen darauf. Einige von ihnen sind nur graue Kreise, die metallisch sein sollen. Sechs von ihnen sind jedoch Kristalle mit flacher Rückseite mit einem Aurora Borealis (AB)-Finish. Um ein Kristallobjekt wie dieses zu machen, habe ich Folgendes getan:

1. Zeichnen Sie mit dem Ellipse-Werkzeug einen Kreis. Die Farbe spielt zu diesem Zeitpunkt keine Rolle.
2. Kopieren Sie den Kreis und fügen Sie ihn ein und richten Sie ihn an der Mitte des ersten aus. Wählen Sie den zweiten Kreis aus und wenden Sie einen Zick-Zack-Effekt (Effekt > Verzerrungs- und Transformationsfilter > Zig Zag) mit den folgenden Attributen an: Größe ist 0,56 Zoll, Absolut ausgewählt, 7 Kanten und Punkte werden als Ecke markiert.
3. Erweitern Sie den Zick-Zack-Kreis unter Objekt.
4. Wählen Sie beide Formen aus und klicken Sie im Pathfinder-Bedienfeld auf Teilen. Heben Sie die Gruppierung der geteilten Form auf und wählen Sie die Komponenten des Zickzack-Kreises aus.
5. Löschen Sie die Formen außerhalb des Kreises.
6. Fahren Sie fort und löschen Sie die dunkleren Formen innerhalb des Kreises (sehen Sie unten), da sie unnötig sind.

Schritt 6

Wählen Sie die Hälfte der Kreisabschnitte aus und wenden Sie einen linearen Farbverlauf an, der von einem kühlen Grau zu Weiß wechselt. Konzentrieren Sie mit dem Verlaufswerkzeug das Weiß für jede Form zur Mitte hin. Für den Rest der Abschnitte möchten Sie, dass jeder einen linearen Verlauf hat, dessen Farben ineinander übergehen. Jeder Abschnitt trägt zwei Farben. Zum Beispiel: leichte Unschärfe bis mittelblau, wobei der nächste Abschnitt mittelblau bis violett ist und der nächste Abschnitt violett bis hellviolett. Ziel ist es, ein Spektrum zu schaffen. Wie viele Farben und ihre genauen Farbtöne und Schattierungen hängen von der Farbgebung Ihres Handyspieldesigns ab.

Schritt 7

Gruppieren Sie die unterteilten Abschnitte. Kopieren Sie sie und fügen Sie sie ein. Zeichnen Sie einen kleineren Kreis in der Mitte der kopierten Gruppe und setzen Sie die Füllfarbe auf Null und die Kontur auf 1pt Schwarz mit Weiches Licht als Füllmethode. Gruppieren Sie diese zusammen und richten Sie sie an der Mitte des mit Farbverlauf gefüllten Kreises aus.

Schritt 7

Zeichnen Sie einen größeren Kreis und wenden Sie den gleichen metallischen Farbverlauf aus Abschnitt 5, Schritt 3 an. Kopieren Sie den Kreis und fügen Sie ihn ein und setzen Sie die Füllung und den Strich auf Schwarz mit 2pt Gewicht. Legen Sie beides hinter die bunten Kreise. Zeichnen Sie einen kleinen weißen Kreis und richten Sie alles von diesem Abschnitt auf die Mitte des Kristallobjekts aus. Gruppieren Sie das alles zusammen. Sie können diese als Edelsteine ​​​​im Spieldesign verwenden.

Schritt 8

Kopieren Sie mehrere der AB-Kristalle um das Herz und fügen Sie sie ein. Fügen Sie zusätzliche metallische Formen hinzu. Gruppieren Sie alles zusammen. Erstellen Sie einen dunklen Umriss für den Charm, indem Sie die violette Herzbasis, das metallische Herz und jede Tropfenbasis auswählen, kopieren, einfügen und gruppieren. Stellen Sie die Konturfarbe auf Schwarz und das Gewicht auf 1-2 Pkt. Richten Sie diese Gruppe hinter dem Rest des Charms aus. Gruppieren Sie alles zusammen und verkleinern Sie es für die Benutzeroberfläche des Spiels.

6. Zusätzliche Edelsteine ​​und Amulette

Schritt 1

Das nächste Charm-Design, das ich zeichnete, war kreisförmig und ähnelte dem Design des Herzens. Das Farbschema ist türkis, aber Sie können die Farbe wählen, die am besten zu den Farben Ihres Designs passt.

1. Zeichnen Sie mit dem Ellipse-Werkzeug zwei Kreise und richten Sie sie an ihren Mittelpunkten aus. Der kleinere Kreis sollte eine hellere Farbe haben als der größere.
2. Kopieren Sie den größeren und fügen Sie ihn ein und wählen Sie einen dunkleren Farbton des Farbtons, den Sie für den Edelstein ausgewählt haben. Platzieren Sie es hinter den ersten beiden Kreisen und bewegen Sie es nach unten und rechts.
3. Zeichnen Sie mit dem Zeichenstift-Werkzeug fünf leuchtende Streifenformen und wenden Sie einen Verlauf von einer hellen Farbe (in diesem Fall hellblau) bei 100% Deckkraft bis zur gleichen Farbe bei 0% Deckkraft an. Zeichne einen weiteren Kreis, kleiner als die anderen und dieselbe Farbe wie der Schattenkreis aus #2.
4. Zeichnen Sie einen fünften Kreis mit dem gleichen Verlauf, den Sie für die Streifen verwendet haben, in der Mitte der anderen Kreise.
5. Zeichnen Sie mit dem Rechteckwerkzeug vier lange, dünne Rechtecke, um einen Diamanten zu erstellen, der die Kanten der Kreise überlappt. Stellen Sie den Füllverlauf auf einen dunklen Farbton des verwendeten Farbtons (in diesem Fall Türkis) ein, der von 100% Deckkraft bis 0% Deckkraft reicht, wobei die transparente Farbe in der Nähe der Mitte liegt. Stellen Sie die Füllmethode für jedes Rechteck auf Farbig nachbelichten ein.
6. Fügen Sie weitere Schichten von Kreisen, Streifen und anderen Formen hinzu. Gruppieren Sie die Komponenten dieses Charms (mit Ausnahme der Schattenform aus #2).
7. Kopieren Sie den Basiskreis, fügen Sie ihn ein und erstellen Sie eine Schnittmaske. Gruppieren Sie alles zusammen.

Schritt 2

Wenn Sie Lust haben, Ihren Edelstein in einen Anhänger wie das lila Herz zu verwandeln, folgen Sie den folgenden Schritten:

1. Ändern Sie die Füllfarbe des dunkeltürkisen Kreises in den metallischen Farbverlauf aus Abschnitt 1, Schritt 3.
2. Kopieren Sie den Basiskreis und fügen Sie ihn ein und verschieben Sie ihn um 4px.
3. Wenden Sie den metallischen Farbverlauf aus Abschnitt 5, Schritt 3 an (das sind nur weitere Instanzen von Grautönen im Farbverlauf-Bedienfeld).
4. Kopieren Sie die Tropfen aus Abschnitt 5, Schritt 4, und fügen Sie sie um den Kreis ein und skizzieren Sie das Design mit dem gleichen Vorgang aus Abschnitt 5, Schritt 8.

Schritt 3

Für die kleinen Spitzhacken oben auf dem Design habe ich folgendes gemacht:

1. Zeichnen Sie ein schmales Rechteck und wiederholen Sie die holzähnliche Textur aus Abschnitt 4, Schritte 1-3.
2. Zeichnen Sie mit dem Zeichenstift-Werkzeug eine abgerundete Sichelform (Sie können Live Corners manipulieren, um abgerundete Kanten zu erhalten) und wenden Sie einen einfachen metallischen Grauverlauf an.
3. Kopieren Sie die Holzstruktur und fügen Sie sie ein und erstellen Sie eine Schnittmaske für das obere, kleine Rechteck.
4. Ähnlich wie in Abschnitt 5, wo wir das Formerstellungswerkzeug verwendet haben, um Objekte voneinander zu löschen, müssen Sie dies zweimal für die Schatten- und Glanzlichtformen auf der Spitzhacke tun.
5. Zeichnen Sie oben auf dem Holzgriff der Axt einen kleinen Kreis mit einem Schattenverlauf (dieser geht von Dunkelviolett bei 100% - 0% Deckkraft). Platzieren Sie diese Form unter der Schnittmaske von #3.
6. Zeichnen Sie zusätzliche Schattenformen und platzieren Sie sie in der Schnittmaske der jeweiligen Form. Erstellen Sie Umrisse, indem Sie die Basis des Holzgriffs und die Basis des Axtkopfes kopieren und einfügen, hinter dem Design platzieren und ein Konturgewicht von 1 pt anwenden.
7. Wenn Sie es verkleinern, um es an das Spieldesign anzupassen, gehen die Details der Holzstruktur verloren. Um dies zu bekämpfen, stellen Sie sicher, dass Sie die gekritzelten Konturlinien von #1 erweitert haben. Ich mag die einfache Axt und habe diese Version in meinem Design belassen.

Schritt 4

Das nächste Edelsteindesign beinhaltet Kristallformationen, die aus Felsen ragen. Mein Felszeichnungsprozess ist wie folgt:

1. Verwenden Sie das Buntstift-Werkzeug (wobei die Wiedergabetreue auf Genau eingestellt ist), um einen klumpigen Kreis zu zeichnen.
2. Zeichnen Sie graue Formen, die der Kontur des Felsens folgen, und definieren Sie die Ebenen des Felsens.
3. Setzen Sie den vorherigen Schritt mit einer helleren Farbe fort und gruppieren Sie diese Formen.
4. Kopieren Sie die Grundsteinform und fügen Sie sie ein und richten Sie sie an der Mitte des ursprünglichen Klumpenkreises aus.
5. Wählen Sie die Gruppe und die neue Klumpenkreisform aus und erstellen Sie eine Schnittmaske.
6. Legen Sie die in #2-3 erstellten Formen fest und wenden Sie auf jede lineare Verläufe an, die von Grau bei 100% Deckkraft bis Dunkelgrau bei 0% Deckkraft reichen.

Schritt 5

Dieser Schritt sieht lang aus, aber ich wollte nur die Schritte aufschlüsseln, um den ziemlich einfachen Prozess zu veranschaulichen.

1. Verwenden Sie das Zeichenstift-Werkzeug, um kristallähnliche Formen zu zeichnen, die aus dem Felsen springen.
2. Ich mag das Aussehen von drei oder mehr Formen, jede in unterschiedlichen Höhen und Winkeln.
3. Stellen Sie jede der Füllfarben auf etwas Helles ein. In diesem Fall habe ich mich wieder für Lila entschieden. Der lineare Farbverlauf geht von hellem Violett zu dunklem Violett. Variieren Sie den Winkel jedes Farbverlaufs, damit die Formen nicht ineinander übergehen.
4. Zeichnen Sie mit dem Zeichenstift-Werkzeug Formen auf die Kristalle, die ihre Ebenen definieren (siehe unten).
5. Fahren Sie damit für jede Kristallform fort.
6. Legen Sie einige der in #4-5 hinzugefügten Formen als verschiedene Füllmethoden fest: Negativ multiplizieren, Farbig nachbelichten und Farbig abwedeln.
7. Zeichne Umrisse für das Gestein und die Kristalle.
8. Zeichnen Sie mit dem Buntstift-Werkzeug Linien, die die Felsrisse zeigen. Gruppieren Sie alles zusammen.

Schritt 6

Die grüne Kristallbildung ist so ziemlich der gleiche Prozess wie die violette.

1. Ändern Sie die Farben auf dem Felsen in hellere Grautöne.
2. Zeichne neue Kristalle für diesen. Ich beschloss, größere Stücke mit mehr Gipfeln und Tälern zu haben.
3. Wenden Sie erneut Farbverläufe auf die Hauptkristalle an und beginnen Sie mit dem Zeichnen von Formen, um die Ebenen der einzelnen Kristalle zu definieren.
4. Wechseln Sie zwischen dem Hinzufügen von flach gefüllten Farben und Farbverlaufsformen.
5. Spielen Sie bei diesen Formen noch einmal mit der Füllmethode.
6. Schließlich gruppieren Sie alles zusammen und stellen Sie sicher, dass es einen dicken Umriss und Linien hat, die Risse anzeigen.

Schritt 7

Ich entschied, dass mein nächster Edelsteinanhänger eine Diamantform sein sollte. Da ich Orange noch nicht verwendet habe, dachte ich, es wäre ein guter Kontrast zu den anderen Farben.

1. Verwenden Sie das Rechteckwerkzeug, um ein Quadrat zu zeichnen. Drehen Sie es so, dass es auf einem Punkt ruht.
2. Verwenden Sie das Auswahlwerkzeug (V), um das Quadrat nach innen und oben in eine Rautenform zu zerquetschen.
3. Ziehen Sie die Live Corners nach innen, um die Ecken abzurunden. Kopieren Sie den Diamanten, fügen Sie ihn ein und wenden Sie den metallischen Farbverlauf an, der in den anderen Charm-Designs in den vorherigen Abschnitten verwendet wurde. Wir werden diese Form erneut um 4px versetzen, um einen Rahmen zu erstellen. Blenden Sie dies vorerst im Ebenen-Bedienfeld aus.
4. Legen Sie verschiedene Größen des abgerundeten Diamanten übereinander. Ändern Sie die Farben in verschiedene Orange- und Gelb-Orange-Töne (ähnlich den Herz- und Kreis-Edelstein-Designs). Gruppieren Sie diese zusammen.
5. Zeichnen Sie mit dem Zeichenstift-Werkzeug oder Buntstift-Werkzeug verschiedene Verlaufsformen und transparente Formen, um Streifen, glänzende Glanzlichter und Schatten im Edelsteindesign zu erzeugen.
6. Machen Sie eine Schnittmaske.
7. Blenden Sie den Metallrahmen ein. Fügen Sie dem Rahmen Umrisse hinzu.
8. Fügen Sie zusätzliche Rauten in die Mitte des Designs ein. Wenden Sie einen radialen Farbverlauf an, der von hellorange bei 100% bis 0% Deckkraft auf den mittleren Diamanten geht.
9. Erstellen Sie einen dicken Umriss für das Charm-Design und vergessen Sie nicht die tropfenförmigen Krallen an den Ecken.
10. Dies ist das letzte orangefarbene Diamant-Charm-Design.

Schritt 8

Das endgültige Design ist ein weißer Kristallanhänger. Mein Prozess für dieses Design war wie folgt:

1. Mit dem Zeichenstift-Werkzeug zeichnete ich eine sechsseitige Form, die als obere Hälfte des Kristalls dienen würde.
2. Ich habe die Form mit einem Rechteck halbiert und im Pathfinder auf Vorderes Objekt abziehen geklickt. Dies gab meinem 1/4 des Designs. Kopieren Sie dieses Viertel und fügen Sie es ein und spiegeln Sie es über eine vertikale Achse.
3. Kopieren Sie die neu erstellte obere Hälfte, fügen Sie sie ein und spiegeln Sie sie über eine horizontale Achse. Vereinen Sie alle vier Formen in Pathfinder.
4. Mit dem Zeichenstift-Werkzeug habe ich Formen auf den Kristall gezeichnet, die dazu beigetragen haben, seine Facetten zu definieren. Es gibt insgesamt neun Formen.
5. Bei den Farben war ich mir anfangs nicht sicher. Ich denke, wenn Sie weiße Kristalle und Edelsteine ​​​​herstellen, ist es am besten, sich an Pastelltöne zu halten, es sei denn, Sie möchten ein AB-Finish wie das aus Abschnitt 5.
6. Die ausgewählten Farben sind lineare Farbverläufe, die von Hellviolett bis Weiß und Hellblau bis Weiß reichen.
7. Gruppieren Sie das Design, kopieren Sie den Kristall und fügen Sie ihn ein. Setzen Sie die Füllfarbe auf Null, den Strich auf Schwarz und 1pt Gewicht und die Füllmethode auf Ineinanderkopieren. Kleben Sie vier metallische Tropfen aus Abschnitt 5 an vier Ecken des Kristalls.
8. Kopieren Sie die Basiskristallform, fügen Sie sie ein und platzieren Sie sie hinter der Kristallgruppe. Verschieben Sie es um 4px und wenden Sie den metallischen Farbverlauf an, der in diesem Tutorial verwendet wird.
9. Vergessen Sie nicht einen endgültigen Umriss auf dem Kristall, bevor Sie alles gruppieren.

Lassen Sie uns alles zusammensetzen!

Platzieren Sie Ihre Edelsteine ​​und Amulette auf dem Spielbrett. Stellen Sie sicher, dass Sie sie gruppieren, wenn Sie zufrieden sind (die Verwendung des Rechteckrasterwerkzeugs hilft bei der Platzierung). Fügen Sie für den letzten Schliff oben eine Punktzahl hinzu und richten Sie die kleinen Äxte als "Powerups" aus. Treiben Sie Ihr Design weiter, indem Sie spezielle, funkelnde Edelsteine ​​​​oder zusätzliche Spielbildschirme mit verschiedenen Level-Hintergründen und Vorlagenrahmen erstellen.