Webtoons und seitenbasierte Comics mögen auf den ersten Blick nicht so unterschiedlich erscheinen. Aber die Wahrheit ist, dass sie ein völlig anderes Leseerlebnis bieten. Das vertikale Scroll-Format zeigt dem Leser selten mehr als zwei Panels gleichzeitig. Dies ermöglicht und erfordert unterschiedliche Wege, Spannung aufzubauen und strukturelle Elemente eines Comics, wie Szenenübergänge, zu handhaben.

 

Dieses Tutorial stellt 8 Techniken zur Gestaltung von Szenenübergängen vor, sowohl aus technischer als auch aus konzeptioneller Sicht.

 

Wenn Sie eine Videoversion dieses Tutorials ansehen möchten, finden Sie diese hier:

Grundlegende Tipps

Zunächst, wenn Sie gerade erst mit der Erstellung von Webtoons beginnen, empfehle ich Ihnen, zuerst mein anderes Tutorial „Comics für Print und Webtoon erstellen“ anzusehen, das einige der Grundlagen behandelt.

Zweitens, eine wichtige Sache, die man bei der Arbeit an Webtoons immer im Auge behalten sollte, ist, wie sie jemandem erscheinen, der den Comic auf seinem Handy oder Tablet liest. In der Vergangenheit fand ich es hilfreich, ein kleines rotes Rechteck in den Abmessungen eines typischen Telefonbildschirms zu zeichnen und es über den Webtoon zu legen, um eine Vorstellung davon zu bekommen, welche Bereiche der Zeichnung sichtbar sein werden. Ab Version 1.10.5 hat Clip Studio Paint jedoch die Option „Bildschirmanzeigebereich“ unter dem Menü „Ansicht“ hinzugefügt, die diese Richtlinie auf viel bequemere Weise ermöglicht!

Vor diesem Hintergrund kommen wir nun zu einigen konkreten Beispielen von Szenenübergangstechniken, die Sie verwenden können:

Technik #1 - Hinein- und Herauszoomen

Dies ist eine von zwei grundlegenden Techniken, und Sie werden sehen, wie ich sie in Kombination mit einigen anderen verwende, die ich in diesem Tutorial bespreche.

 

Es ist ziemlich einfach: Wenn ich eine Szene etabliere, zoome ich gerne allmählich hinein. Ebenso zoome ich am Ende einer Szene gerne allmählich heraus. Dies hilft, Ihren Lesern ein gewisses Gefühl der Konzentration zu vermitteln. Wenn Sie etwas Interessantes betrachten möchten, gehen Sie vielleicht näher heran oder halten es näher an Ihr Gesicht, um es zu inspizieren. Wenn wir diese Technik in Webtoons verwenden, führen wir diese Aktion für unsere Leser aus und sagen ihnen: „Hey, gleich passiert etwas“ oder „Okay, das war’s mit dieser Szene“.

Technik #2 - Farbe

Die andere klarste Art, zwischen Szenen zu wechseln, besteht darin, sie visuell voneinander abzugrenzen. Eine der einfachsten Möglichkeiten dazu ist die Verwendung unterschiedlicher Farben. Natürlich ist die Helligkeit eine weitere Option, die besonders relevant wird, wenn Ihr Webtoon nur in Graustufen gehalten ist.

 

Zum Beispiel zeige ich hier Enrico in seinem Zimmer – mit warmen, pastellgrünen Obertönen. Währenddessen liegt Dodger auf einem braunen Teppich. Dies ist nicht das drastischste Beispiel für unterschiedliche Farben, aber es ist eine nützliche Erinnerung daran, dass Sie Ihre Leser nicht immer mit diesen Techniken überhäufen müssen und selbst subtile Anwendungen Ihre Absicht gut vermitteln können.

Sie können sogar Farbe verwenden, um zwei getrennte Orte zu verbinden, wenn an beiden eine bestimmte Aktion stattfindet. Hier verwende ich einen euphorisch gelben Hintergrund, um Enricos Aufregung zu vermitteln, Dodger zu erreichen, auch wenn es nur durch Textnachrichten geschieht:

Technik #3 - Den Geist betreten

Gehen wir zu fortgeschritteneren Techniken über.

 

Diese ist nützlich für einen Szenenübergang zu einem Rückblick oder Szenen, die in der Vorstellung eines Charakters stattfinden.

Beginnen Sie mit einem Panel, das sich auf Ihren Charakter konzentriert, und fügen Sie dann ein Panel hinzu, das näher an sein Gesicht heranzoomt. Wenn Sie möchten, können Sie noch mehr Panels hinzufügen, die weiter hineinzoomen, und diese mit Dialogen begleiten.

 

Es kann nützlich sein, ähnliche Kompositionen zu verwenden, wenn Sie das letzte Panel einer „realen“ Weltszene und das erste Panel einer Erinnerungs- oder Fantasieszene erstellen, insbesondere im Hinblick auf die Platzierung Ihres Charakters. Sie müssen nicht gleich aussehen oder sogar den gleichen Ausdruck in beiden Panels tragen. Der Charakter sollte jedoch der klare Fokus jeder Szene sein – ein Ankerpunkt für die Leser, der ihnen hilft, die Verbindung herzustellen, dass dies eine Erinnerung oder ein Tagtraum ist.

 

In meinem obigen Beispiel weiche ich von dieser Regel ab, da ich bereits etabliert habe, dass mein Charakter Dodger Visionen haben kann. Zusätzlich ist der Fokus seiner Vision hier Sammy. Ich empfand es nicht als notwendig, ihn als zentrales Element des Panels zu zeigen und zeigte ihn lediglich von hinten, wie er Sammy beobachtete.

 

Es kann nützlich sein, einen Farbverlauf hinter diesen Panels hinzuzufügen, um beispielsweise von einem hellen Hintergrund zu einem dunklen Hintergrund für die Dauer der erinnerten oder imaginierten Panels überzugehen. Dies hilft, Ihren Lesern zu vermitteln, dass jedes Panel vor einem anderen Hintergrund nicht Teil der aktuellen Zeitlinie oder Realität ist.

Natürlich sind Sie nicht auf die Verwendung von Farbverläufen beschränkt! In meinem Beispiel am Anfang dieses Abschnitts habe ich einen speziellen Lineart-Effekt und eine einzigartige Farbpalette verwendet, um das gleiche Endergebnis zu erzielen.

 

Sie könnten auch das Verlaufswerkzeug mit der Ebenenfarboption kombinieren, um auf schnelle und einfache Weise einzigartige Effekte zu erzielen.

Ich empfehle Ihnen dringend, dieses Tutorial zu lesen, um mehr zu erfahren, insbesondere den Abschnitt „Tonwert-Farbverläufe“:

Sie müssen diese Art von Übergang auch nicht immer langwierig gestalten, wenn Sie ihn nicht dramatisch wirken lassen möchten. Verkürzte Versionen dieser Technik sind nützlich für Dinge wie Gags oder wenn Charaktere plötzliche Erkenntnisse haben.

Hier zeige ich kurz einen Rückblick, ohne auf Dodgers Gesicht zu zoomen. Sein direkter Blick auf den Betrachter, der Vignetteneffekt und die Gedankenblasen-artigen Ränder des Rückblenden-Panels helfen jedoch dem Leser zu vermitteln, dass dies eine Erinnerung ist.

Technik #4 - Mehrere Aktionen in einer einzigen Szene

Mit dieser Technik können Sie einen nahezu animierten Effekt erzielen. Indem Sie mehrere Phasen einer einzelnen Aktion oder mehrere miteinander verbundene Aktionen zeigen, können Sie diese Aktionen hervorheben.

 

Hier ist ein Beispiel:

Ich wollte eine ruhige Morgenstimmung für die Szene schaffen, also beschloss ich, einen Vogel zu zeigen, der durch die Luft fliegt. Da der Himmel viel vertikalen Raum bietet, konnte ich denselben Vogel in verschiedenen Stadien dieser Aktion zeigen.

 

Auch zu Beginn der Szene kennen wir den Kontext des Geschehens noch nicht, und erst wenn der Vogel an einem erkennbaren Wahrzeichen landet, werden die Leser verstehen, wie es mit der Geschichte zusammenhängt. Dies kann dazu beitragen, ein Gefühl der Intrige zu erzeugen.

 

Dieselbe Technik kann auch in einem einzelnen Hintergrundpanel angewendet werden, um entweder eine ruhige Umgebung hervorzuheben, wie im vorherigen Beispiel, oder sehr schnelle Aktionen, wie in diesem Konzept:

Alternativ können Sie auch mehrere Panels verwenden, die den Hintergrund und die Komposition in jedem Panel gleich halten, wobei sich nur die Aktionen der Charaktere ändern. Wenn Sie die Technik des einzelnen Hintergrundpanels aus kompositorischen Gründen nicht verwenden können, ist diese Option ebenso gültig:

Sie könnten auch Orte wechseln, indem Sie einen Charakter zeigen, der die Aktion in einem Panel beginnt, dann verschiedene Phasen der Aktion außerhalb jedes Panels zeigen und schließlich die Aktion in einem weiteren Panel abschließen.

Technik #5 - Orte mit Text verbinden

Wenn dasselbe Ereignis an verschiedenen Orten geschieht oder aus verschiedenen Blickwinkeln betrachtet wird, kann es nützlich sein, Text oder Farben zu verwenden, um die Verbindung zwischen diesen beiden Szenen zu vermitteln.

 

Zum Beispiel sind hier zwei Beispiele, in denen ich Text verwende, um diese Charaktere miteinander zu verbinden. In beiden Fällen verlässt oder erstreckt sich der Text über die Panels hinaus, die die Charaktere zeigen. Dies hilft den Lesern zu vermitteln, dass dieser Text – dieser Dialog oder Soundeffekt – buchstäblich über die Grenzen der dargestellten Orte hinausgeht.

Wenn Sie mein anderes Webtoon-Tutorial gesehen haben, wissen Sie, dass Clip Studio Paint ein spezielles Panel-Werkzeug besitzt. Es ist sehr hilfreich, um Ihre Webtoon-Dateien organisiert und sauber zu halten. Beachten Sie jedoch, dass Sie, wenn Sie diese Szenenübergangstechnik verwenden, neue Ebenen erstellen müssen, die SICH ÜBER statt innerhalb der Panel-Ordner befinden, damit Ihre Kunst außerhalb der Panels sichtbar ist.

Technik #6 - Hintergründe langsam etablieren

Wenn Sie Szenen zwischen zwei Einstellungen wechseln möchten, kann es manchmal sinnvoll sein, dies langsam zu tun.

 

Das bedeutet zum Beispiel, dass Sie, wenn Sie von einer Szene im Freien zu einer Szene in Innenräumen an einem anderen Ort wechseln, zuerst den anderen Ort von außen zeigen möchten, bevor Sie das Innere zeigen.

Hier habe ich auch ein zusätzliches Panel zwischen der Außen- und Innenaufnahme eingefügt, um die Stimmung der Szene weiter zu etablieren. Das Tropfen von Wasser ist nur in einer ruhigen Umgebung zu hören, was dieses Panel vermittelt.

 

Beachten Sie, dass ich auch die Größe des äußeren Panels so gewählt habe, dass es den Bildschirm eines Smartphones eines Lesers vollständig ausfüllt. Große Panels wie diese helfen den Lesern, länger in einer Szene zu verweilen und sie als wichtiger zu empfinden. Bei Übergängen zwischen verschiedenen Orten kann dies eine hilfreiche Technik sein, um die Aufmerksamkeit Ihrer Leser zu erregen und diesen Übergang zu betonen.

Technik #7 - Den Fluss der Zeit kommunizieren

Panels, die Hintergrundszenen zeigen, sind eine nützliche Methode, um den Fluss der Zeit darzustellen. Zum Beispiel könnten Sie die Beleuchtung, das Wetter oder sogar Details wie schließende Geschäfte und wegfahrende Autos ändern. Die Möglichkeiten sind endlos!

Anmerkung: Wenn Sie die Beleuchtung einer Szene ändern möchten, insbesondere auf subtile Weise, kann es hilfreich und schneller sein, zunächst Korrekturebenen zu verwenden, anstatt die Szene von Grund auf neu einzufärben. Weitere Informationen zu Korrekturebenen finden Sie in diesem Tutorial:

Bei der Verwendung dieser Technik ist es wichtig, den Abstand zwischen den Panels zu beachten! Wenn Sie Panels eng beieinander platzieren, könnten Leser schnell daran vorbeiscrollen, wodurch sie das Gefühl bekommen könnten, dass diese Panels in kürzerer Zeit stattfinden. Wenn Sie die Panels weiter auseinander platzieren und Leser länger brauchen, um daran vorbeizuscrollen, erhöht dies das Gefühl des Zeitflusses!

Technik #8 - Spannung aufbauen, indem der Dialog zuerst gezeigt wird

Ich habe dies bereits in meinem anderen Tutorial über Webtoons besprochen, möchte diese Technik hier aber noch einmal wiederholen. Sie können die Überraschung bei der Enthüllung einer neuen Szene oder eines neuen Ortes erhöhen, indem Sie zuerst einen Dialog zeigen, der die Szene anteasert.

 

Dies erreichen Sie, indem Sie sicherstellen, dass der Dialog den gesamten Platz eines Telefonbildschirms einnimmt, so dass Ihre Leser einen Moment über diesen Dialog nachdenken müssen. In diesem Moment könnten sie über die Implikationen nachdenken und die Szene in ihrem Kopf aufbauen, ob bewusst oder unbewusst!

 

Danach können Sie die vollständige Szene zeigen – und Ihre Leser entweder überraschen, indem Sie ihre Erwartungen untergraben, oder sie begeistern, wenn ihre Vorhersage sich als wahr herausstellt!

Vielen Dank!

Wir sind am Ende angelangt und ich hoffe, diese acht Techniken werden Ihnen beim Erstellen Ihres Webtoons hilfreich und inspirierend sein. Natürlich gibt es noch viele weitere Optionen, mit denen Sie Szenenübergänge handhaben könnten. Eine der besten Möglichkeiten, sie zu lernen, ist, Webtoons mit einem analytischen Ansatz zu lesen und herauszufinden, welche Technik bei Ihnen einen Eindruck hinterlässt und warum!

 

Haben Sie Lieblingsübergangstechniken? Fühlen Sie sich frei, diese im Kommentarbereich zu diskutieren! Wie immer, vielen Dank fürs Lesen!

 

Ach, und wenn Ihnen gefallen hat, was Sie hier gesehen haben, warum schauen Sie sich nicht meinen Comic an?