1. Design & Illustration
  2. Drawing/Illustration
  3. Cartoons & Comics

Erstellen Sie ein Comic: Wie Sie Ihr Comic planen und auflegen

Scroll to top
Read Time: 13 min
This post is part of a series called Create Your Own Comic.
Create a Comic Character: Making a Character Sheet in Adobe Illustrator
Make an Establishing Shot Using the Perspective Grid Tool in Adobe Illustrator

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem tutorial werden wir uns auf den Prozess hinter der Schaffung einer comic-Seite.   Wir werden darauf konzentrieren, wie Sie brechen die Idee des Comics in ein visual script, und macht es einfach und macht Spaß zu Lesen, durch die Verwendung verschiedener Arten von Platten und Perspektiven.

 In Adobe Illustrator arbeiten können wir eine schnelle und flexible Workflows durch die Verwendung von Schnittmasken erstellen unsere comic-panels, und das Effekt-Menü, um wellige Platten in kürzester Zeit.

1. Erstellen Sie ein Storyboard 

 Wenn Sie haben einen Charakter und eine Idee von dem, was Sie sagen wollen, könnte es verlockend sein, nur Tauchen Sie ein und beginnen zu zeichnen.  Wenn Sie extra-Pflege planen, die Geschichte und die Struktur der comic-vermeiden Sie, dass Sie zeichnen sich in einer Sackgasse.

Schritt 1 

 Es ist schwer, ein comic ohne etwas zu sagen, also der erste Schritt ist zu kommen mit irgendeiner Art von Veranstaltungsreihe.   Storytelling ist eine ganze form der Kunst, die alle auf Ihre eigene und ich werde nicht Tauchen Sie ein in es tief hier, aber Sie bekommen einige Tipps, wie Sie organisieren Ihre Ideen und verwandeln Sie in eine visuelle Geschichte.

 Für dieses Beispiel werde ich mit meinem kleinen chef-Charakter aus einem vorherigen tutorial, zu sagen, eine kurze slapstick-Art comic.  Ich möchte Schildern Sie als einen fröhlichen, aber tollpatschigen Charakter, so wird Sie einige Missgeschicke in der Küche, aber tun Ihr bestes, um alles zusammen.

Character idea sketchesCharacter idea sketchesCharacter idea sketches

 Ich start durch kommen mit einer Liste von Dingen, die schief gehen könnte, für Sie, darüber nachzudenken, wie eine Sache, die können führen zu einem anderen.  Für diesen Schritt habe ich nur doodle ein bisschen und kritzeln, was auch immer in den Sinn kommt, auf dem Papier, aber wenn die Eingabe Digital arbeitet besser für Sie ist, dann gehen Sie vor und verwenden Sie ein schreiben Programm statt. Das wichtigste ist, dass Sie sich wohl fühlen und einfach Ideen. 

Schritt 2

Sobald Sie haben einige gute Ideen gehen, versuchen, zu ordnen, die Ereignisse denken während des Tempo der Geschichte. Unterschiedlichen Tempo arbeiten für verschiedene Arten von Geschichten. Einige beginnen mit einem intensiven Haken und dann langsam nach unten. Wenn Sie eine längere Geschichte, es gibt viele online-Ressourcen, wie konstruieren eine Geschichte, die mit klassischen Modellen für das drama. Für meine Geschichte ist, wird es ruhig beginnen, sondern bauen sich zu einem chaotischen Szenario, eine Sache geht schief nach der anderen.

Script Beispiel

  • Zeigen die Einstellung ist eine Küche.
  • Zeigen Sie der Küchenchef zu Kochen.
  • Sie fantasizes über einen Preis zu gewinnen.
  • Sie versehentlich klopft etwas in das Essen.
  • Sie geht, etwas zu bekommen, das Essen Blasen und Raucht.
  • Wenn Sie zurückkehrt, das Essen ist das Rauchen stark und Sie ist schockiert.
  • Sie nimmt den Topf und rennt mit ihm Weg.

Für dieses tutorial werde ich nur auf die erste Seite des Comics. Es ist zwar kurz und einfach, ich Schreibe immer noch nach unten ein Skript für mich. Es muss nicht etwas Phantasie, und kann in der Tat nur aus einer Liste von Aktionen.  Ich nehme immer noch die Zeit, es aufzuschreiben, obwohl, um zu klären, was will ich eigentlich werden-Zeichnung.

Schritt 3

Mit einer Schrift, aber einfach, werden Sie eine praktische Referenz für diesen nächsten Schritt. Nun haben wir aufgeschrieben, alle die Maßnahmen, die wir brauchen, es ist Zeit zu verwandeln Worte in Bilder. Versuchen Sie zeichnen die Maßnahmen aus dem Skript, mit einfachen Strichmännchen. Machen Sie sich keine Sorge machen, gut Aussehen—wichtig ist, dass Sie Ihre Geschichte verstanden werden kann, in Bildern ebenso wie in schriftlicher form.

Actions drawn using stick figuresActions drawn using stick figuresActions drawn using stick figures

In diesem Stadium ist es oft klar, wenn Sie verpasst haben, einige der notwendigen Angaben in das Skript, oder wenn etwas funktioniert nur im text und nicht optisch.  Das Skript ist nicht Recht, so fühlen sich frei, um zurück zu gehen und her zwischen zeichnen und schreiben zu justieren, was nicht fühlen. Ich mag kritzeln viel in dieser phase, und fügen Sie Kommentare auf der Seite.

In der Regel mache ich die Seiten des Storyboards sehr klein. Wenn ich viele Seiten zu legen, es gibt mir einen guten überblick.  Einige Leute es vorziehen, Ihre storyboards in der Größe der fertigen comic.   Sie möchten möglicherweise versuchen Sie es auf diese Weise zu, um zu sehen, was funktioniert am besten für Sie.

2. Die Wahl der Richtigen Art von Platten 

Wenn wir wissen, wie unsere Geschichte geht, konzentrieren wir uns lieber mehr auf das Aussehen und das Gefühl wollen wir es haben.   Comics kommen in einer Vielzahl von Formaten, von der Zeitung comic-strips und graphic novels zu online-comics Blättern fast endlos.   Für mein comic, ich werde für etwas ein bisschen mehr als ein comic-strip, aber es wird wahrscheinlich nicht mehr als ein paar Seiten.  Eine vertikale oder horizontale Seite sind ebenfalls sehr feine Auswahl, aber ich werde mit der vertikalen.

Schritt 1 

 Auf der ganzen Welt gibt es verschiedene Arten von comics, nicht nur in den Zeichnungen, aber in den layouts als auch.  Die leeren Räume zwischen den comic-panels werden gemeinhin als 'Rinnen', die Häufig verwendet werden, in westlichen comics.  Mit einer oder mehreren Platten, ohne Rinnen, schafft eine andere Art von layout, die oft in japanischen comics (manga).

 Die Form des comic-panels können sehr unterschiedlich als gut. Es muss sich nicht um die üblichen Quadrate und Rechtecke.   Nachdem eine kreisförmige, sternförmige, oder wellig-panel können Sie geben ein anderes Gefühl, oder geben Informationen an den Leser. Zum Beispiel die wellenförmige Platte wird oft als ein Weg, zu sagen, dass das, was geschieht innerhalb des Panels, ist eine Fantasie, ein Traum oder eine Erinnerung, und nicht Teil der vorliegenden Erzählung. 

Examples of different types of comic panelsExamples of different types of comic panelsExamples of different types of comic panels

Auch die Größe des Fensters verändern die Atmosphäre des Comics.   Dass eine sehr lange Tafel mit viel Platz machen kann, das Tempo fühlt sich langsam.  Mit mehreren kleinen Platten neben einander, kann es fühlen, als ob Dinge geschehen schnell.

Schritt 2 

 Beim zeichnen der Inhalte in den frame, denken Sie an es, als ob Sie ein Kamera-operator. Je nach dem Winkel der Kamera, ist das Filmen aus, was ist in der Rahmen Aussehen wird, in einer bestimmten Weise.  Halten Sie die Kamera in einem flachen Winkel wird als worm ' s eye view und wird oft verwendet, um die Figuren wirken kraftvoll.  Ein Winkel von oben genannten bird ' s eye view.  Mit macht es ein Zeichen erscheinen kleiner und anfälliger. 

 Gibt es einen Ausdruck namens "talking heads" für die comics, wo die Zeichen sprechen eine Menge und die Platten sind einfach im Grunde, dass, talking heads.  Für strip-comics ist es nicht ungewöhnlich, dass die panels sehr ähnlich Aussehen, mit nur einem oder zwei Zeichen zu sprechen.

 Wenn die Herstellung mehr narrativ-fokussierten comics, es könnte gut sein, verschieben Sie die "Kamera", um ein bisschen mehr.  Close-ups, full-body-shots und mit der Vogel - /froschperspektive können die Dinge ändern sich eine Menge, auch wenn es nur zwei Figuren, miteinander zu sprechen.

Examples of varying angles to make a comic more interestingExamples of varying angles to make a comic more interestingExamples of varying angles to make a comic more interesting

Schritt 3 

 Egal, welche Art von comic, den Sie machen, clarity ist der Schlüssel.  Der Leser sollte nicht verwechselt werden, in welcher Reihenfolge die Platten gelesen werden soll, oder was passiert.  Während Sie das tun wollen, das zu variieren die Winkel, die Sie wollen nicht zu verwirren den Leser auf die Charaktere zu sprechen sind und wo wir zu sehen sind.

Ein großartiges Werkzeug, hier ist der "180-Grad-Regel".   Es wird oft gelehrt, in der film-Theorie, sondern angewendet werden können, um comics genauso gut. Es ist eine imaginäre Linie, dass die Kamera nicht überqueren.  So kann die Kamera bewegen um von einer Seite zur nächsten, ohne uns aus den Augen zu verlieren, welchen Charakter die.  Die linke Figur erscheint auf der linken Seite alle Zeit, auch wenn Sie die Kamera vor oder hinter Ihnen. 

Example of how the 180-degree rule worksExample of how the 180-degree rule worksExample of how the 180-degree rule works

 Dies ist zwar eine Regel genannt, es bedeutet nicht, dass es kann niemals gebrochen werden.  Sehe es eher als ein Werkzeug, um Ihnen zu helfen, und nicht etwas, das Sie immer zu Folgen.

3. Mit Clipping-Masken für Comic-Panels 

 Ich habe eine Skizze für ein comic-Seite, und es ist Zeit zu beginnen Sie mit dem layout richtig.  Auch nach der Planung, wie Sie wollen das layout Ihrer comic, Zeichnung, wenn es für real könnten Sie noch etwas verändern wollen. Für diese, ein guter Weg, um Ihren workflow flexibel ist das arbeiten mit Schnittmasken.   Hier werde ich gehen Sie durch, wie Schnittmasken arbeiten mit Adobe Illustrator, und wie können Sie verwendet werden, beim erstellen von comics.

Comic layout sketchComic layout sketchComic layout sketch

Schritt 1 

 Ich öffnen Sie ein neues Dokument in Illustrator, mit der Größe A4 voreingestellt.  Im Menü Datei wähle ich Statt der import meiner Skizze auf die Zeichenfläche. Sie könnten bemerken, die große X-Form über dem Bild.   Dies ist zu zeigen, dass das Bild verknüpft ist, aber nicht im Dokument eingebettet sind.  Das bedeutet, dass, wenn Sie bewegen sollte der image-Quelldatei, Illustrator können Sie das Bild laden.

Image imported into IllustratorImage imported into IllustratorImage imported into Illustrator

Schritt 2 

Direkt unter der oberen Menüleiste finden Sie einige Optionsfelder, die für Ihre importierten Bildes.  Wenn Sie klicken Sie auf die Schaltfläche Einbetten, Illustrator wird das Bild ein Teil des Dokuments.  Dies erhöht die Größe der Vorlage ein wenig, aber für lange Projekte, die es in handliches kommt. 

Embed buttonEmbed buttonEmbed button

Schritt 3 

Mit dem Rechteck-Tool, mit dem ich die Seite platzieren und Platten heraus, die als Platzhalter.   Ich wähle keine Füllung und einem blauen Strich. Das blau ist zu trennen die Platten sich leichter, wenn ich start Farbwerk. 

Rectangle objects as panel placeholders in the comicRectangle objects as panel placeholders in the comicRectangle objects as panel placeholders in the comic

Schritt 4 

Da habe ich die Skizze zu Folgen, ich kann nur Tauchen Sie ein in Farbwerk, wie ich fühle.  Dieses panel mit den schockierten Ausdruck scheint Spaß zu machen also ich gehe zuerst.  Mit dem Pinsel-Werkzeug, ich Importiere meine Tinte Pinsel aus meinem vorherigen tutorial, und beginnen zeichnen mit langen, lebhaften Strichen.   Da wir im Begriff sind zu verwenden, Schnittmasken, es spielt keine Rolle, wenn die Linien überschneiden sich die Grenzen. Dies macht die Farb-einfacher und macht mehr Spaß, da es bedeutet weniger Einschränkungen. 

Inking a panel ignoring frame bordersInking a panel ignoring frame bordersInking a panel ignoring frame borders

Schritt 5 

 Sobald das Farbwerk ist getan, ich wählen Sie alle panel-Inhalte Vektor-Pfade, nicht einschließlich die frame-Rahmen. Dann habe ich gruppieren Sie Sie durch drücken der Tastenkombination " Befehl-G.  Ich deaktivieren Sie die group, die entweder durch drücken der Tastenkombination "Befehl-Umschalt-A" oder durch Links-Klick irgendwo außerhalb der Auswahl. 

 Die frame-Rahmen werden unsere clipping-Maske, wir wollen aber auch den Rahmen, um zu zeigen, wie ein schwarzer Strich. Da clipping-Masken sind transparent, die schwarzen Konturen dieses frame wird nicht sichtbar sein.   Deshalb wählen wir den Rahmen, indem Sie sich selbst und machen Sie sich eine Kopie durch drücken der Tastenkombination " Befehl-C.

Grouping the inked artworkGrouping the inked artworkGrouping the inked artwork

Schritt 6 

Von hier aus kann man das panel Inhalte Gruppe zur Auswahl.   Mit alles ausgewählt, den wir mit der rechten Maustaste und wählen Sie " Schnittmaske aus dem dropdown-Menü.

Right-click dropdown menu Make Clipping MaskRight-click dropdown menu Make Clipping MaskRight-click dropdown menu Make Clipping Mask

Schritt 7 

 Von hier, wir fügen Sie den frame-Rahmen wir eine Kopie von einem früheren, durch drücken der Tastenkombination " Befehl-F.  Dies fügt den frame-Rahmen oben auf alles andere, und wir haben ein fertiges panel.

Finished panel using clipping maskFinished panel using clipping maskFinished panel using clipping mask

Schritt 8 

 Was ist wirklich nett ist, wie Sie ändern können, die comic-panel ganz leicht mit clipping-Masken wie diese. Mit der Direkten Auswahl-Werkzeug, ziehen Sie-wählen Sie einen der Ankerpunkte der Maske. 

Modifying the clipping maskModifying the clipping maskModifying the clipping mask

 Drag-Auswahl sorgt dafür, dass Sie bei der Wahl sowohl der transparente clipping-Maske und die schwarz-Rahmen-Grenze bei der gleichen Zeit. Jetzt können Sie ziehen Sie die Ankerpunkte, um die Darstellung des Rahmens.  Die versteckten Teile von der eingefärbten Platte wird zeigen, entsprechend. 

Schritt 9 

Jetzt versuchen wir ein anderes panel.   Dieser hat einen welligen Rand, um zu zeigen, dass es ein fantasy statt. Mit Illustrator gibt es eine einfache Möglichkeit, um diesen Effekt zu erzielen.  Starten Sie durch mit einem Rechteck-Form auf den ersten.  Fügen Sie einige mehr Ankerpunkte auf jeder Seite.  Ich habe fünf auf jeder langen Seite und zwei auf jeder kurzen Seite. 

Add points to rectangle objectAdd points to rectangle objectAdd points to rectangle object

Schritt 10 

Während das Rechteck ausgewählt haben, wählen Sie "Effekt" > " Verzerren & Transform > Zick-Zack. 

Effect Distort Transform Zig ZagEffect Distort Transform Zig ZagEffect Distort Transform Zig Zag

Von hier aus erreichen Sie das Menü "Optionen".  Sie können spielen, um mit den Einstellungen für unterschiedliche Ergebnisse.  Dies sind die Einstellungen, die ich wählte für mein panel. 

Zig Zag options Size 2 mm Absolut 1 Ridges per segment Smooth pointsZig Zag options Size 2 mm Absolut 1 Ridges per segment Smooth pointsZig Zag options Size 2 mm Absolut 1 Ridges per segment Smooth points

Und das ist das Ergebnis.  Beachten Sie, wie die Vektor-Pfad hat immer noch die Rechteck-Form.   Wenn Sie möchten, Bearbeiten Sie die Form des Panels mehr, es kann nützlich sein, um nur ein paar Ankerpunkte zu arbeiten.

Zig Zag Effect results on comic panelZig Zag Effect results on comic panelZig Zag Effect results on comic panel

 Schritt 11

 Verwenden Sie die wellige Form als Schnittmaske, die wir brauchen, um die Wirkung, die wir erstellt haben, in ein vector-Pfad. Wir tun dies, indem Sie "Objekt" aus dem oberen Menü, und dann Erweitern Sie Aussehen, während Sie mit dem Bedienfeld ausgewählt. 

Expand Appearance on comic panelExpand Appearance on comic panelExpand Appearance on comic panel

 Jetzt haben wir eine wellenförmige Vektor Weg, den wir verwenden können, wie ein clipping-Maske.

Wavy vector path as comic panelWavy vector path as comic panelWavy vector path as comic panel

Schritt 12 

Zeit für die Einfärbung wieder!   Genau wie beim letzten mal, fühlen Sie sich frei, um Tinte ohne darüber nachzudenken, bleiben innerhalb der Grenze.  Wenn Sie fertig sind, Gruppe alles, was in das panel zusammen mit Befehl-G, oder mit der rechten Maustaste und wählen Sie Gruppe aus der dropdown-Menü.

Kopieren Sie den frame-Rahmen einfügen, der später oben.  Dann wählen Sie die Gruppe Inhalt und frame-Rahmen.  Um eine Schnittmaske, mit der rechten Maustaste und wählen Sie " Schnittmaske.   Sie können auch drücken Sie "Befehl-7" für das gleiche Ergebnis.

Make Clipping Mask of wavy panel and artworkMake Clipping Mask of wavy panel and artworkMake Clipping Mask of wavy panel and artwork

Schritt 13 

Top-panel aus, der durch einfügen der kopierten frame-Rahmen auf der Oberseite der alles, was mit Befehl-F.   Sie werden feststellen, dass sobald Sie die clipping-Maske, die das ganze panel wird wie ein neues Objekt.  Die einzelnen Striche der Zeichnung kann nicht ausgewählt werden, es sei denn, Sie verwenden Sie das Direktauswahl-Werkzeug.

Finished wavy comic panelFinished wavy comic panelFinished wavy comic panel

 Doppelklicken Sie auf das Objekt mit der Schnittmaske nehmen Sie es im inneren. Hier haben Sie vollen Zugang zu ändern, das Kunstwerk wieder.   Zum Beispiel dachte ich, die Linien waren etwas zu dick in diesem Bereich, so dass ich einfach doppelt auf das clipping-Maske, die ausgewählten Kunstwerke-Gruppe und senkte die Konturstärke ein wenig aus dem Bedienfeld "Kontur" aus.

Modifying artwork within a clipping maskModifying artwork within a clipping maskModifying artwork within a clipping mask

Schritt 14 

 Das panel verwendet eine quadratische clipping-Maske, aber ich habe meine Meinung geändert und wollen, dass es eine isolierte panel. Ich will die Zeichen überschneiden sich die oben genannten fantasy-panel ein wenig.  Ich denke, das wird sogar noch deutlicher machen, dass Sie träumen.

Square comic panel using clipping maskSquare comic panel using clipping maskSquare comic panel using clipping mask

 Wählen Sie die Schnittmaske mit dem Direktauswahl-Werkzeug.  Starten Sie das hinzufügen von Punkten mit dem Zeichenstift-Werkzeug, wo Sie wollen, ändern Sie die clipping-Maske.

Adding points to clipping maskAdding points to clipping maskAdding points to clipping mask

Auf diese Weise können Sie halten die Gestaltung der Maske, wie du willst.  Da wir nur mit Linien und nicht weiße Farbe, ist diese Platte und oben stören.   Unsere Zeichen überlappen sich die Platte oben, wir müssen das ändern, das panel ist Schnittmaske ein wenig, als gut.

Modifying the clipping mask to reveal more artworkModifying the clipping mask to reveal more artworkModifying the clipping mask to reveal more artwork

 Sie können ändern Sie die Schnittmaske mit dem Direktauswahl-Werkzeug direkt, wie im vorherigen Beispiel.  Eine andere Möglichkeit ist, doppelklicken Sie auf das Objekt, das Sie zu einem isolierten Clip-Gruppe.  Hier können Sie die Maske, ohne sich Gedanken über Auswirkungen auf Bildmaterial von anderen panels.

Clip Group exampleClip Group exampleClip Group example

 Abschließend

 In diesem tutorial werden wir gehen über einige gemeinsame Techniken, die in comics, wie die 180-Grad-Regel und die Vogel-und froschperspektive, um es interessanter aussieht.

 Mit verschiedenen Arten von Platten, die wir geben können, verschiedene Gefühle zu unserem comic und Illustrator arbeiten gibt uns die Möglichkeit, clipping-Masken, die wir ändern können, um unseren Geschmack.

 Zwar gibt es keine festgelegten Regeln in den comics, es kann nett sein, ein paar lehnen an am Anfang. Wie Sie weiter comics machen, werden Sie sehen, dass sich eine Menge Versuch und Irrtum, aber auch, dass einige Techniken sind gemeinsam für einen Grund. 

Finished comic page layoutFinished comic page layoutFinished comic page layout
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads