Maskottchen-Design in Echtzeit - die SOSFactory-Methode

German (Deutsch) translation by Federicco Ancie (you can also view the original English article)

Hallo, das ist Sergio Ordóñez von SOSFactory und dieses Mal werde ich über meinen Workflow sprechen, mit dem Maskottchen für Websites entworfen wurden. Dieser Prozess in diesem Artikel wurde in Echtzeit beschrieben, als ich die Entwürfe erstellte. Schauen wir uns das genauer an.

Dieser Artikel wurde ursprünglich im September 2008 auf Psdtuts veröffentlicht.

Einführung

Dieses Mal habe ich diesen Beitrag geschrieben, als der Job entwickelt wurde. Auf diese Weise werden Sie sehen, wie sich die Reihenfolge entwickelt, von den ersten Skizzen bis zum Endergebnis. Ich hoffe, ich werde nichts verpassen... Was für ein Stress!

Beachten Sie auch, dass dies kein Photoshop-Tutorial ist, in dem ich alles ausführlich erkläre (dafür habe ich bereits ein wirklich detailliertes Tutorial über Maskottchen-Design in Photoshop geschrieben). Mein Ziel hier ist es zu zeigen, wie ich arbeite. Unten ist das endgültige Design, das ich für Mafia Death gemacht habe.

Über den Kunden

Ich möchte Ihre Aufmerksamkeit behalten, um ihr eine mysteriöse Note zu verleihen, lasse ich nur einige Informationen fallen:

Kunde: Mafia Death, ein Online-Spiel, das auf Mafia-Geschichten basiert.
Reihenfolge: Design von fünf Zeichen und Design des Logos. Die Charaktere müssen getrennt und gemeinsam arbeiten.

Beschreibungen:

Der Chef: Der Familienchef, er muss nur die Augenbrauen hochziehen und Sie sind ein toter Mann. Er ist nicht sehr gesprächig, körperlich nicht besonders stark... Seine bessere Waffe ist sein Gehirn.
Der Leibwächter: Er ist der Muskulöse des Teams, der die losen Enden repariert. Sein Lieblingssound? Das Knacken eines brechenden Halses. Wenn Sie bemerken, dass er vor Ihrem Haus parkt, haben Sie weniger als 10 Minuten Zeit, um Ihr letztes Testament abzugeben.
Der Lateinliebhaber: Er ist verantwortlich für die Aushandlung der wichtigen Geschäfte. Ein kluger Kerl, attraktiv, sportlich, mit einem feinen Geschmack für Kleidung und Frauen, lateinamerikanischem Aussehen und Charme. Er hat eine Schwäche für Blondinen und ist ziemlich unabhängig. Wenn Sie nachts mit ihm ausgehen, sagen Sie Ihren Eltern, dass Sie nicht vor Mittag nach Hause kommen.
Das Mädchen: Nur ihre Sinnlichkeit passt zu ihrer Bosheit, sie ist kalt und berechnend. Sie ist eine Präzisionswaffe. Sie schafft es sowohl zwischen Männern als auch zwischen Frauen. Die letzte, die ihre Affinität zu Angelina Jolie erwähnte, ist tot.
Der kleine Verrückte: Sein Slogan lautet: "Überleben ist irrelevant, was wirklich zählt, ist, wie viele man vernichten kann". Sein Geist ist so verrückt, dass er nur in verzweifelten Missionen nützlich ist. Joe Pesci Fan. Noch etwas Wichtiges: Fragen Sie nicht nach seiner Narbe.

Zusammenfassung

Tag 1: Skizzieren der ersten drei Zeichen

Ich liebe Mafia-Filme, daher musste ich keine Referenzen suchen und wir gingen direkt zu den Skizzen. Meine Idee war es, einen Mittelpunkt zwischen der Eleganz von „The Godfather“ und der Modernität und dem täglichen Aussehen von „The Sopranos“ zu finden.

Ich bat meinen Freund Miguel Ruiz, mir bei den Skizzen zu helfen. Ich schickte ihm Beschreibungen für jeden Charakter und das Bild unten schickte er mir zurück.

Das erste, was Ihnen ins Auge fällt, ist der Stil, es ist nicht der übliche SOSFactory-Stil. Aber keine Sorge, am Ende wird alles zusammenpassen. Was jetzt wirklich zählt, ist die Haltung des Charakters, seine Pose, sein Gesichtsausdruck, die Kleidung... die jeder Charakter überträgt, was er übertragen muss (siehe die Beschreibungen am Anfang dieses Beitrags):

The Boss: Ich finde das großartig, es ist genau das, was wir brauchen. Er hat eine entspannte Haltung, überträgt aber durch sein Aussehen viel Kraft. Seine Beine sehen für mich etwas kurz aus und seine Taille ist etwas breit, aber es ist en ausgezeichneter Ausgangspunkt.
Bodyguard: Ich denke, dieser Charakter ist auch ziemlich gut. Ich möchte alle Zeichen auf eine horizontale Linie setzen, damit ich sein rechtes Bein etwas modifizieren muss, was etwas kurz ist. Die Handhaltung befriedigt mich nicht und ich muss auch ein bisschen an der linken Armmuskulatur arbeiten. Das Gesicht sieht für mich perfekt aus.
Der Latin-Liebhaber: Dieser Charakter wird ziemlich viel Arbeit brauchen. Ich mag die Pose, aber sie ist zu seitlich. Es ist nur noch sehr wenig Platz für die Brust, sodass sie nicht gut aussieht. Wir haben auch keinen Platz für die Waffe, also werden wir ihn in eine ¾ Pose bringen, etwas frontaler. Ich mag die Pose überhaupt nicht, wir werden sie in einem 90-Grad-Winkel platzieren. Das Gesicht muss auch retuschiert werden, ich brauche ihn,um attraktiver zu sein.

Zusammenfassung des Tages: Ich mag die Skizzen, sie müssen technisch verbessert werden, aber sie vermitteln die richtigen Einstellungen, insbesondere die ersten beiden. Der dritte muss fast vollständig überarbeitet werden.

Bis morgen!!!!!!!

Tag 2: Skizzen des restlichen Teams

Das Mädchen: Von dieser Figur mag ich den Gesichtsausdruck, aber sie sieht zu klassisch aus. Ich möchte lieber etwas Moderneres und Sinnlicheres. Ich denke, wir müssen viele Änderungen vornehmen.
"The little Mad Guy": Ich mag seine Einstellung, aber technisch ist sie ziemlich verbesserungsfähig. Die Hand der Waffe ist zu kurz; Die Hand, die die Zigarre hält, befindet sich zu nahe am Körper. Wir werden sie trennen, um die Pose klarer zu machen. Die Taille ist zu breit, sie muss etwas abgespeckt werden. Er sieht zu jung aus, ich brauche einen älteren Charakter.

Zusammenfassung des Tages: Wir haben bereits 5 Charaktere skizziert, die ersten 2 sind gut, für den Rest werde ich viele Änderungen vornehmen. Wenn ich Zeit hätte, hätte ich die Skizzen selbst gemacht, aber aufgrund der Umstände (ich bin sehr beschäftigt) war die Investition die Mühe wert.

Morgen mache ich die Szenenkomposition. Grüße!!

Tag 3: Szenenzusammensetzung

Wir haben bereits alle Teammitglieder, jetzt müssen wir sie aufstellen, um eine gute Komposition zu finden. Ich denke, die zentrale Figur sollte der Boss sein, der Leibwächter zu seiner Rechten (sein rechter Mann), zu seiner Linken der Unterhändler (der das Trio der wichtigen Charaktere vervollständigt), an seiner Seite wird das Mädchen sein (wir fügen ein bisschen Sex hinzu Spannung) und der kleine Kerl auf der gegenüberliegenden Seite, um die Komposition auszugleichen.

Zusammenfassung des Tages: Wir haben bereits die Komposition der Szene, zusammen sehen sie sehr vielversprechend aus, viel besser als ich erwartet hatte. Von nun an werde ich jeden Charakter retuschieren.

Lass uns Spaß haben!

Tag 4: Reinigung der Skizzen

In diesem Schritt versuche ich, die Dinge zu reparieren, die ich von Tag 2 an kommentiert habe. Ich verwende Wacom Cintiq und Photoshop. Ab diesem Zeitpunkt ist alles, was ich tue, digital. Ich benutze alte Skizzen, Referenzen von anderen Designs oder Fotos, ich zeichne immer wieder, bis alles gut definiert ist. Unter jeder Zeichnung finden Sie die Korrekturen, über die wir an Tag 2 gesprochen haben.

Der Boss: Ich habe seine Beine länger gemacht, die Taille etwas verkleinert, einige Details zu seinem Anzug hinzugefügt, die Volumina ein wenig definiert und das Gesicht retuschiert.

Der Leibwächter: Ich habe hauptsächlich am Oberkörper gearbeitet. Beachten Sie, dass ich seine Arme gesenkt habe, um sein Gesicht klarer zu machen. Ich habe seinen linken Arm retuschiert und die Größe seiner Beine ein wenig korrigiert.

Der Latin-Liebhaber: Dieser Charakter ist fast vollständig überarbeitet. Ich machte eine etwas frontalere Pose und senkte seine Arme, um etwas Platz im Brustbereich zu gewinnen. Ich zog seine Beine in einer klügeren Haltung und gab ihm ein attraktiveres Gesicht.

Das Mädchen: Von dieser Figur habe ich nur den Gesichtsausdruck behalten. Zum Glück hatte ich eine Skizze, die ich vorher nicht benutzt hatte, und sie passte ganz gut. Jetzt ist sie viel sinnlicher und sieht moderner aus. Ich habe Angelina Jolie als Referenz verwendet.

Little Mad Guy: Ich habe diesen Charakter auch fast komplett verändert. Der Arm, der die Waffe hält, war zu kurz, also habe ich sie etwas vom Körper getrennt. Ich habe die Waffe auch mit der Zigarre getrennt, so ist die Silhouette viel klarer. Ich stilisierte die Pose mit einer schmaleren Taille und trennte seine Beine (eine viel aktivere Pose). Ich fügte eine klarere Narbe und ein ausgeprägteres Kinn hinzu.

Zusammenfassung des Tages: Die ersten beiden Zeichen waren leicht zu korrigieren, ab dem dritten habe ich sie neu gezeichnet... Alles läuft wie erwartet.

Lass uns morgen weitermachen :)

Tag 5: Einfärben der Zeichen

Wir haben bereits alle Zeichen bereit, jetzt ist es Zeit, die Lineart zu bereinigen. Ich habe das meinem Kumpel Carlos Gomez anvertraut, er ist sehr sauber im Zeichnen. Er zeichnet alles mit Bleistift und dann färbe ich seine Linien und retuschiere sie, bis alles perfekt ist. Sie können den Fortschritt unten sehen.

Klicken Sie auf das Bild unten, um ein größeres Bild "Schritt für Schritt" zu sehen.

Ich habe bereits in anderen Tutorials viele Dinge über digitales Zeichnen erklärt, daher werde ich es nicht noch einmal wiederholen. Wie Sie in diesem Video sehen können, gibt es keine geheimen Tipps, nur üben.

Zusammenfassung des Tages: Nach einer Woche Urlaub in Berlin bin ich wieder an der Arbeit. Die Zeichnungen sind fertig zum Ausmalen, das wird echt Spaß machen.

Viele Grüße!!!

Tag 6: Den Boss färben

Wie Sie sicherlich wissen, ist die Farbe meine Spezialität, das, was mir am besten gefällt und der Teil, an dem ich mehr Zeit verbringe. Normalerweise male ich mit einem Cartoon-Stil, mit sehr hellen Farben, aber in diesem Fall denke ich, dass moderiertere Farben besser passen, lustig, aber mysteriös, mit sehr kontrastierenden dunklen Tönen.

Ich habe eine erste Version mit kalten Farben gemacht, sie sieht in Ordnung aus, aber ich denke, dass sie mit wärmeren Farben und mehr "abgenutzten" Tönen besser zum Thema passt. Ich glaube nicht, dass ich alles von Anfang an wieder eingefärbt habe. Ich habe das Photoshop-Korrekturwerkzeug (Befehl + B) verwendet und ein bisschen Cyan und Grün hinzugefügt. Einfach, nicht wahr?

Ich habe bereits ein Tutorial über digitale Farben erstellt, daher werde ich nicht alles noch einmal wiederholen. Stattdessen können Sie in diesem Video-Tutorial unten sehen, wie ich arbeite.

Zusammenfassung des Tages: Nach vielen Stunden des Testens sieht die Farbe großartig aus. Die Herausforderung besteht nun darin, die Szene so zusammenzusetzen, dass die 5 Zeichen als Ganzes funktionieren.

Morgen noch mehr!!

Tag 7: Färben des Lateinliebhabers und des Mädchens

Nachdem ich die Farbpalette definiert habe, kann ich schneller arbeiten. Die Charaktere sehen für mich immer noch gut aus, sind aber zu beladen, wenn ich sie zusammenstelle. Das liegt daran, dass ich beschlossen habe, die Farben etwas weicher zu machen. Hier ist das zweite Zeichen - fertig!

Und hier haben wir das Mädchen. Sie sieht toll aus, aber wir haben ein Problem. Der auffälligste Farbbereich ist der rechts, aber der kohärentere mit dem Rest der Zeichen ist der links. Meine Wahl wäre, den Charakter für die Illustration zu opfern, aber der Kunde stimmt nicht zu... Wir werden sehen, was passiert.

Zusammenfassung des Tages: Wir haben den schwierigsten Teil, die Auswahl der Farbbereiche, bereits abgeschlossen. Ich gehe also ziemlich schnell und fühle mich wohl. Ich gehe davon aus, dass sich die Farbe verbessern wird, wenn ich weiter arbeite.

Lass uns morgen weitermachen!!!

Tag 8: Färben des kleinen Verrückten und des Leibwächters

Okay Kumpels, ich habe endlich alle Charaktere fertig :)

Ich bin besonders stolz auf die letzten beiden, sie sind genau so, wie ich sie mir zuerst vorgestellt habe. Leider habe ich dies erst mit dem dritten Charakter erreicht (obwohl die ersten überhaupt nicht schlecht sind). Beachten Sie, dass diese Zeichen separat gut aussehen, aber aufgrund der weicheren Farbe und der weniger kontrastreichen Lichtquelle harmonischer sind und beim Zusammenstellen der Szene besser aussehen.

Das Schlimmste an diesem Charakter war die Muskulatur... Ufff!!! Aber es sieht endlich gut aus. Ich habe auch die Position der Hände korrigiert.

Zusammenfassung des Tages: Die letzten beiden Charaktere waren wunderschön, schnell und lustig zu machen, ich habe es endlich verstanden. Nach fünf Zeichen mit diesem Farbstil denke ich, dass ich damit umgehen kann, dies wird für mich in Zukunft sehr nützlich sein.

Tag 9: Letzte Illustration

Endlich, am großen Tag, nach vielen Stunden Arbeit kann ich sagen, dass die Illustration fertig ist. Ich habe einige Farbkorrekturen vorgenommen, um jedes Zeichen zu vereinheitlichen. Klicken Sie auf das Bild unten, um es zu vergrößern.

Zusammenfassung des Tages: Wie ich erwartet hatte, musste ich einige Anpassungen vornehmen, um die Charaktere zu verbinden. Ich bin sehr zufrieden mit dem Ergebnis und dem Kunden. Also noch ein gutes Stück für das SOSFactory-Portfolio.

Schlussworte

Nun Freunde, ich hoffe es war nützlich und hat Spaß gemacht zu lesen, ich habe mein Bestes gegeben. Wenn dir dieses Zeug gefällt, wird Psdtuts+ sicher mehr investieren, damit ich wieder für dich schreibe, also drücke die Kommentare hart. Wenn Sie Fragen haben, werde ich diese natürlich gerne beantworten!

Vielen Dank an David von Mafia Death für die Erlaubnis, diese Informationen zu teilen. Bitte geben Sie ihm etwas Liebe und melden Sie sich an, um sein Spiel zu spielen.

Sergio Ordóñez im Web: SOSFactory ist mein Portfolio, SOSNewbie ist mein Blog, Sergitosuanez ist mein Benutzername auf Deviantart und 00SOSNewbie00 ist mein Benutzername auf YouTube.