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)

Illustrator Workshop: Symbols 2

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English:
How I form the photo pattern in Adobe Illustrator: I go under MENU > OBJECT > ENVELOPE DISTORT > ENVELOPE OPTIONS and choose “Distort Pattern Fills”.

5E

Then I go to MENU > ENVELOPE DISTORT > MAKE WITH MESH and select the Rows and Columns I want.

6E

Then I choose the Direct Selection Tool (White Arrow) and move the points until I get the shape I want!

7

divider

MORE INFO’S: HOW TO CREATE YOUR OWN PATTERN

MEHR INFO’S: WIE MAN EIN EIGENES MUSTER ERSTELLT

divider

Deutsch:
Wie ich das Muster in Adobe Illustrator verziehe und forme: Ich gehe unter MENÜ > OBJEKT > HÜLLEN > HÜLLEN-OPTIONEN und wähle “Musterfüllungen verzerren” .

5

Dann gehe ich zu MENÜ > OBJEKT > GITTER > HÜLLENGITTER und wähle meine Zeilen und Spalten.

6

Dann nehme ich das Direkt-Auswahl-Werkzeug (Weisser Pfeil) und ziehe an den Punkten bis ich mein gewünschtes Resultat erreicht habe!
7

Illustrator Workshop: Symbols 1

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English Version:
How I use Symbols in Adobe Illustrator: I go under MENU > WINDOW > SYMBOLS and choose a Fashion Symbol which you can find in the Symbol-Library. Very important: to click on the icon “Break Link to Symbol”.

1E

Then I place a leather-photo (tiff or jpg) and select Embed on top.

2E

I select the leather photo and drag it into my Illustrator Swatch Box to create a New Pattern Swatch. (Menu > Window > Swatches)
4E

Then I select my Symbol (Boot) and click on the leather pattern to fill.
Next time I will show how to form the leather pattern inside the boot to make it more 3D!

divider

Our new i-adobe Ebook is available here – in English – including films on 72 pages:
EASY DOWNLOAD

Unser neues i-adobe book ist hier erhältlich – in Deutsch – inklusive Filme auf 72 Seiten: SICHERER DOWNLOAD

divider

Deutsche Version:
Wie ich Symbole in Adobe Illustrator benutze: Ich gehe unter MENÜ > FENSTER > SYMBOLE und wähle ein Mode-Symbol welche man in den Symbol-Bibliotheken finden kann. Sehr wichtig: auf das icon klicken “Verknüpfung mit Symbol aufheben”.

1

Dann platziere ich ein Leder-Foto (tiff oder jpg) und klicke oben in der Steuerung auf Einbetten .

2

Ich wähle das Leder-Foto an und ziehe es in meine Illustrator Farbfelder um ein neues Musterfeld zu erstellen. (Menü > Fenster > Farbfelder)
4

Dann wähle ich mein Symbol (Stiefel) und fülle es mit meinem neuen Ledermuster indem ich auf das neue Musterfeld klicke. Nächstes Mal werde ich zeigen wie ich das Ledermuster um den Stiefel forme damit es mehr 3D wirkt.

Create patterns / erstellen von Mustern in Illustrator

Tutorial in English and German / Anleitung in Englisch und Deutsch

Deutsche Version siehe unten!
divider

English version:

Open a new document in Adobe Illustrator CS6 or CC:

1. Go to MENU > OBJECT > PATTERN > MAKE.
Create your pattern inside the blue box. Illustrator is going to create your pattern as a repeat automatically.

pattern

2. Once you are done, simply select the DONE button, this way Illustrator adds the pattern (repeat) into your Swatch Library. Now you can fill your fashion silhouette or object with your pattern.

Print

3. To make a change to your newly created pattern: Go to OBJECT > PATTERN > EDIT PATTERN. Make your changes and click on DONE if you like to save over the old pattern or click on SAVE A COPY in case you like to add a new swatch and keep the previous one.

For more tips watch the step-by-step Tutorial:

divider

Our new i-adobe book is available online – in English – including tutorials on 72 pages – Preview & download here!

divider

Deutsche Version:

Öffnen Sie ein neues Dokument in Adobe Illustrator CS6 oder CC:

1. Gehen Sie zu MENÜ > OBJEKT > MUSTER > ERSTELLEN. Illustrator erstellt automatisch ihr Muster als Rapport innerhalb des blauen Rahmens.

muster

2. Sobald Sie mit Ihrem Muster fertig sind, klicken Sie oben auf FERTIG. Damit wird Ihr Muster (Rapport) in Ihr Farbfeld-Bedienfeld eingefügt. Jetzt können Sie Ihr Muster in Ihr Objekt oder Illustration als Flächefarbe einfüllen.

3. Falls Sie Ihr Muster ändern möchten: Gehen Sie zu OBJEKT > MUSTER > MUSTER BEARBEITEN. Klicken Sie auf FERTIG wenn Sie das alte Muster überspeichern wollen oder klicken Sie auf KOPIE SPEICHERN wenn Sie es als neues Muster speichern wollen.

Schritt-für-Schritt Anleitung auf Englisch mit deutschen Untertitel:

divider

Unser neues i-adobe book ist erhältlich online – in Deutsch – inklusive Tutorials auf 72 Seiten – Vorschau & Download hier!

divider

How to import Excel charts into Illustrator

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.

TIP OF THE MONTH: How to import Excel charts into Illustrator

1. Open Excel, select the chart while holding down the SHIFT key and go to EDIT > COPY PICTURE.

Excel_E

2. Select “As shown on screen”
3. Open Illustrator and PASTE it! (MENU > EDIT > PASTE)

divider

Our new i-adobe book is available online – in English – including tutorials on 72 pages – Preview & download here!

divider

Deutsche Version:

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

TIPP DES MONATS: Wie man ein Diagramm von Excel in Adobe Illustrator importiert

1. Öffne Excel, wähle das Diagramm aus, drücke gleichzeitig die UMSCHALT (Shift) TASTE und gehe zu BEARBEITEN > ALS BILD KOPIEREN.

Excel_D

2. Wähle dann “Wie angezeigt”
3. Öffne Illustrator und füge das Diagramm ein! (MENU > BEARBEITEN > EINFÜGEN)

divider

Unser neues i-adobe book ist erhältlich online – in Deutsch – inklusive Tutorials auf 72 Seiten – Vorschau & Download hier!

divider

Color profiles / Farbprofile…

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.

TIP OF THE WEEK: What is the difference between assign a color profile or to convert a color profile?

Here it is in Photoshop: Menu > Edit > Convert to Profile (right above: Assign Profile!)
PSD_covertProfile

In InDesign: Menu > Edit > Convert to Profile (right above: Assign Profile!)
Indd_Covert-to-profile

And here in Illustrator: Menu > Edit > Assign Profile (Convert to does NOT exist!)
AI_assignProfile

Tip: To assign a color profile only changes the appearance on the monitor. You can try that out, in that you are opening “Assign Profile”, and activate “Preview” while choosing different CMYK-profiles – the view on the monitor changes! If you open the Info-window as well, you can see, that the CMYK values are NOT changing.
If you CONVERT a CMYK color profil; your CMYK values will change!

More info: COLOR PROFILES – MORE INFO

divider

Deutsche Version:

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

TIPP DER WOCHE: Was ist der Unterschied zwischen Farbprofil zuweisen oder umwandeln?

Hier ist es in Photoshop: Bearbeiten > in Profil umwandeln (gleich oberhalb: Profil zuweisen!)
PSD-Profilumwandeln

In InDesign: Menu > Barbeiten > in Profil umwandeln (gleich oberhalb: Profil zuweisen!)
indd

Und hier in Illustrator: Menu > Bearbeiten > Profil zuweisen (Umwandeln existiert nicht!)
AI-Profilzuweisen

Tipp: Das Zuweisen des Profils ändert nur die Darstellung am Bildschirm. Das kann man sehr gut ausprobieren, in dem man den Dialog “Profil zuweisen” öffnet, die checkbox “Vorschau” aktiviert und nacheinander verschiedene CMYK-Profile anwählt – die Bildschirmdarstellung verändert sich! Wenn man aber das Info-Bedienfeld offen hat, sieht man, dass sich die CYMK-Werte in der Datei NICHT verändern.
Wenn man aber ein CMYK Profil in ein anderes “umwandelt” werden die CYMK-Werte geändert!

Mehr info: FARBPROFILE – MEHR INFO

Animate your illustrations

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider
English version:

TIP OF THE WEEK: How to make simple animations

1. Tip: Draw a storyboard or write your concept in advance – see sample below:

TicTacToe_Storyboard

2. in my case: to feel the characters and their movements I made a simple animated GIF using the timeline in Adobe Photoshop:
-Draw your characters in several positions
-Open them in Adobe Photoshop and go to WINDOW > TIMELINE
Tutorial: How to create frame animations in Photoshop
zeitleiste

-save it as an ANIMATED GIF with a loop – under FILE > EXPORT > Save for Web:

Copyright by Mimi Selmi Reed

Copyright by Mimi Selmi Reed – for TigerBooks Germany

In order to complete the following animated ebook, I’ve used tigercreate, which runs similar like every animation program by using a timeline with frames:

Written, illustrated and animated by Mimi Selmi Reed & sound design by Mike Reed REEDesign.ch – all rights reserved. Z-DOG for Tigerbooks Germany.

divider

Deutsche Version:

TIPP DER WOCHE: Wie man einfache Animationen erstellen kann

1. Tipp: Zeichnen Sie ein Storyboard oder schreiben Sie ein Konzept im voraus – siehe Beispiel:

TicTacToe_Storyboard

2. Um ein Gespür für meine Charakteren und ihre Bewegungen zu erhalten, erstellte ich kurz ein animiertes GIF mit einer Zeitleiste in Adobe Photoshop:
-Zeichnen Sie ihre Charakteren in mehreren Positionen
-Öffnen Sie diese in Adobe Photoshop und gehen Sie zu FENSTER > ZEITLEISTE
Tutorial: Erstellen von Frame-Animationen in Photoshop
zeitleiste

-speichern Sie es als ANIMIERTES GIF mit einem Loop – unter DATEI > EXPORTIEREN > Speichern für Web:

Copyright by Mimi Selmi Reed

Copyright by Mimi Selmi Reed – for TigerBooks Germany

Um dieses animierte ebook fertigzustellen, benutzte ich tigercreate, welches ähnlich funktioniert wie jedes Animations Programm. Nämlich mit einer Zeitleiste:

Written, illustrated and animated by Mimi Selmi Reed & sound design by Mike Reed REEDesign.ch – all rights reserved. Z-DOG for Tigerbooks Germany.