Die Mechanik der Comics

Ein paar Mal pro 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 für 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 versteht, taucht der Comic-Leser in das ein, was erzählt wird - und nicht wie.

Einführung

Ich sollte damit beginnen, dass mein Verweis auf Comics deckt eine viel breitere Definition als nur Comics ab. Genauer gesagt würden wir uns darauf beziehen Sequenzielle Kunst, Comics sind nur ein Mitglied des Clubs. Ich beziehe mich also auf Comics, Comicstrips, Graphic Novels, Storyboards und so weiter. Dies ist etwas, was Scott McCloud in seinem Buch Understanding Comics ausführlich behandelt. Seine Definition dient dazu, alle geeigneten Medien (auch ägyptische Hieroglyphen) einzubeziehen, schließt jedoch Kunstformen wie Animation und das geschriebene Wort sorgfältig aus.

Was ist das alles??

Während wir über Definitionen sprechen, sollte auch darauf hingewiesen werden, dass das, was Sie lesen, mehr ein Artikel als ein Tutorial ist. Machen Sie sich keine Sorgen, am Ende werden Sie mit einigen nützlichen Techniken für Comic-Ersteller, die Adobe Illustrator verwenden, belohnt. Dieser Artikel ist jedoch eher theoretisch. Wir betrachten die Entscheidungen, 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 vertraut und logisch. Meistens wird eine kurze Reihe von Frames von links nach rechts vom Anfang bis zum Ende gelesen. Dies ist sicherlich in der westlichen Kultur der Fall, in der Zeitungen Comics schon früh im letzten Jahrhundert in den Mainstream getrieben haben. Ihr restriktives Format bewegte den Comic wohl zu dem Genre, das wir heute kennen.

Sie erhalten mehr Optionen (und damit auch Entscheidungen) bezüglich des Seitenlayouts, wenn die Streifen größer werden, aber was ist der Zweck dieser Entscheidungen? Das ultimative Ziel für sequentielle Kunst ist es, effektiv zu kommunizieren und den Leser lange genug zu engagieren, um dies zu tun. Die Auswirkungen, die eine Seitenzusammensetzung auf dieses Ziel haben kann, sind nicht zu unterschätzen!

Die Seitenkomposition ist etwas, dem Sie sich stellen müssen, genauso wie das Erstellen Ihrer Illustrationen. Allgemeine Ästhetik (nicht zu verwechseln mit allgemeiner Betäubung) ist von entscheidender Bedeutung, aber wie bereits erwähnt, ist es wichtig, das Interesse der Leser an der Geschichte zu wahren.

Wenn nicht Monotonie und Regelmäßigkeit ein bewusster Teil der Szene sind, die Sie einstellen, wird die Abwechslung in Ihrem Seitenlayout die Dinge schön gemischt halten. Panelgröße und Position, Farbe und Paneltyp können alle variiert werden. Ein offenes Feld, das andere mit Rändern oder Teilen Ihrer Zeichnung markiert, die sich aus der Zeichnung lösen vierte Wand sind typische Methoden, um der Seite mehr Dynamik zu verleihen.

Für den besten Effekt sollten diese Techniken jedoch angebracht sein und die Seite nicht dominieren. Abgesehen vom Verlust der Resonanz des beabsichtigten Effekts könnte eine zu große Variation die Seite wahrscheinlich ruinieren fließen.

Lass mich nicht denken! - Der von Steve Krug geprägte Satz, auf den er sein Buch gestützt hat, bezieht sich auf die Benutzerfreundlichkeit des Internets. Die Menschen erwarten, dass sich bestimmte Dinge auf bestimmte Weise verhalten. Wenn ihr automatisierter Prozess dadurch unterbrochen wird, dass er anhalten und sich fragen muss, was als nächstes zu tun ist, nimmt sein Interesse ab und alles, was sie getan haben, hat sie als Publikum verloren. Steve Krug konzentriert sich natürlich darauf, wie Benutzer auf Websites stoßen, aber das Prinzip bleibt für Comic-Bücher gleich. Wie bereits erwähnt, gehen westliche Leser von links nach rechts und von oben nach unten vor. Dies stellt den uns bekannten Zeitablauf dar und gibt der Reihenfolge eine Chronologie:

Dies ist ein logisches erstes Beispiel, das den einfachsten Fluss veranschaulicht. Das folgende Beispiel verläuft gleichermaßen gut, fügt jedoch ein interessantes Element hinzu, indem die Komposition aufgelöst wird, um den Leser ein wenig mehr zu interessieren:

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

Wenn die Seitenkomposition erstellt wurde und das Bildlayout neu in Ihrem Kopf ist, wird Ihre Aufmerksamkeit näher rücken?

? Das Panel

Ein Panel oder Frame fokussiert die Aufmerksamkeit der Leser. Es legt fest, was zu einem bestimmten Zeitpunkt gelesen werden sollte, 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 Satzzeichen hat, haben Comics Panels. Die Art und Weise, wie Panels das Timing bestimmen, ist für Atmosphäre und Stimmung ebenso verantwortlich wie der Inhalt selbst.

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

Jetzt schauen wir noch einmal:

Ein geringfügiger Unterschied in der Länge des Einführungsfensters im zweiten Beispiel zwingt den Leser dazu, die Sequenz länger zu dauern. Wir sind vielleicht nicht die komplexesten, die je geschrieben wurden, aber die Handlung hat eine kontemplative Stimmung bekommen. Unser Mann braucht buchstäblich länger zu denken, bevor er isst. Der zusätzliche Platz hat auch das restriktive Gefühl von Klaustrophobie reduziert und der Sequenz eine gewisse Ruhe verliehen.

Insbesondere japanische Manga-Comics erforschen häufig den Zeitverlauf innerhalb und zwischen den Panels. Eine übliche Technik verwendet das, was Scott McCloud als beschreibt Aspekt zu Aspekt Übergänge. Dies ist einer von sechs Übergangstypen, die McCloud beim Wechsel von Panel zu Panel erkennt. Aspekt zu Aspekt bezieht sich auf Rahmen, die unterschiedliche Aspekte des gleichen Zeitpunkts zeigen. Durch die Untersuchung mehrerer Aspekte eines Moments läuft die Zeit langsamer ab.

Aktion zum Handeln ist ein weiterer von McClouds sechs Übergangstypen, der die Darstellung schneller vorantreibt. Nehmen Sie dies zum Beispiel:

Der Leser kann schnelle Schlussfolgerungen und Annahmen treffen, wodurch das Tempo der Storys hoch bleibt. 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. Was genau haben diese beiden Panels kommuniziert? Wir wissen, dass unser Thema von Anfang an sehr glücklich war, dann geschah etwas im Rinne (der Raum zwischen den Platten) und er war nass fertig.

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

Die Rolle der Vorstellung der Leser beim Ausfüllen der Lücken wird als bezeichnet Schließung und ist der Schlüssel beim Comic-Geschichtenerzählen. Ein kluger Künstler wird das Notwendige vorschlagen und die entscheidenden Details der Kreativität der Leser überlassen.

Durch die Anregung der Gedanken des Lesers bleibt die Teilnahme hoch und die Seiten blättern?

? Der Text

Zum Schluss kommen wir zum Text. Comics sind eine Mischung aus Worten und Bildern, und die beiden sollten sich gegenseitig ergänzen, und die anderen sollten nicht dominieren. Als Comiczeichner, der auf ein leeres Panel starrt und die Aussicht hat, etwas kommunizieren zu müssen, wird Ihnen eine Entscheidung zwischen Wörtern und Bildern präsentiert. Wie sehr werden Sie sich auf Worte verlassen, um Ihren Standpunkt zu vermitteln? Könnten Bilder effizienter darstellen, was Sie möchten?

Wie Scott McCloud in Making Comics noch einmal betont, gibt es kein Richtig oder Falsch. Du solltest das Wort zählen behalten; Schwere Wortdichte verfehlt den Punkt von Comics und ist nicht das, wonach der Leser sucht. Wenn Sie sich jedoch auf Wörter verlassen, um eine Handlung zu vermitteln, erhalten Ihre Bilder mehr Spielfreude.

Schauen wir uns noch mal unseren feuchten Freund an. Die folgenden zwei Tafeln kommunizieren den gleichen Punkt, einer, der sich auf Bilder stützt, der andere auf Wörter:

Ein Mangel an Text in der ersten Zeile betont die Zeichnung. Wir beobachten unseren Mann in wütender, einsamer Stille. Das zweite Panel verwendet Text, um uns mitzuteilen, was los ist, und gibt den Bildern die Möglichkeit, andere Aspekte des Szenarios zu untersuchen. Eine Kombination kann das Beste aus beiden hervorbringen und die Botschaft bestärken:

Puristen mögen Ihnen sagen, dass Bilder die eigentliche Stärke von Comics sind - eine Comics-Stärke liegt sicherlich in ihrer gesamten visuellen Wirkung. Als solches liegt es an Ihnen, die Wörter vs. Bilder zu lösen.

Warum also Handschrift? Es ist wahr, Handschrift wird in Comics häufig für die Beschriftung 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. Darauf sind wir zurück Bitte nicht stören der Leser wieder. Text, der zum Zeichenstil passt und seine Botschaft eindeutig vermittelt, wird die Aufmerksamkeit kaum von der Erzählung ablenken. Es ist ebenso Teil des Bildes wie die Illustration.

Aus diesem Grund kann Text als Element eines grafischen Bildes auch grafisch manipuliert werden. Dieser Luxus, der zum Text als Teil einer Illustration gehört, kann verwendet werden, um weiter zu betonen, zu suggerieren und zu überzeugen. Die Ermutigung und Vergrößerung zum Beispiel gibt den Worten Resonanz und verleiht dem, was Will Eisner als das bezeichnet Leser Ohr. Die grafische Darstellung von Text durch grafische Darstellung ist ein weiteres Werkzeug in der Comic-Box für Künstler, um eine Geschichte zu erzählen.

Der Textballon ist ein vertrautes Medium, um Text zu liefern. Stilunterschiede beeinflussen die Art, 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? Welcher wird von einem Radio oder einem Fernsehgerät ausgestrahlt? Welches wird beim Lesen geschrieben?

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

Sprechblasen-Live-Effekt

OK, du warst geduldig genug. Es ist Zeit für ein bisschen praktische Kenntnisse, hier geht es los?

Adobe Illustrator ist aufgrund seines Layouts und seiner Textfunktionen sowie aller illustrativen Schnickschnacke ein nützliches Programm zum Erstellen von Comics. Es ist zwar nicht das am besten geeignete Werkzeug zum Erstellen einer gesamten Comic-Novelle, aber Illustrator kann bei der Erstellung von Comics auf verschiedene Weise helfen. Kopieren und Einfügen, Pfad- und Stricheffekte, Größenänderung usw.. Live-Effekte sind besonders nützlich, und die folgenden Schritte zeigen, wie ein solcher Effekt jeden Textblock in einen Comic-Text "Speech Balloon" verwandeln kann, wie ich ihn in diesem Artikel für Zitate verwendet habe.

Schritt 1: Text

Platzieren Sie etwas Text auf Ihrem Artboard - 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, deine Schrift zu wählen. Wenn Sie sie benötigen, finden Sie hier einige hochwertige kostenlose Schriftarten, die sich ideal für den Text von Comic-Texten eignen.

Clementine

VTC-Letterer

Laffayette

Alternativ ist die von Scott McCloud in seiner gesamten Arbeit verwendete Schrift, die auf seiner eigenen Handschrift basiert, zu einem vernünftigen Preis bei www.comicbookfonts.com erhältlich.

ScottMcCloud

Wenn Sie sich für eine Schriftart entschieden haben, laden Sie sie herunter, installieren Sie sie in Ihrem System und wenden Sie sie auf den Text in Ihrem Artboard an. Ich habe mich für die Italic Clementine entschieden und das Tracking auf Lesbarkeit erhöht. Ich habe auch ein hellgraues Rechteck zum Hintergrund hinzugefügt und es gesperrt (Befehl + 2). Dies verbessert die Sichtbarkeit, während wir arbeiten.

Schritt 3: Aussehen

Jetzt fängt es an, interessant zu werden. Wenn Ihr Text ausgewählt ist, entfernen Sie alle Füllfarben, die sich auf das Darstellungsfeld beziehen können. Öffnen Sie das Erscheinungsbildmenü und wählen Sie zu Neue Füllung hinzufügen. Sie werden sehen, dass sie im Erscheinungsbildfenster hinzugefügt wurde. Mein Bild ist zu 90% schwarz und dies ist die Hauptfarbe meines Textes.

Schritt 4: Zweite Füllung

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

Schritt 5: In Form umwandeln

Wählen Sie die weiße Füllung im Erscheinungsbildfenster aus, und wählen Sie Effekt> In Form umwandeln> Ellipse. Wählen Sie im Dialogfeld "In Form umwandeln" eine relative Breite und Höhe von 9px aus. Dadurch wird eine Sprechblase erstellt, die breiter und höher als der Text ist. Sollte sich unsere Textgröße erhöhen oder verringern, wird dies auch der Ballon tun.

Schritt 6: Ausbuchtung

Wir haben einen ziemlich dünnen Ballon um unseren Text herum erstellt, nun wollen wir die Form ein wenig verfeinern. Lassen Sie die weiße Füllung im Erscheinungsbildfenster ausgewählt und gehen Sie zu Effekt> Warp> Bulge? Tragen Sie eine vertikale Ausbuchtung von -50% auf, um die Seiten unseres Ballons etwas einzuquetschen. OK klicken.

Schritt 7: Duplizieren

Das Erscheinungsbildfenster zeigt jetzt deutlich, dass Ihr Type-Objekt 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. Dupliziere also die weiße Füllung mit Ausgewähltes Element duplizieren Taste. Auch hier sehen Sie noch keinen Unterschied im Text.

Schritt 8: Versatzpfad

Okay, beginnen wir mit der Bearbeitung unserer dritten und letzten Füllung. Beginnen Sie, indem Sie die Farbe ändern (meins ist 90% Schwarz, genau wie der Text), und wechseln Sie zu Effekt> Pfad> Versatzpfad. 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 den Look unseres Ballons zu beenden, fügen wir einen einfachen Schwanz hinzu. Mit drei Klicks des Stiftwerkzeugs erhalten Sie einen offenen Pfad in a V gestalten. Füllen Sie es weiß und geben Sie seinem Strich die gleiche Farbe und Breite wie der Strich um Ihren Ballon (in diesem Fall 90% Schwarz und 2 Pixel). Platziere den Schwanz irgendwo über dem Ballon und dein Effekt ist abgeschlossen.

Fazit

Natürlich ist dies ein Live-Effekt und kann auf jeden Text angewendet werden. Es wird die Größe und Größe nahtlos skalieren:

Durch einen Doppelklick auf einen der Effekte im Erscheinungsbildfenster können die Einstellungen bearbeitet werden. Dies kann für unterschiedliche Ballons in Ihrem Projekt nützlich sein.

Um Ihren Effekt für die spätere Verwendung zu speichern, öffnen Sie das Bedienfeld Grafikstile (Fenster> Grafikstile). Klicken Sie auf, während Ihre fertige Text-Sprechblase ausgewählt ist Neuer Grafikstil Taste. Wählen Sie in diesem Fenster Ihren neuen Stil aus, wenn Sie möchten, dass anderer Text zur Sprechblase wird.

Durst nach mehr?

Das Thema, wie und warum Comics das tun, was sie tun, ist ENORM, Ich habe mit diesem Artikel gerade erst die Oberfläche gekratzt. Wenn Sie sich für mehr interessieren (und wünschen, 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 mehrfach und aus gutem Grund zitiert. Will Eisner gilt nach seiner Veröffentlichung als Pionier der Graphic Novels Ein Vertrag mit Gott und wenige Leute haben Comics als eine Disziplin wie Scott McCloud studiert. Selbst die Nicht-Comic-Fans unter Ihnen werden wahrscheinlich seine Arbeit nach seinem letzten Werbeartikel für Google Chrome gesehen haben - wer sagte, dass Comics nicht ernst genommen werden könnten ?! In jedem Fall sind hier einige ihrer Lehrveröffentlichungen, die sehr zu empfehlen sind:

  • Scott McCloud - Comics machen
  • Scott McCloud - Comics verstehen
  • Will Eisner - Graphic Storytelling und Visual Narrative
  • Will Eisner - Comics und Sequenzielle Kunst

Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.