StoreBlogRSSTwitterFlickrIssuuYouTubeFacebookImage Stock Archive

ARTICLES
Art, Society, Media & Design

Articles

Oliver Weiss Design

S E A R C H


template_webdesign template line
template computer
Tutorials

Photoshop-Lexikon
deutsch / englisch

Photoshop Glossary

Coverillustration im Stile
von "The New Yorker"

Step-by-Step Photoshop Tutorial

Illustration auf alt getrimmt
Step-by-Step Photoshop Tutorial

Oans, zwoa, Pop-Art!
Macwelt
Tutorial on
Oktoberfest Poster Design

Wie zeichnet man
einen Comicstrip?

Step-by-Step Photoshop Tutorial

Zweifarbendruck
Step-by-Step Photoshop Tutorial
template line
template computer
Art & Society

Der Taktgeber
Film Composer John Ottman

Charlie Brown lives
Peanuts Creator Charles M. Schulz

Entwicklung der politischen
Parteien in Deutschland

Evolution of German Parties since 1848

FAQ zur Online-Bewerbung
How to File Job Applications Online

Die Muminmutter
Tove Jansson, Writer & Artist

Муми-мама
Туве Янссон

Muminmutter lebt
Tove Jansson ist gestorben

Moominmamma Forever
Tove Jansson has Died

Муми-мама навсегда
Туве Янссон

9-11 - One Year After
Comments by Ed Koch et al.

9-11 - ein Jahr später
Kommentare von Ed Koch et al.
template line
template internet
Business

PR for Law Firms
Getting Exposure in the Media

PR für Kanzleien
Die gewünschte Publicity bekommen

Wer abmahnt, hat
nicht immer recht

Interview on Cease and Desist Letters

Ein wunderbarer
Spätsommertag

Interview on 9-11
template line
template computer
Technology

Now you're Talking!
Speech Analysis Methods

PC für Anfänger
How do Computers Really Work?

Die Sprachverarbeiter
Automatic Speech Recognition
template line
template tech stuff
Web Technology

Alles mit System
Content Management for Lawyers

Die Anwaltssuche 
Lawyers Search Engine

Die Datenmacher
Databased Law Firm Websites

Die Datenmaschinen
Web Content Management Systems

Digitales Publishing
Document Management with PDF 

Internet-Zugang einrichten
Internet Dial-up Access Step by Step

Internet in New York
Free Internet Providers in NYC

Maßgeschneidert
Content Management for Publishers 

Web-Wissen
Web World Glossary
template line
template_webdesign
Web Design

Der Arzt im Web
Web Design for Doctors

Anwalts-Marketing-Preis
für Haarmann Hemmelrath

First Prize for Legal Web Site

Auf einen Blick
Corporate Design for Lawyers

En un coup d'oeil
L’image de l’entreprise sur Internet

In Szene gesetzt
Web Sites for Law Firms

Wie aus einem Guß
Corporate Design for Accountants

 

ARTICLES > Besuch in Entenhausen


Tutorium:
Wir zeichnen
einen Comicstrip

Besuch in Entenhausen
||| Oliver Weiss

Wollten Sie immer schon mal einen Comic zeichnen? Hier zeigen wir, wie’s mit Unterstützung von Photoshop gemacht wird.

Duckburg, Revisited: Have you always wanted to draw your own comic strip? Follow this step by step tutorial how to build your strip in digital format with Photoshop.

 

I

 
Aus:
Macwelt,
Europas größter
Mac-Zeitschrift
(IDG Communications,
Juni 2004)

DOWNLOAD

>COMIC STRIPS: Hier finden Sie weitere Comicstrips in diesem Stil.

>TURTLE TALES COMICS: Hier finden Sie meinen Strip "Turtle Tales".

>OKTOBERFEST DESIGN TUTORIAL: Macwelt article on how the poster was created.

>POSTER-ILLUSTRATION: Illustration im Stile des "New Yorker".

>ILLUSTRATIONEN: Illustrationen aus dem Bereich Lifestyle.

n unserem Beispiel wird mit einem Comicstrip eine Episode im Leben der Hauptfigur Antonino erzählt: Antonino entdeckt im Park die ersten Märzenbecher, die ihn an seine große Liebe Francine erinnern. 

Doch nicht alle Erinnerungen an die Französin sind positiv. Francine ist eine Frau, die weiß was sie will und einen bis ins Detail kalkulierten Plan vom Leben hat, dem gegenüber sich Antonino hoffnungslos überfordert sieht; er sucht das Weite.

 

1) Die Idee

Wir entwickeln den Comicstrip „Antonino“ zunächst als Schwarzweißzeichnung ohne Text. Das Bild wird eingescannt und anschließend direkt in Photoshop koloriert und mit Licht- und Schatteneffekten versehen. Der Text kommt ganz zum Schluss.

 

2) Das Konzept

Das Wichtigste bei einem Comicstrip ist die zu erzählende Geschichte. Das ist wie beim Film: Eine gute Idee (der „Plot“) macht noch lange keine gute „Story“. 

Die Idee des Strips wird in Form eines kleinen Drehbuchs („Script“) entwickelt und als „Storyboard“ skizziert. Es legt die Erzählperspektive („Setting“) und den Erzählstrang fest („Flow“). In den einzelnen Bildern („Panels“) wird der Ablauf der Geschichte zusammen mit dem Text festgelegt. In der eigentlichen Ausführung schließlich kommen dann Aspekte wie Kameraperspektive, Licht und Schatten sowie Platz für den Text ins Spiel.

Bei einem Comicstrip entscheiden die ersten Bilder, ob beim Leser Interesse geweckt und weiter gelesen wird. Man kann die Wichtigkeit des Storyboards gar nicht genug betonen. Selbst ein so erfahrener Zeichner wie Charles M. Schulz, der seinen „Peanuts“-Comicstrip immerhin über 50 Jahre lang zeichnete, legte nicht gleich mit der Reinzeichnung los, sondern entwickelte seine Strips grundsätzlich step by step mit Storyboards.

Von der Skizze über die Reinzeichnung bis hin zum kolorierten Bild mit Licht- und Schatteneffekten und Text.
3) Die Skizze

Einen Comicstrip von Anfang bis Ende in der richtigen Reihenfolge und mit stimmigen Größenverhältnissen zu entwickeln, ist nicht ganz einfach. Daher skizziert man die einzelnen Bildelemente am besten unabhängig vom geplanten Format auf losen Blättern und setzt sie anschließend digital mit Photoshop zusammen. Das genaue Skalieren auf das im Ergebnis gewünschte Format erfolgt ebenfalls digital. „Antonino“ wird im Format A4 angelegt.

4) Die Reinzeichnung

Die so zusammengesetzte Skizze wird seitenfüllend auf einem A4-Drucker ausgedruckt und auf einem darüber gelegten Transparentpapier mit einem Tuschestift ins Reine gezeichnet. Das Ergebnis wird mit 300 dpi im Graustufenmodus eingescannt.

Die Konturen der Zeichnung werden bei Scannen nicht pechschwarz erfasst, sondern leicht gräulich und mit Abstufungen in verschiedenen Grautönen: ein Effekt, der das Bild lebendiger wirken lässt, als würde man nur mit Schwarz und Weiß im Bitmap-Modus arbeiten.

Für den Scan sollte man die Belichtungsanpassung so einstellen, dass die dunklen Bereiche des Bildes (die Linien) dunkler und die hellen Bereiche (die Oberfläche des Transparentpapiers) heller gescannt werden. Damit stellt man sicher, dass keine Details verloren gehen und vermeidet, dass das Bild einen Grauschleier bekommt. In vorliegenden Fall wurden für das Grauwerthistogramm des Belichtungsanpassungs-Werkzeugs der Scansoftware die Werte 211 (bzw. 82,4%) für die hellen Bildstellen und 77 (bzw. 30%) für die dunklen Bildstellen gewählt.

 

5) Die Kolorierung

Jetzt bekommt unser Bild Farbe. Dazu wird in Photoshop eine neue Ebene unter der Reinzeichnungsebene angelegt, deren Ebenenmodus ihrerseits auf „Multiplizieren“ gesetzt wird. Dadurch wirken die beiden Ebenen wie zwei übereinander gelegte Dias: Die Reinzeichnung und die Farben verschmelzen.

Koloriert wird mit dem runden Zeichenstift der Stärke 55 (weniger für feine Details) mit Farben aus dem RGB-Spektrum, die gleichzeitig auch CMYK-kompatibel sind.

Die Reinzeichnungs- und Kolorierungsebene werden miteinander multipliziert.
Rot für die Wangen 
und die Hutkrempe
Ausgewählte Farben, die nicht für den Vierfarbdruck geeignet sind, werden im Farbauswahlmenü mit einem Symbol in Form eines Warndreiecks angezeigt. Klickt man auf dieses Dreieck, wird diejenige Farbe als ausgewählt markiert, die der gewählten RGB-Farbe im CMYK-Spektrum am ehesten entspricht.

Die einzufärbenden Bereiche werden mit schnellem Strich jeweils in den ausgewählten Farben ausgemalt. Dabei muss es nicht ganz exakt zugehen: Die weißen Ränder verpassen dem Comic einen lebhaften, lockeren Anstrich.

Um die Farbgebung etwas interessanter zu gestalten, wird eine weitere Ebene aufgespannt (Ebenenmodus „Multiplizieren“, Transparenz 40 %), auf der man einen freundlichen Orangeton (RGB 242, 167, 140) mit dem Zeichenstift an jenen Stellen aufträgt, die ein wenig rötliche Akzentuierung vertragen können, hauptsächlich sind das die Gesichter der Protagonisten.

 

6) Licht und Schatten

Der Strip wirkt jetzt noch etwas eindimensional. Um ihm mehr Kontur zu verleihen, werden jetzt gezielt Licht- und Schatteneffekte eingearbeitet. Das Licht soll von rechts oben kommen. Wir arbeiten dafür gelbe Lichteffekte auf der rechten Seite der gezeichneten Figuren und Objekte ein und dunkelgraue Schatteneffekte auf der linken.

Für die Lichteffekte wird eine neue Ebene über der Reinzeichnungsebene aufgespannt und im Ebenenwerkzeug mit einer Transparenzeinstellung von 40 Prozent abgeschwächt.

Wir wählen im Farbmenü einen gelben Ton mit den RGB-Werten 226, 214 und 30. Mit dem Zeichenstift der Stärke von 55 Pixeln werden jetzt diejenigen Bildstellen gelb ausgemalt, die von der imaginierten Lichtquelle angestrahlt werden. Dazu hilft es, sich die Objekte plastisch vorzustellen. Im abgebildeten Beispiel des Mädchens wird also die (vom Betrachter aus) rechte Hälfte des Gesichts gelblich eingefärbt, ebenso wie ein Teil des Halses und des rechten Arms.

Im Uhrzeigersinn von links oben: Koloriertes Bild ohne Licht- oder Schatteneffekte; mit Lichteffekten; mit Schatteneffekten; mit Licht- und Schatteneffekten kombiniert

Ganz ähnlich gehen wir bei den Schatteneffekten vor. Wieder wird eine neue Ebene angelegt – diesmal mit einer Transparenz von 15 Prozent. Im Farbmenü wählt man die Farbe Schwarz und arbeitet dann schrittweise Schatteneffekte mit dem Zeichenstift in die Figuren und Objekte – beim Mädchen also in der linken Gesichtshälfte, am Hals entlang und am linken Arm bis runter zum Dekolleté. Die schwarzen und gelben Effekte dürfen sich dabei durchaus ein wenig überlappen. 

Beide Ebeneneffekte kombiniert ergeben das in der Abbildung gezeigte Bild: Die Figuren wirken jetzt viel plastischer und lebhafter.

 

7) Der Text

Grundsätzlich ist es bei der Entwicklung eines Comicstrips zu empfehlen, Bild und Text nicht zu vermischen. Damit riskiert man weniger Fehler (und damit weniger Nachbearbeitung), denn je mehr es pro Bild zu zeichnen gibt, desto höher ist die Wahrscheinlichkeit, dass man sich vermalt. Außerdem bleibt man auf diese Weise extrem flexibel. Der vorliegende Comic soll nämlich später einmal auch als englischsprachige Fassung angelegt werden.

Wir drucken die Reinzeichnung in Schwarzweiß seitenfüllend im A4-Format aus, legen ein Transparentpapier darüber und schreiben den Text in die dafür frei gehaltenen Flächen. In der Abbildung wird diese Methode durch die gegenüber der Textebene abgeschwächte Reinzeichnungsebene dargestellt.

Im Beispiel arbeiten wir nicht mit herkömmlichen Sprechblasen, sondern setzen den Text einfach so wie es uns gefällt und ohne uns sklavisch an exakt horizontalen Hilfslinien zu orientieren.

Der Text muss in jedem Fall – gerade bei Handschrift – gut lesbar sein. Wenn man einmal so richtig in Fahrt ist, läuft man schnell Gefahr, plötzlich unleserlich zu werden oder sich zu verschreiben. Bei unserer Methode ist das aber kein Problem, da man Satzteile ja immer noch ein zweites Mal daneben setzen und sogar einzelne Buchstaben noch nachträglich digital verschieben kann.

Der so entstandene Text wird wieder eingescannt und als neue Ebene (Ebenenoption „Multiplizieren“) über die Reinzeichnungsebene gelegt.

Weißer Text auf 
dunklem Hintergrund

Durch optische Spannungsmomente hält man den Leser bei Laune. Im vorletzten Bild wurde der Hintergrund bewußt in einem dunklen Blau gehalten und der Text in Weiß darüber gesetzt.

Dafür schneidet man aus der Textebene den entsprechenden Textabschnitt mit dem Lassowerkzeug aus und pastet ihn an derselben Stelle als neue Ebene über alle anderen. Mit „Bild > Einstellen > Invertieren“ werden die schwarzen Teile des Ausschnitts (der Text selbst) weiß und die weißen (der Hintergrund) schwarz. 

Mit der Ebenenoption „Screen“ wird der schwarze Hintergrund weggeblendet und nur der weiße Text angezeigt. Genauso ist übrigens der Schriftzug „Antonino“ im ersten Bild entstanden.

 

8) Das Resultat

Unser Comicstrip ist fertig! Er wird zum Schluss nur noch auf eine einzige Ebene reduziert und druckfertig in den Vierfarbmodus CMYK umgewandelt.

Unten noch ein Beispiel des Comics „Antoinette“ (im Längsformat), das auf dieselbe Weise hergestellt wurde. [2004]

(c) 1989–2010 Oliver Weiss Design Up! 
 Design / Illustration / Art Sale / Multimedia / Journalism / Contact

BLOG POST TICKER:

BUY MY POSTCARDS!
*NOW SELLING 34 MOTIFS*

Postcards & Gift Cards for Sale! >more

MY LATEST BOOK DESIGNS

EKS Strategy Bestseller
>more
>Buy it!
Oktoberfest Guide (with  Flip Book)
>more

>Buy it!

PIZZAZZY

Full-Page Illustration
on Psycho-
therapy for DIE ZEIT
>more
>more whimsical

Chosen by American Illustration
>more
>more awards
Bestseller
1 Mill.+ Copies Sold!
*Europe's Best Selling Nonfiction Book*
Jacket Design for Random House Bestseller  >more
>more books

>Buy it!
200,000+ Copies Sold!
Jacket Design for Richard Prechts Latest Book on Love >more
>Buy it!

GET IN TOUCH!

Oliver Weiss
Germany
Fon +49-8641-1465
info@oweiss.com
www.oweiss.com

YESTERDAYS NEWS

Oktoberfest Poster & Handelsblatt Face of the Week >more
IMAGES FOR LICENSING:
The Oliver Weiss Image Stock Archive
Take me to the image archive!
>Click here!
Search my online stock archive from 6,000 illustrations!
Animals
Architecture
Art
Books
Business
Children
Communication
Education
Environment
Family
Food
Fun
Horoscopes
Legal
Lifestyle
Marketing
Media
Medical
Music
Nature
Office
People
Politics
Psychology
Religion
Science
Seasons
Sports
Symbols
Travel

 

 

OLIVER WEISS DESIGN
SITEMAP INDEX

STOCK ARCHIVE
NEWS
CONTACT
WHO AM I?
Services
Clients
Milestones
Biography
Testimonials

KICK-ASS PROJECTS
Bestselling Book Design
Oktoberfest Poster
DER SPIEGEL Cover

DIE ZEIT Poster
"View of World" Variations
Mathematics Cartoon Award
Felix the Cat Movie Score
CBS Set Prop Design
DESIGN
Magazine Design
Conference Design
Graphic Design
Logos
CD Covers
Kitchenware
Oktoberfest Apparel

Gutachten
BOOK DESIGN
ILLUSTRATION
Editorial Illustration
Cover Illustrations
Spot Illustrations
Man w/ Hat Illustrations
"Joe" Illustrations
"OWEISS" Illustrations
"Révilot" Illustrations

Cartoons & Comics
Cartoons
Comic Strips
Turtle Tales Comic Strip


Illustrations by Topic
Administration
Animals & Pets
Arts & Music
Books & Literature
Business & Finance
Children & Juveniles
Collage & Photomontage
Education & Career
Ethnic Diversity
Family & Parenting
Food & Nutrition
Gay & Lesbian
Horoscopes & Zodiacs
Housing & Architecture
Legal & Jurisdiction
Lifestyle & Leisure
Marketing & PR
Media & Technology
Medical & Healthcare
Nature & Preservation
Office & Workplace
People & Situations
Psychology & Behavior
Politics & Society
Realistic, Retro & Linocut
Religion & Church
Science & Mathematics
Seasons & Events
Sex & Love
Sports & Recreation
Symbols & Clipart
Travel & Vacation
Vector Art & Info-Graphics
Weird & Strange
Whimsical & Humorous
Women & Style
MULTIMEDIA
E-Card Design
Flash Animation
Music

SHOP
Original Art
Lino Prints
Postcards for Sale