Hallo allerseits!
Ich bin Mikhail Kravchenko, Game Interface Designer.
In diesem Artikel wird beschrieben, wie Sie eine Reihe von Symbolen für das Spiel zeichnen. Unten sehen Sie das Ergebnis.
Wir legen die Anforderungen für das Ergebnis fest
Eine Aufgabe von ungefähr diesem Inhalt flog zu uns über. Im Spiel beginnt ein Ereignis - die Invasion der außerirdischen Rasse auf unserem Planeten. Wir werden die Angreifer besiegen, verschiedene Objekte werden aus ihnen herausfallen und diese Objekte müssen gezeichnet werden.
Zunächst müssen die Anforderungen an das Ergebnis formuliert und festgelegt werden, dies ist die Grundlage unserer Arbeit. Wenn wir solche Anforderungen vor Augen haben, werden wir mit einer geringeren Wahrscheinlichkeit nicht das zeichnen, was wir brauchen, wir werden viel mehr gegenseitiges Verständnis mit dem Kunden und dem Team haben und es wird auch etwas geben, mit dem wir das Ergebnis unserer Arbeit überprüfen können.
Basierend auf der Beschreibung des Problems und Ihren eigenen Vorstellungen zur Lösung dieses Problems muss eine Liste der Anforderungen erstellt werden. Als Nächstes müssen Sie mit dieser Liste zum Kunden gehen und sicherstellen, dass wir die Aufgabe auf die gleiche Weise verstehen. Vielleicht muss die Liste etwas korrigieren. Als Ergebnis erhalten wir eine Liste der Anforderungen für das Ergebnis.
Hier ist ein Beispiel für eine solche Liste:
- Elemente sollten anderen ähnlichen Elementen aus früheren Eingriffen ähnlich sein.
- Es gibt 5 Arten von Gegenständen - Ringe, Armbänder, Broschen, Anhänger und Steine;
- Jeder Gegenstandstyp hat drei Seltenheitsgrade. Je seltener das Objekt, desto mehr Kraft gibt es;
- Der Grad der Seltenheit des Gegenstandes muss irgendwie visuell gezeigt werden;
- Zusätzlich zur Seltenheit haben Steine 4 Farben - blau, rot, gelb und grün;
- Gegenstände fallen aus den Soldaten der einfallenden Armee heraus, daher sollten sie die für diese Gegner charakteristischen Eigenschaften und Farben haben.
- Bilder werden im TGA-Format mit einer Größe von 128 x 128 Pixel benötigt.
Wir haben uns für die Anforderungen entschieden, jetzt können Sie mit Referenzen arbeiten.
Referenzen
Suchen Sie nach Objekten, die bereits für solche Ereignisse gezeichnet wurden. Wir müssen in die gleiche Richtung zeichnen, und diese Objekte helfen uns, nicht vom richtigen Weg abzukommen.
Außerdem müssen wir die Soldaten der einfallenden Armee untersuchen. Unsere Gegenstände müssen einige Gemeinsamkeiten aufweisen, daher lohnt es sich, mehr Bilder mit Eindringlingen zu sammeln und ein darauf basierendes Design zu erstellen.
Gegner unterscheiden sich in ihrer Stärke - es gibt gewöhnliche, mittlere und starke. Sie können davon abschrecken. Es ist beispielsweise seltener, Teile schwacher Gegner beim Entwerfen gewöhnlicher Objekte und Teile starker Gegner beim Entwerfen zu verwenden.
Palette
Wir werden eine Menge Icons in einem Stil zeichnen müssen, es wird viel bequemer sein zu arbeiten, wenn wir eine einzige Palette und diese erstellen. Lackierprozess für alle Artikel. Wenn wir keine Palette erstellen, sondern eine Farbe mit einer Pipette aus der Referenz auswählen, korrodieren die Objekte höchstwahrscheinlich in der Farbe.
Wir wählen die Referenzen für die Farben aus den Objekten, die bereits im Spiel sind. Unsere Gegner sind eine Pflanzenrasse, daher ist die grüne Farbe gut geeignet. Und als zweite Farbe können Sie Gold nehmen. Unten sehen Sie Bilder mit Referenzen.
Jetzt müssen Sie die Farben aus den Referenzen sammeln und sie zu einer Palette machen. Nimm die Hauptfarbe, er
Es befindet sich ungefähr in der Mitte zwischen hellen und dunklen Bereichen des Motivs, Farben für helle und dunkle Orte, Farben für Glanzlichter und besonders dunkle Orte. Und auch Farbe für Reflexe aus der Umgebung. Es stellte sich heraus, dass es zwei Farbsätze gab, einen für den Goldteil und einen für das Grün.
Die Vorbereitung ist abgeschlossen, wir fahren mit der Gliederung fort.
Gliederung
Dabei werden wir verschiedene Möglichkeiten für die Gestaltung von Objekten ausprobieren. Wenn wir ein zufriedenstellendes Ergebnis erhalten, werden wir es mit dem Kunden abstimmen. Wünsche und Anregungen gehen beim Kunden ein, einige helfen uns, das Ergebnis zu verbessern, andere diskutieren und lehnen wir ab. Einige Dinge in unserem Design sind nicht ganz geeignet und einige Punkte müssen korrigiert oder neu gemacht werden.
Wichtiger PunktWenn wir die Arbeit sofort in der endgültigen Qualität erledigen, wird es viel Zeit in Anspruch nehmen. Dann werden wir sehr wahrscheinlich gebeten, etwas zu korrigieren oder zu ändern, und es wird sicherlich nicht funktionieren, dies einfach und schnell zu tun. Höchstwahrscheinlich müssen Sie wieder viel Zeit und Mühe aufwenden.
Deshalb skizzieren wir zuerst. Die Skizze nimmt ein wenig Zeit und Mühe in Anspruch und ermöglicht es, allgemein zu skizzieren, wie das Endergebnis aussehen wird. Das heißt, wir können schnell und kostengünstig verschiedene Konstruktionsoptionen durchgehen, und wenn sie uns bitten, etwas zu reparieren, wird es auch damit keine Probleme geben.
Skizzen beginnen mit einer Linie. Es ist besser, einen Rundpinsel mit den Parametern "Deckkraft" und "Fluss" im Bereich von 30% zu nehmen, die je nach der Kraft, mit der der Stift gedrückt wird, variieren. Vor unseren Augen halten wir die Teile der Gegner, die wir ausgewählt haben, um die Seltenheit von Objekten zu zeigen, sowie die Bilder von Schmuckstücken, die bereits im Spiel sind. Wir suchen nach einem geeigneten Formular für Objekte. Während einer solchen Suche können Sie verschiedene Optionen durchgehen. Unten sehen Sie ein Beispiel für eine solche Suche.
Wenn sich einige Elemente in Ihrem Entwurf wiederholen, ist es sinnvoll, sie in intelligente Objekte einzuschließen. Es ist wahrscheinlich, dass Sie im Laufe der Zeit etwas an ihnen ändern möchten, und die Korrektur eines intelligenten Objekts ist viel einfacher, als alle Stellen zu durchlaufen, an denen das Element verwendet wird.
Und jetzt ist die Linie für alle Objekte fertig. Sie können mit dem Malen fortfahren. Wir platzieren prominent die vorbereiteten Paletten und Bilder von Referenzobjekten für Blumen.
Zuerst müssen Sie ein Element einfärben, um sicherzustellen, dass Sie mit der aktuellen Palette das gewünschte Ergebnis erzielen. Und holen Sie sich ein Muster, anhand dessen wir alle anderen Objekte einfärben können.
Sie können ein solches Muster nicht in einer Ebene zeichnen, da wir in diesem Fall andere Objekte nicht auf die gleiche Weise malen können. Deshalb fügen wir jede Farbe aus der Palette in einer separaten Ebene hinzu, um einen Malprozess vor Augen zu haben und ihn wiederholen zu können, wenn wir andere Objekte malen.
Es ist wahrscheinlich, dass das Ergebnis, das wir erhalten, nicht zu uns passt und dass die Farben leicht geändert werden müssen, um die Eignung zu verbessern. Es ist gut, dass jede Farbe auf einer separaten Ebene liegt und Sie jede Farbe separat vom Rest bearbeiten können. Wenn wir die Farben des Beispielobjekts ändern, dürfen wir nicht vergessen, dieselben Farben in der Palette zu korrigieren.
Hier ist ein Muster zum Bemalen fertig, es steht uns voll und ganz und Sie können auch alle anderen Artikel bemalen.
Wir erstellen eine Maske in der Form aller Objekte, um nicht über deren Kanten hinauszukriechen, bilden separate Gruppen für den goldenen und den grünen Teil des Objekts und machen den Inhalt dieser Gruppen zum gleichen wie im Beispielobjekt. Das Folgende zeigt den Prozess des Malens eines Elements.
Wir haben auch Steine im Problem und sie haben verschiedene Farben - blau, gelb, grün und blau. Um das gewünschte Ergebnis zu erzielen, zeichnen Sie einfach eine Reihe von Steinen, machen Sie drei Kopien davon, legen Sie eine Ebene mit dem Farbmischmodus darüber und malen Sie den Kern der Steine in den Farben, die wir benötigen. Sie können im Farbmodus auch eine Ebene mit Überlagerung über die Ebene legen und mit dem Malen experimentieren. Durch das Zeichnen in einer solchen Ebene werden der Kontrast des Bildes und die Farbsättigung erhöht.
Hier haben wir fertige Skizzen für alle Objekte und Sie können mit der nächsten Phase fortfahren - der Genehmigung des Entwurfs mit dem Kunden und den Kollegen.
Entwurfsgenehmigung
Bevor Sie dem Kunden die Skizzen zeigen, müssen Sie irgendwo den Weg festlegen, auf dem wir zu dieser Entscheidung gekommen sind, und ihn zusammen mit den Skizzen zeigen. Wenn dieser Weg für Kunden und Kollegen sichtbar ist, verschwinden viele Fragen von selbst und wir verbringen viel weniger Zeit mit Erklärungen. Figma oder ein ähnlicher Online-Dienst eignet sich gut für die Darstellung eines solchen Pfades.
Wir zeigen die Skizze dem Kunden. Es ist wahrscheinlich, dass er darum bittet, ein paar Punkte zu korrigieren, wir werden dafür bereit sein. Wenn wir mit dem Kunden einverstanden sind, müssen wir den Kollegen das Ergebnis zeigen und sie bitten, ihre Meinung zum Ergebnis mitzuteilen. Dies lohnt sich aus mehreren Gründen.
Erstens können Kollegen Dinge bemerken, auf die wir nicht geachtet haben. Ich habe zum Beispiel einmal ein Symbol für eine neue Klasse gezeichnet und es passte gut zur Beschreibung der Aufgabe, aber dann sah ein Kollege dieses Symbol und sagte, dass das Eins-zu-Eins-Symbol dem May Target-Dienstlogo ähnlich ist und aus diesem Grund ziemlich seltsam aussieht. Ich habe dieses Logo gegoogelt und es stellte sich heraus, dass mein Symbol dem sehr ähnlich ist.
Zweitens können Kollegen unangenehme oder seltsame Assoziationen mit dem Thema haben. Und wenn solche Assoziationen bei einer Person entstanden sind, können sie durchaus bei den Spielern entstehen, und es ist für uns überhaupt nicht rentabel, bei ihnen negative Emotionen hervorzurufen.
Drittens kann sich jemand daran erinnern, dass wir bereits ähnliche Objekte im Spiel haben, und wenn Sie ein weiteres fast gleich hinzufügen, wird dies den Spieler verwirren.
Das heißt, die Überprüfung des Ergebnisses mithilfe von Kollegen hilft uns, einige Fehler zu vermeiden oder zumindest die Wahrscheinlichkeit ihres Auftretens zu verringern.
Ein Beispiel für die Arbeit mit Feedback von Kollegen
Das Folgende ist ein Beispiel für die Arbeit mit Kommentaren von Kollegen.
Kommentar 01Die Form der Steine ist fast die gleiche wie bei einer anderen Invasionsrasse.Wir sehen uns alle Steine an und stellen fest, dass verschiedene Rassen Steine unterschiedlicher Form haben und unsere Steine in ihrer Form den Steinen einer anderen Rasse sehr ähnlich sind.
Wir verändern die Form der Steine.
Kommentar 02Diese Form des Steinkerns führt zu Assoziationen mit einer Art von schmerzhaften Tumoren, was den Gegenstand nicht attraktiv macht.Wenn eine solche Assoziation bei einer Person auftrat, kann davon ausgegangen werden, dass andere Personen auftreten werden. Es muss noch etwas anderes erfunden werden.
Kommentar 03Es ist notwendig, den Kern des mittleren Steins zu korrigieren - er ähnelt dem des Steins der Dämonen.Wir schauen uns die Steine der Dämonenrasse an, wir sehen, dass die Steine sehr unterschiedlich sind und die aktuelle Version geeignet ist, und der Autor des Kommentars ist falsch.
Kommentar 04Es gibt einen Vorschlag, den zentralen Teil des Steins abhängig von seiner Seltenheit zu vergrößern.
Klingt logisch, lass es uns versuchen.
Es hat ganz gut geklappt, lassen wir es so.
Kommentar 05Die Brosche ist zu sehr wie ein einfach abgerissener Ring. MB sie brauchen eine Art Substrat oder eine andere Form.Artikel vergleichen.
Es scheint wirklich, dass es eine Person verwirren kann, wir ändern die Form des grünen Teils.
Kommentar 06Jetzt ist die Brosche anders als der Ring, aber sie fängt an, wie ein Amulett auszusehen. Sie können ihren Unterschied verbessern.Vergleichen Sie Objekte, verstärken Sie den Unterschied und machen Sie den Goldteil massiver.
Wichtiger PunktUm die Skizzen schneller zu bearbeiten, können Sie eine Gruppe mit ihnen kopieren und auf eine Ebene reduzieren. Drücken Sie dazu die Tastenkombination Strg + E. Nehmen Sie Änderungen an der resultierenden Ebene und eine Kopie der Gruppe von diesen vor. Der Malvorgang soll für später gespeichert werden. Es wird benötigt, wenn Sie Objekte in der endgültigen Qualität zeichnen müssen.
Und so haben wir den Umriss der Objekte genehmigt - alle sind mit allem einverstanden und wir können mit dem endgültigen Rendern der Objekte fortfahren.
Feines Rendering
Das Wichtigste in dieser Phase ist, eine einzelne Technologie zu beobachten. der Zeichenvorgang für jeden Artikel. In diesem Fall werden alle Objekte auf die gleiche Weise gezeichnet und keines wird aus dem allgemeinen Stil entfernt. Um den Vorgang zu beschleunigen, können Sie einen Vektor in einem Maßstab von 100% des erforderlichen Zeichnungsvolumens eingeben. Um die Hauptformulare mit einem Stift anzuzeigen und anschließend eine Ebene darüber zu erstellen, verwandeln Sie sie in eine Schnittmaske und streichen Sie mit einem weichen Pinsel über die gewünschten Bereiche. Hotkey auf der Schnittmaske - Strg + Alt + G. Das folgende Bild zeigt den Prozess des Malens eines Teils des Motivs.
Hier sind alle Artikel fertig und können dem Kunden und dem Team gezeigt werden.
Höchstwahrscheinlich wird es ein Minimum an Wünschen und Kommentaren geben, da wir uns bereits im Entwurfsstadium auf alles geeinigt haben.
Nachdem die Elemente genehmigt wurden, müssen Sie sie im richtigen Format speichern. Ich empfehle dringend, das Dokument mit dem Slice-Werkzeug zu markieren und jeder Zelle einen Namen zu geben. Speichern Sie anschließend alle Elemente gleichzeitig über die Funktion "Für Web speichern". Es ist sehr bequem.
Ich hoffe, dieser Artikel hat Ihnen geholfen. Ich wünsche Ihnen allen viel Glück und kreativen Erfolg.