Die Mechanik der Comics

Einige Male im Monat besuchen wir einige der Lieblingsbeiträge unserer Leser aus der gesamten Geschichte von Vectortuts+. Dieses Tutorial von Ian Yates wurde erstmals am 17. März 2009 veröffentlicht.

Als Publikum akzeptieren wir Comics als das, was sie sind. ein Medium, Informationsvermittler. Was wir seltener erkennen, ist die Technik und der Prozess, wie diese Informationen an uns übermittelt wurden. Das ist eine gute Sache. Wenn der Künstler es richtig macht, taucht der Comic-Leser in das ein, was erzählt wird - nicht wie.

Einführung

Ich sollte zunächst sagen, dass mein Verweis auf Comics eine viel breitere Definition umfasst als nur Comics. Genauer gesagt würden wir uns auf Sequential Art beziehen, da Comics nur ein Mitglied des Clubs sind. Ich beziehe mich also wirklich auf Comics, Comics, Graphic Novels, Storyboards und so weiter. Dies wird von Scott McCloud in seinem Buch Understanding Comics ausführlich besprochen. Seine Definition dient dazu, sicherzustellen, dass alle geeigneten Medien (auch ägyptische Hieroglyphen) enthalten sind, schließt jedoch Kunstformen wie Animation und das geschriebene Wort sorgfältig aus.

Worum geht es hier?

Nun, während wir über Definitionen diskutieren, sollte auch darauf hingewiesen werden, dass das, was Sie lesen, eher ein Artikel als ein Tutorial ist. Keine Sorge, gegen Ende werden Sie mit einigen nützlichen Techniken für Comic-Ersteller belohnt, die Adobe Illustrator verwenden. Dieser Artikel verfolgt jedoch einen theoretischeren Ansatz. Wir schauen uns die Entscheidungen an, die Sie als Comiczeichner beim Entwerfen treffen müssen. Im Einzelnen betrachten wir drei wesentliche Bausteine eines Comics, beginnend mit ..

..Die Seite

Wir alle kennen Comics. Das Format ist bekannt und logisch. Meistens wird eine kurze Reihe von Frames von links nach rechts von Anfang bis Ende gelesen. Dies ist sicherlich in der westlichen Kultur der Fall, in der Zeitungen Comics von Anfang des letzten Jahrhunderts an in den Mainstream drängten. Ihr restriktives Format hat den Comic wohl in Richtung des Genres bewegt, das wir heute kennen.

Wenn die Streifen größer werden, werden Ihnen mehr Optionen (und damit Entscheidungen) bezüglich des Seitenlayouts angezeigt. Aber was ist der Zweck dieser Entscheidungen? Das ultimative Ziel für sequentielle Kunst ist es, effektiv zu kommunizieren und den Leser lange genug dazu zu bewegen. Der Einfluss einer Seitenkomposition auf dieses Ziel ist nicht zu unterschätzen!

Die Seitenkomposition ist etwas, dem Sie sich stellen müssen, genauso wie Sie Ihre Illustrationen komponieren müssen. Die allgemeine Ästhetik (nicht zu verwechseln mit der Vollnarkose) ist entscheidend, aber wie bereits erwähnt, ist es wichtig, das Interesse der Leser an der Geschichte aufrechtzuerhalten.

Wenn Monotonie und Regelmäßigkeit nicht ein bewusster Teil der Szene sind, die Sie einstellen, sorgt die Abwechslung in Ihrem Seitenlayout dafür, dass die Dinge gut durcheinander geraten. Panelgröße und -position, Farbe und Paneltyp können variiert werden. Ein offenes Bedienfeld, das andere mit Rändern oder Komponenten Ihrer Zeichnung, die sich von der vierten Wand lösen, interpunktiert, sind typische Methoden, um der Seite Dynamik zu verleihen.

Für den größten Effekt sollten diese Techniken jedoch gegebenenfalls verwendet werden und die Seite nicht dominieren. Abgesehen davon, dass die Resonanz des beabsichtigten Effekts verloren geht, kann eine zu große Variation wahrscheinlich den Seitenfluss beeinträchtigen.

Lassen Sie mich nicht nachdenken! - Der von Steve Krug geprägte Satz, auf den er sein Buch stützte, bezieht sich tatsächlich auf die Benutzerfreundlichkeit des Webs. Die Menschen erwarten, dass sich bestimmte Dinge auf bestimmte Weise verhalten. Wenn ihr automatisierter Prozess unterbrochen wird, indem sie anhalten und sich fragen müssen, was als nächstes zu tun ist, schwindet oft ihr Interesse und was auch immer sie tun, hat sie als Publikum verloren. Steve Krug konzentriert sich natürlich darauf, wie Benutzer auf Websites stoßen, aber das Prinzip für Comics bleibt dasselbe. Wie ich bereits erwähnt habe, gehen westliche Leser von links nach rechts und von oben nach unten aus. Dies stellt den uns bekannten Zeitablauf dar und gibt der Sequenz eine Chronologie:

Dies ist ein logisches erstes Beispiel, das den Ablauf am einfachsten demonstriert. Das folgende Beispiel funktioniert genauso gut, fügt jedoch ein interessantes Element hinzu, indem die Komposition aufgeteilt wird, um den Leser ein wenig mehr zu motivieren:

Dieses dritte Beispiel ist jedoch weniger erfolgreich. Der Fluss wird durch ein unlogisches Panel-Layout unterbrochen, das den Leser zum Anhalten und Nachdenken zwingt:

Wenn die Seitenkomposition entworfen und das Bildlayout frisch in Ihrem Kopf ist, rückt Ihre Aufmerksamkeit näher an...

..Das Panel

Ein Panel oder Rahmen lenkt die Aufmerksamkeit des Lesers. Es bestimmt, was zu einem bestimmten Zeitpunkt gelesen werden soll, und verhindert, dass das Auge des Lesers ziellos über die Seite wandert. Panels steuern auch einen der wichtigsten Aspekte der sequentiellen Kunst............................. Tempo. Wo geschriebene Prosa Interpunktion hat, haben Comics Panels. Die Art und Weise, wie Panels das Timing bestimmen, ist ebenso für Atmosphäre und Stimmung verantwortlich wie der Inhalt selbst.

Nehmen Sie das folgende Beispiel von jemandem, der zuerst überlegt und dann einen Bissen von seinem Sandwich nimmt:

Nun schauen wir noch einmal:

Ein subtiler Unterschied in der Länge des Einführungsfelds im zweiten Beispiel zwingt den Leser, länger über die Sequenz zu dauern. Unsere ist vielleicht nicht die komplexeste, die jemals geschrieben wurde, aber die Handlung hat eine kontemplativere Stimmung angenommen. Unser Mann braucht buchstäblich länger, um vor dem Essen nachzudenken. Der zusätzliche Raum hat auch das restriktive Gefühl von Klaustrophobie reduziert und der Sequenz eine gewisse Ruhe verliehen.

Insbesondere japanische Manga-Comics untersuchen häufig den Lauf der Zeit innerhalb und zwischen Panels. Eine übliche Technik verwendet das, was Scott McCloud als Übergänge von Aspect to Aspect beschreibt. Dies ist einer von sechs Übergangstypen, die McCloud beim Wechsel von Panel zu Panel erkennt. Aspect to Aspect bezieht sich auf Frames, die verschiedene Aspekte desselben Zeitpunkts zeigen. Wenn Sie mehrere Aspekte eines Augenblicks untersuchen, vergeht die Zeit langsamer.

Aspect to Aspect ist ein weiterer von McClouds sechs Übergangstypen und bewegt die Handlung schneller. Nehmen Sie zum Beispiel:

Dem Leser bleibt es überlassen, schnelle Schlussfolgerungen und Annahmen zu ziehen und das Tempo der Handlung hoch zu halten. Diese beiden Schlüsselmomente einer Erzählung wurden aufgrund ihrer Effektivität bei der Kommunikation der Handlung ausgewählt. In nur zwei kleinen Panels wurde uns schnell gesagt, was passiert, und jetzt können wir weitermachen. Wohlgemerkt, was genau haben diese beiden Panels kommuniziert? Wir wissen, dass unser Theme von Anfang an sehr glücklich war, dann passierte etwas in der Rinne (dem Raum zwischen den Paneelen) und er wurde klatschnass.

Vielleicht hat uns die vorangegangene Geschichte darauf vorbereitet - wenn wir seine Hintergrundsituation und Umgebung kennen, wissen wir vielleicht genau, was passiert ist. Andernfalls müssen wir aus gemeinsamen Erfahrungen schöpfen und eine fundierte Vermutung darüber anstellen, was passiert ist. Wenn beides nicht möglich ist, muss der Geschichtenerzähler sicherstellen, dass wir wissen, was passiert ist. Ein zusätzliches Panel zwischen diesen beiden könnte die Aktion unseres Freundes veranschaulichen, effektiver zu werden, ein drittes Panel könnte alle Zweifel klären, die wir hatten, als wir dazu dienten, die Handlung weiter voranzutreiben.

Die Rolle der Vorstellungskraft der Leser beim Ausfüllen der Lücken wird als Abschluss bezeichnet und ist der Schlüssel zum Erzählen von Comics. Ein kluger Künstler wird vorschlagen, was notwendig ist, und dann die entscheidenden Details der Kreativität der Leser überlassen.

Durch die Anregung des Lesers bleibt die Teilnahme hoch und die Seiten blättern.

..Der Text

Zuletzt kommen wir zum Text. Comics sind eine Mischung aus Wörtern und Bildern, und die beiden sollten sich gegenseitig ergänzen, und keiner sollte den anderen dominieren. Als Comiczeichner, der auf eine leere Tafel mit der Aussicht starrt, etwas mitteilen zu müssen, wird Ihnen eine Entscheidung zwischen Worten und Bildern präsentiert. Wie stark werden Sie sich auf Worte verlassen, um Ihren Standpunkt zu verdeutlichen? Könnten Bilder effizienter darstellen, was Sie wollen?

Wie Scott McCloud in Making Comics erneut betont, gibt es kein Richtig oder Falsch. Sie sollten die Anzahl der Wörter im Auge behalten. Schwere Wortdichte verfehlt den Sinn von Comics und ist nicht das, wonach Ihr Leser sucht. Wenn Sie sich jedoch auf Worte verlassen, um eine Handlung zu vermitteln, erhalten Ihre Bilder mehr Spielfreiheit.

Schauen wir uns noch einmal unseren feuchten Freund an. Die folgenden zwei Panels kommunizieren denselben Punkt, wobei sich eines auf Bilder und das andere auf Wörter stützt:

Ein Mangel an Text in der ersten betont die Zeichnung; Wir beobachten unseren Mann in wütender, einsamer Stille. Das zweite Fenster verwendet Text, um uns mitzuteilen, was los ist, und gibt den Bildbereich, um andere Aspekte des Szenarios zu untersuchen. Eine Kombination kann das Beste aus beiden herausholen und die Botschaft verstärken:

Puristen können Ihnen sagen, dass Bilder die wahre Stärke hinter Comics sind - sicherlich liegt eine Comic-Stärke in ihrer gesamten visuellen Wirkung. Als solches liegt es an Ihnen, das Rätsel zwischen Wörtern und Bildern zu lösen.

Warum also Handschrift? Es ist wahr, Handschrift wird häufig für Schriftzüge in Comics verwendet, und dies ist höchstwahrscheinlich auf die visuelle Verbindung zu den Illustrationen selbst zurückzuführen. Natürlich wird die Handschrift normalerweise digital erstellt, um Konsistenz und Lesbarkeit zu gewährleisten, aber sie bleibt unauffällig - sie lenkt nicht ab. Wir sind zurück, um den Leser nicht wieder zu stören. Es ist unwahrscheinlich, dass Text, der zum Zeichenstil passt und seine Botschaft klar vermittelt, die Aufmerksamkeit vom Geschichtenerzählen ablenkt. Es ist ebenso Teil des Bildes wie die Abbildung.

Aus diesem Grund kann Text als Element eines grafischen Bildes auch grafisch bearbeitet werden. Dieser Luxus, der zum Text als Teil einer Illustration gehört, kann verwendet werden, um weiter zu betonen, vorzuschlagen und zu überzeugen. Das Ermutigen und Vergrößern zum Beispiel verleiht den Wörtern Resonanz und verleiht dem, was Will Eisner als Leserohr bezeichnet, Klang. Das Wiedergeben von Ton durch grafische Anzeige von Text ist ein weiteres Werkzeug in der Box der Comiczeichner, um eine Geschichte zu erzählen.

Der Textballon ist ein bekanntes Mittel zur Bereitstellung von Text, und auch hier beeinflussen Stilunterschiede die Art und Weise, wie die Geschichte erzählt wird. Wir als Leser interpretieren sie fast unbewusst. Versuchen Sie es selbst; Welches dieser Beispiele wird eher gedacht als gesagt? Was wird von einem Radio oder Fernseher ausgestrahlt? Welches wird beim Lesen getippt?

Natürlich geben uns Inhalt und Schrift einen Hinweis, aber der Punkt ist, dass eine Nachricht durch die Kombination von Text, Bild und Suggestionskraft kommuniziert wird. Jetzt ist es Zeit, sich die Hände schmutzig zu machen.

Sprachballon Live-Effekt

OK, du warst geduldig genug. Es ist Zeit für ein bisschen praktisches Tutorial-Wissen, los geht's.

Adobe Illustrator ist aufgrund seines Layouts und seiner Textfunktionen sowie aller anschaulichen Schnickschnack eine nützliche Anwendung zum Erstellen von Comics. Obwohl es möglicherweise nicht das am besten geeignete Werkzeug für die Erstellung eines gesamten Graphic Novels ist, kann Illustrator Ihre Comic-Erstellung auf verschiedene Weise unterstützen. Kopieren und Einfügen, Pfad- und Stricheffekte, Größenänderung usw. Live-Effekte sind besonders nützlich. Die folgenden Schritte zeigen, wie ein solcher Effekt einen Textklumpen in eine Comic-Sprechblase verwandeln kann, wie ich sie in diesem Artikel für Zitate verwendet habe.

Schritt 1: Text

Platzieren Sie Text auf Ihrer Zeichenfläche - egal was oder wie viel - sobald wir den Effekt erzielt haben, können Sie ihn auf jeden Text anwenden. Richten Sie den Text wie gezeigt zentral aus:

Schritt 2: Schriftart

Es ist Zeit, Ihre Schriftart auszuwählen. Wenn Sie sie benötigen, finden Sie hier einige hochwertige kostenlose Schriftarten, die sich ideal für Comic-Text eignen.

Clementine

VTC-Schriftsteller

Laffayette

Alternativ ist die von Scott McCloud während seiner Arbeit verwendete Schriftart, die auf seiner eigenen Handschrift basiert, zu einem angemessenen Preis unter www.comicbookfonts.com erhältlich.

ScottMcCloud

Wenn Sie sich für eine Schriftart entschieden haben, laden Sie sie herunter, installieren Sie sie auf Ihrem System und wenden Sie sie auf den Text auf Ihrer Zeichenfläche an. Ich habe mich für die kursive Clementine entschieden und das Tracking für die Lesbarkeit verbessert. Ich habe auch ein hellgraues Rechteck zum Hintergrund hinzugefügt und es gesperrt (Befehlstaste + 2). Dies verbessert die Sichtbarkeit während der Arbeit.

Schritt 3: Aussehen

Jetzt wird es interessant. Entfernen Sie bei ausgewähltem Text alle Füllfarben, die sich möglicherweise auf das Darstellungsfeld beziehen. Öffnen Sie das Menü des Bedienfelds „Darstellung“ und wählen Sie „Neue Füllung hinzufügen“. Sie werden sehen, dass es dem Bedienfeld Aussehen hinzugefügt wurde. Meins ist zu 90% schwarz und dies ist die Hauptfarbe meines Textes.

Schritt 4: Zweite Füllung

Wiederholen Sie die Schritte Neue Füllung hinzufügen, um eine zweite zu erstellen. Färben Sie diese Füllung weiß und stellen Sie sicher, dass sie unter der ersten Füllung im Bedienfeld Aussehen platziert ist. Sie werden noch keinen Unterschied in Ihrem Text sehen.

Schritt 5: In Form konvertieren

Wenn die weiße Füllung im Bedienfeld Aussehen ausgewählt ist, gehen Sie zu Effekt > In Form konvertieren > Ellipse. Wählen Sie im Dialogfeld In Form konvertieren die relative zusätzliche Breite und Höhe von 9 Pixel. Dadurch wird ein Ballon erstellt, der 9 Pixel breiter und höher als der Text ist. Sollte unsere Textgröße zunehmen oder abnehmen, wird auch die Sprechblase größer.

Schritt 6: Ausbuchtung

Wir haben einen ziemlich dünnen Ballon um unseren Text gemacht. Jetzt verfeinern wir die Form ein wenig. Behalten Sie die im Erscheinungsbildbedienfeld ausgewählte weiße Füllung bei und gehen Sie zu Effekt > Verzerrung > Ausbuchtung... Wenden Sie eine vertikale Ausbuchtung von -50% an, um die Seiten unseres Ballons leicht einzudrücken. OK klicken.

Schritt 7: Duplizieren

Das Bedienfeld Aussehen zeigt jetzt deutlich Ihr Typobjekt an, das aus zwei Füllungen besteht, von denen auf die zweite eine Reihe von Effekten angewendet wird. Jetzt fügen wir eine dritte Füllung hinzu, die als Umriss dient. Duplizieren Sie also die weiße Füllung mit der Schaltfläche Ausgewähltes Element duplizieren. Auch hier werden Sie noch keinen Unterschied im Text sehen.

Schritt 8: Versatzpfad

Okay, fangen wir an, unsere dritte und letzte Füllung zu bearbeiten. Beginnen Sie mit dem Ändern der Farbe (meine ist 90% Schwarz, genau wie der Text) und gehen Sie dann zu Effekt > Pfad > Versetzter Pfad. Der Betrag, um den Sie den Pfad dieser Füllung versetzen, bestimmt effektiv den Strich um Ihren Ballon. Ich habe 2px gewählt.

Schritt 9: Schwanz

Um das Aussehen unseres Ballons abzurunden, fügen wir einen einfachen Schwanz hinzu. Mit drei Klicks des Stiftwerkzeugs erhalten Sie einen offenen Pfad in V-Form. Füllen Sie es weiß und geben Sie seinem Strich die gleiche Farbe und Breite wie dem Strich um Ihren Ballon (in diesem Fall 90% Schwarz und 2 Pixel). Platzieren Sie den Schwanz irgendwo über dem Ballon und Ihr Effekt ist abgeschlossen.

Abschluss

Dies ist natürlich ein Live-Effekt und kann auf jeden Text angewendet werden. Die Größe wird nahtlos geändert und skaliert:

Durch Doppelklicken auf einen der Effekte im Bedienfeld Aussehen können deren Einstellungen bearbeitet werden. Dies kann für unterschiedliche Sprechblasen in Ihrem Projekt hilfreich sein.

Um Ihren Effekt für die zukünftige Verwendung zu speichern, öffnen Sie das Bedienfeld „Grafikstile“ (Fenster > Grafikstile) und klicken Sie bei Auswahl Ihrer fertigen Sprechblase auf die Schaltfläche Neuer Grafikstil. Wählen Sie in diesem Bereich Ihren neuen Stil aus, wenn Sie möchten, dass anderer Text zu einer Sprechblase wird.

Noch mehr?

Das Theme, wie und warum Comics das tun, was sie tun, ist RIESIG. Ich habe gerade erst mit diesem Artikel die Oberfläche abgekratzt. Wenn Sie an mehr interessiert sind (und möchten, dass es von den Meistern erzählt wird), gibt es ein oder zwei Bücher, die Sie unbedingt lesen sollten. Ich habe Scott McCloud und Will Eisner mehrmals und aus gutem Grund zitiert. Will Eisner gilt nach der Veröffentlichung seines gefeierten A Contract with God als Pionier der Graphic Novels, und nur wenige Menschen haben Comics als Disziplin wie Scott McCloud studiert. Sogar die Nicht-Comic-Fans unter Ihnen werden seine Arbeit wahrscheinlich nach seinem jüngsten Werbeartikel für Google Chrome gesehen haben - wer hat gesagt, dass Comics nicht ernst genommen werden können?! In jedem Fall sind hier einige ihrer Lehrpublikationen aufgeführt, die sehr zu empfehlen sind:

• Scott McCloud - Comics machen
• Scott McCloud - Comics verstehen
• Will Eisner - Grafisches Geschichtenerzählen und visuelle Erzählung
• Will Eisner - Comics und sequentielle Kunst

Abonnieren Sie den Vectortuts+ RSS-Feed, um über die neuesten Vektor-Tutorials und Artikel auf dem Laufenden zu bleiben.