Drawing / Zeichnen “the easy way” !

Deutsche Version siehe unten!
Drawing is easy! I love drawing with the pen tool in Adobe Illustrator, as shown in my Illustration below. I use a simple “click n’drag technique” which allows me to control each anchor point.
Step-by-step guide on how to “Draw-your-own-Comic” for advanced Adobe users: COMIC-DRAWING with Adobe Illustrator.
ALL tips of this Blog combined in one 72 pages PD F for easy download: i-adobe book in English – Preview & download here

Comic illustration by Miriam Selmi Reed for ZIGGY- books. All rights reserved.

Comic illustration by Miriam Selmi Reed for ZIGGY- books. All rights reserved.

Deutsche Version
Zeichnen ist super einfach! Ich zeichne mit dem Zeichenstift-Werkzeug in Adobe Illustrator mit meiner “klick-ziehen-Methode” um jeden Ankerpunkt zu kontrollieren, wie ich oben bei meiner Illustration zeige.
“Zeichne deinen eigenen Comic Workshop” – Für fortgeschrittene Adobe BenutzerInnen: COMIC-ZEICHNEN mit Adobe Illustrator.
Alle Tipps von diesem Blog kombiniert in einem 72-Seiten PDF zum herunterladen: i-adobe book in Deutsch – Vorschau & Download hier

divider

Run ZIGGY Run bilingual Comic for kids / zweisprachiger Comic für Kinder: ISBN 978-3-9524704-0-4
International store: RUN ZIGGY RUN International Store (6 Euro go to animal rescue / 6 Euro gehen in den Tierschutz)

Store in Germany: HUGENDUBEL Deutschland (2 Euro per book sale go to animal rescue / 2 Euro pro Buchverkauf gehen in den Tierschutz)

Store in Switzerland: EX LIBRIS, Schweiz (2 CHF per book sale go to animal rescue / 2 CHF pro Buchverkauf gehen in den Tierschutz)

Advertisement

Adobe CC: new Drawing Tools part 2 / neue Zeichnungs-Werkzeuge Teil 2

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

divider

TIP OF THE WEEK: How to draw with the new PENCIL TOOL in Adobe CC

It’s never been so easy to draw in Illustrator. Simply double-click the Pencil-Tool icon in your tool bar to adjust the Pencil Tool Options.

Next step: trace your drawing by using the new Pencil Tool. You’ll see how easy it flows with the right setting! You’re now even able to draw closed shapes.

pfadFINAL

divider

Tutorial, part 1: New Drawing Tools in Illustrator CC / Part 1

divider

Deutsche Version

Möchten Sie unsere gratis Tipps im e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

TIPP DER WOCHE: Wie man mit dem neuen Buntstift-Werkzeug in Adobe CC zeichnet

Noch nie war es so leicht in Adobe Illustrator zu zeichnen. CC macht’s möglich! Doppelklicken Sie auf das Buntstift-Werkzeug um die Optionen zu öffnen und anzupassen.

Nächster Schritt: zeichnen Sie mit dem neuen Buntstift-Werkzeug von Adobe CC den Formen nach. Jetzt ist es sogar möglich geschlossene Formen mit dem Buntstift zu erstellen!

pfadFINAL

divider

Tutorial, Teil 1: Neue Zeichnungswerkzeuge in Illustrator CC / Teil 1

divider

Here is the final illustration / Hier ist die fertige Illustration:

Courtesy of Illustration Source

Courtesy of Illustration Source

Miriam Selmi Reed is represented by Illustration Source, New York City. Portfolio and contact: Illustration Source NYC

Illustration technique: Traditional colored pencil drawing combined with digital mixed media using Smart Objects in Adobe Photoshop and Illustrator. Copyright by Illustration Source, New York City. All rights reserved.

Illustrations-Technik: Farbstiftzeichnung gemischt mit Adobe Illustrator und Photoshop sowie Smart-Objekten. Copyright by Illustration Source, New York City. All rights reserved.

Draw your own cartoon character in Illustrator / Eine eigene Comicfigur in Illustrator zeichnen

Tutorial in English and German – Anleitung in Deutsch und Englisch

1. Scan your image and place it in Adobe Illustrator – FILE > PLACE.
Scannen Sie ihre Bildvorlage und platzieren Sie es in Adobe Illustrator – DATEI > PLATZIEREN.

2. Go to WINDOW > LAYERS and add a layer on top to trace your image using the Pen Tool.
Unter FENSTER > EBENEN erstellen Sie eine neue Ebene und zeichnen mit dem Zeichenstiftwerkzeug den Linien nach.

CARTOON PATH PART 1 – COMIC FIGUR TEIL 1

3. Go to WINDOW > SWATCHES and select your lines to fill them with color.
Unter FENSTER > FARBFELDER und wählen sie ihre Konturen und füllen diese mit Farbe.

CARTOON PATH PART 2 – COMIC FIGUR TEIL 2

Tutorial for beginners: How to draw in Adobe Illustrator
Übung für Anfänger: Wie man mit Illustrator zeichnet

Create a path in InDesign / Pfad von Indesign erstellen lassen

Info in English and German – Info in Deutsch und Englisch

English Version:
Select a Photoshop image which already has a path or a contrasting background as the white in our sample. InDesign is able to detect the edges and wrap the text around the object.

In two simple steps: First open Adobe InDesign and place your image.

1. Select your image with the Selection Tool and go to MENU > OBJECT > CLIPPING PATH > OPTIONS. This will open the following window where you should select the option TYPE > DETECT EDGES and play around with the Treshold and Tolerance to find the right setting for your image. (In the same window you could select a Photoshop Channel or a Photoshop Path if available)
Edel1

2. Now the image should have a Path around it. Go to WINDOW > TEXT WRAP and select the third Box with the name “Wrap around object shape”. Select the Offset which defines the distance from your Path to the text.
Edel2

This should do it! Of course, we’re only using this method as a quick fix for layout purposes.

divider

Deutsche Version:
Nehmen Sie ein Photoshop Bild mit einem Pfad oder eines mit einem neutralen Hintergrund, wie in unserem Beispiel; Weiss. InDesign kann die Kanten finden und den Text um das Objekt fliessen lassen.

In zwei einfachen Schritten: zuerst öffnen Sie Adobe InDesign und platzieren Sie Ihr Bild.

1. Wählen Sie das Bild mit dem Auswahlwerkzeug an und gehen Sie unter MENU > OBJEKT > BESCHNEIDUNGSPFAD > OPTIONEN. Damit wird sich ein Bedienfeld öffnen, wobei Sie die Option ART > KANTEN SUCHEN und spielen Sie mit dem Schwellenwert and Toleranz um die richtige Einstellung für Ihr Bild zu finden. (Im selben Bedienfeld finden Sie zudem die Optionen Photoshop Kanal und Photoshop Pfad)
Edel1D

2. Jetzt sollte Ihr Bild einen Pfad haben. Gehen Sie zum FENSTER > TEXTUMFLUSS und wählen Sie die dritte Box mit dem Namen “Umfliessen der Objektform”. Wählen Sie Ihren Versatz welches die Distanz von Ihrem Pfad zum Text definiert.
Edel2D

Damit sollte es klappen! Natürlich benutzen wir diese Art nur als schnelle Lösung zum layouten.

Wie man mit Illustrator zeichnet

Möchten Sie unsere gratis Tipps im e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

divider

Adobe Illustrator ist in erster Linie ein Programm um Zeichnungen und Logos/Signete zu erstellen. Das Programm besteht nicht aus Pixel, sondern ist ein Vektor-Programm in welchem mit Ankerpunkten gearbeitet wird.

Das Zeichenstift-Werkzeug ist dazu ideal, denn es zeichnet Pfade mit Ankerpunkten:
Mit einem einfachem KLICK mit der Maus wird ein eckiger Ankerpunkt gesetzt, zieht man aber während dem KLICKEN mit der Hand und drückt weiterhin die Maus, entstehen Ankerpunkte mit Hebel, mit denen Rundungen möglich sind.

Das Zeichenstift-Werkzeug ist ideal um Flächen zu zeichnen. Ganz einfach: Ankerpunkte setzen und eine Form zeichnen bis man wieder zum ersten Ankerpunkt kommt, die Fläche abschliessen und eine Flächenfarbe wählen.

ZeichenstiftWerkzeug

Video Tutorial für Anfänger:

Der Buntstift zeichnet Linien die man mit dem Breitenwerkzeug gut kombinieren kann.
Die Optionen zum Bunstift: DOPPELKLICK auf den Buntstift in der Werkzeug-Leiste.

Der Buntstift zeichnet offene Pfade und ist ideal für Linien. Möchte man mit dem Buntstift eine Fläche zeichnen, müssen am Schluss die Ankerpunkte am Ende der Form zusammengefügt werden. Menü > Objekt > Pfad > Zusammengefügen oder per Kurzbefehl: ctrl+J für PC / command+J für Mac.

Buntstift-Werkzeug

Video Tutorial für Anfänger:

Das Breitenwerkzeug in Adobe Illustrator CS6 ist ideal um einer simplen Linie einen Pinsel-Charakter zu geben: die Linie anklicken und mit der Maus ZIEHEN bis die Linie breiter wird.

BreitenwerkzeugTool

Der Buntstift und das Zeichenstift-Werkzeug sind ideal um genaue Konturen zu zeichnen, mit dem Breitenwerkzeug kann man einen Pinsel imitieren. Aber um malerische Effekte mit Strukturen zu erzeugen wie z.B, Aquarell, eignet sich jedoch der Pinsel besser. Die Optionen dazu kann man unter Menü > Fenster > Pinsel holen. Im selben Bedienfeld findet man unten links das Icon für die Adobe Pinsel-Bibliothek, die man frei benutzen kann.

PinselOptionen

Wie man eigene Pinsel erstellen kann oder bestehende Pinsel ändern, folgt in einem späteren Tutorial.
FOLLOWERS von i-adobe.com erhalten jedes neue Tutorial automatisch per e-mail.

divider

Weitere Lernvideos für Fortgeschrittene:
Zeichnen mit Illustrator für Fortgeschrittene