Cool InDesign Trick 1

As instructors of Adobe programs and creative professionals, we’ve assembled this blog as an easy reference for our students and clients.” Miriam Selmi Reed & Michael Alan Reed

Deutsche Version siehe unten!
divider

English version:

TIP OF THE WEEK: Cool InDesign Trick part 1

Draw 9 squares in InDesign using the Rectangle Frame Tool using a cool trick!

It is simple: while – dragging with the Rectangle Frame Tool – making the square; click the right and up arrow keys on your keyboard 3 times. When you hold down the shift key at the same time, you’ll make 9 squares!

arrow

To change the distance in between the squares: simply keep the selection active and press down the CTRL key (PC) or the cmd key (Mac) – located on the right side of your keyboard while clicking on the same arrow tools. Important: keep pressing the mouse down during the whole process.

trick2-2

Divide one image into these 9 squares: Cool Indesign Trick part 2

Sharing infos & tips: iADOBE FORUM Our tips: i-adobe eBook in English

divider

Deutsche Version!

TIPP DER WOCHE: Cool InDesign Trick Teil 1

Zeichne 9 gleiche Quadrate in InDesign mit dem Rechteckrahmen-Werkzeug mit diesem Trick!

Es ist einfach: Wenn man mit dem Rechteckrahmen-Werkzeug – ein Quadrat aufzieht; klickt man gleichzeitig 3 mal auf die rechte Pfeiltaste auf dem Keyboard und 3 mal auf die Pfeiltasten die nach oben zeigen. Wenn man nun gleichzeitig die shift (Umschalt)-Taste runterdrückt, kann man damit 9 gleich grosse Quadrate erstellen.

arrow

Die Distanz zwischen den Quadraten ändern: Die Auswahl immer noch aktiv halten und dann die CTRL Taste (PC) oder die cmd Taste (Mac) – auf der rechten Seite des Keyboards – und auf die Pfeiltasten klicken. Wichtig: Die Maus immer gedrückt halten!

trick2-2

divider

Wie man ein Foto in diese 9 Rahmen einfügt: Cool Indesign Trick Teil 2

Tausche dich aus im iADOBE FORUM! Unsere Tipps: i-adobe eBook in Deutsch

Cool Illustrator Effects

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: Cool Illustrator Effects!

Did you ever try the cool Illustrator effects in CS6 or Creative Cloud?

1. Draw a small star or any simple shape you like
2. Go to MENU > EFFECT > DISTORT & TRANSFORM > TRANSFORM
3. Type in the numbers of your choice or use the same numbers as shown below
4. Click the Preview Button

effectE1

5. Click OK, if you like the Preview

EffectE2

You want to change your effect? Simply go to MENU > WINDOW > APPEARANCE and click on Transform FX to open the same Effect-Window again.
To delete an effect; simply drag it to the trash can.

EffectE3

There are many effects you can try – since you can change them anytime with the APPEARANCE window, it’s really fun to try them all 🙂

divider

TIP 2: additional tutorial for Adobe InDesign Effects: INDESIGN EFFECTS

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: Cool Illustrator Effekte!

Haben Sie jemals die coolen Illustrator Effekte in CS6 oder Creative Cloud ausprobiert?

1. Zeichnen Sie einen kleinen Stern oder Form nach Wunsch
2. Gehen Sie zu MENU > EFFEKT > VERZERRUNGS- UND TRANSFORMATIONSFILTER > TRANSFORMIEREN
3. Tippen Sie Ihre Nummern ein oder nehmen die gleichen wie unten im Bild
4. Klicken Sie auf Vorschau

effectD1

5. Klicken Sie OK, wenn Ihnen die Vorschau gefällt

EffectE2

Möchten Sie Ihren Effekt ändern? Gehen Sie zu MENU > FENSTER > AUSSEHEN und klicken Sie auf Transformieren FX um dasselbe Effekte-Bedienfeld wieder zu öffnen und Änderungen vorzunehmen.
Mit dem Auge können Sie den Effekt temporär ausschalten und den Effekt ganz löschen ist einfach; klicken Sie auf den Papierkorb.

Mit dem Aussehen-Bedienfeld können Sie jeden Effekt modifizieren oder löschen.
Dies betrifft auch 3-D Effekte, Schlagschätten usw.

EffectD3

Es gibt endlos viele Effekte – da Sie diese jederzeit löschen oder ändern können, macht es Spass so viele wie möglich auszuprobieren 🙂

divider

TIPP 2: Zusätzliche Anleitung für Adobe InDesign Effekte: INDESIGN EFFEKTE

divider

Display modus / Anzeigeleistung in Adobe InDesign

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: How to change the display quality in Adobe InDesign

Have you ever placed an .ai vector* image (AI = Adobe Illustrator) in Adobe InDesign and wondered why it looks so pixelated?
*= Vector graphics are based on vectors (also called paths), with crisp edges and can be enlarged without loss of image quality. (Vector program: Adobe Illustrator)

1. Open Adobe InDesign, place an Illustrator vector graphic and go to MENU > VIEW > DISPLAY PERFORMANCE. You’ll notice pixels shown in the graphic. The setting is set as Typical Display as shown below.

DisplayE1

divider

When you wish to see the actual perfect quality of your Illustrator vector image simply change the setting to High Quality Display and your vector images show as crisp as your original Illustrator file!

divider

DiplayE2

Trailers, answering questions and tutorials take lots of time. Of course it is free, but maybe you’d like to buy us a cup of coffee? 😉

PayPal Donate Button

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 die Anzeigeleistung in Adobe InDesign ändert

Haben Sie jemals eine .ai Vektor* Datei (AI = Adobe Illustrator) in Adobe InDesign platziert und sich gewundert, warum es so verpixelt aussieht?
*= Vektorgrafiken basieren auf Vektoren (auch Pfade genannt) und lassen sich ohne Qualitätsverlust beliebig skalieren. (Vektorprogramm = Adobe Illustrator)

1. Öffnen Sie Adobe InDesign, platzieren Sie eine Illustrator-Vektorgrafik und gehen zu MENÜ > ANSICHT > ANZEIGELEISTUNG. Sie bemerken jetzt vermutlich die Pixel in Ihrer platzierten Vektordatei. Die Anzeigeleitung ist als Normale Anzeige eingestellt wie Sie unten sehen.

AnzeigeD1

divider

Wenn Sie die scharfen Konturen Ihrer Illustrator Vektordatei sehen möchten, wechseln Sie die Einstellung ganz einfach zu Anzeige mit hoher Qualität und Ihre Vektordateien sehen so scharf aus wie ihre original Illustrator Dateien!

divider

AnzeigeD2

Übungen, beantworten von Fragen und Gratis-Tipps zusammenzustellen braucht viel Zeit. Natürlich ist es gratis, aber vielleicht spendieren Sie uns einen “Kaffee?” 😉

PayPal Donate Button

Graphic Styles / Grafikstile in Adobe 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 WEEK: Graphic Styles in Illustrator CS6

1. Open a new document in Adobe Illustrator and draw a simple shape with a fill color.

2. Select your shape with the Selection Tool and go to Window > Graphic styles. Select the drop-down-arrow of the Libraries and choose your favorite Graphic Style.
In our example, we are using the 3D Effect Library.

graphicstyle

Each time you select a Graphic Style in one of the protected Adobe Libraries, it will be added on to your personal Graphic Style collection and can be altered as you wish.
Under Window > Appearance you may change the Graphic Style or delete it.

There are lots of Graphic Styles in the Adobe Library you should try out – have fun!

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: Grafikstile in Illustrator CS6

1. Öffnen Sie ein neues Dokument in Adobe Illustrator, zeichnen Sie eine einfache Form und färben Sie diese mit einer Flächen-Farbe ein.

2. Wählen Sie die Form mit dem Auswahl-Werkzeug an und gehen Sie zu Fenster > Grafikstile. Wählen Sie einen Grafikstil nach Wunsch unter den Bibliotheken an.
Hier zeigen wir ein Beispiel aus der 3D-Effekte Bibliothek.

Grafikstil

Jedesmal wenn man einen Grafikstil von den schreibgeschützen Adobe Bibliotheken anwählt, wird dieser zu den eigenen Grafikstilen dazugefügt und kann somit verändert werden.
Unter Fenster > Aussehen kann man jeden Grafikstil verändern oder löschen.

Es gibt viele Grafikstile in den Adobe Bibliotheken die man ausprobieren sollte – viel Spass!

Vectorize your hand writing – Vektorisieren sie ihre Handschrift

Tutorial in English and German – Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

We just received a “coffee” donation and request from a former student for the following tutorial:

ENGLISH version:

Vectorize your hand writing (scan or photo) in Illustrator CS6 or CC and colorize it!
In three simple steps:
1. Place a scan or pixel image (jpg, tiff, psd) into Illustrator CS6 or CC.
2. Go to Menu > Window > Image Trace, choose your Preset, select under Advanced your Options and click on Trace.
3. When you are done, don’t forget to click on Expand in order to vectorise your image.
You may select the box “Ignore White” to delete the white background and make it transparent.
Tip: Choose your Direct-Selection-Tool to colorise each font element separately and place it into your InDesign document.

(To vectorize in CS5: go under Object > Live Trace > Tracing Options.)

imagetrace_new

divider

DEUTSCHE Version:

Dieses folgende Tutorial wurde auf Anfrage zusammengestellt, als “Danke für die Kaffee-Donation”:

Vektorisieren Sie ihre Handschrift (Scan oder digitales Foto) in Illustrator CS6 oder CC.
In drei einfachen Schritten:
1. Platzieren sie ihre Pixel-Vorlage (jpg, tiff, psd) in ihr Illustrator CS6 Dokument.
2. Gehen sie zu Menü > Fenster > Bildnachzeichner, wählen sie ihre Vorgabe, wählen zudem unter Erweitert ihre Optionen und klicken auf Nachzeichnen.
3. Wenn sie fertig sind, ist es wichtig auf Umwandeln zu klicken. Damit wird ihr Foto vektorisiert.
Sie können die Box “Weiss ignorieren” anwählen um den weissen Hintergrund zu löschen.
Tipp: Wählen sie das Direktauswahl-Werkzeug um jeden Buchstaben separat einzufärben und platzieren sie es in ihr InDesign Dokument.

(Um in CS5 zu vektorisieren: gehen sie unter Object > Interaktiv nachzeichnen > Nachzeichneroptionen.)

Bildnachzeichner_new

Additional option:

Compound Path Release option if you are trying to colorize a font
In case you’d like to colorize a font: With the “Compound Path Release” option, you can release the paths and colorize individual parts of each letter separately.

Zusatzinformation:

Option “Zusammengesetzter Pfad zurückwandeln” beim einfärben von Schriften
Möchten sie einzelne Buchstaben einer Schrift einfärben: Mit der Option “Zusammengesetzter Pfad zurückwandeln” kann man die Verknüpfung aller Pfade lösen und jeder Teil innerhalb des Buchstaben einzeln einfärben.

Tutorial spoken in English & German / Schritt für Schritt Anleitung auf Deutsch und Englisch:

How to save down to a lower version / wie man in eine tiefere Version abspeichert

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: How to save down to a lower version in Adobe Illustrator and InDesign

Have you ever tried to open an Illustrator or InDesign file and the message pops-up “cannot open file since it was created in a newer version”?

Here is the solution for Adobe Illustrator:

1. When you work in Adobe Illustrator and select the SAVE command: don’t forget to select the lower version of your choice!

Illustrator_SaveAs2

divider

2. New in Illustrator Creative Cloud; you can package your document! With the package command – under MENU > FILE > PACKAGE – Illustrator collects the links and fonts you’ve used in the document and creates a folder.
A very practical tool, Adobe InDesign has featured for years.
(Except for the Typekit Fonts which can only be used with the Creative Cloud)

File-Package

divider

When you work in Adobe InDesign and select the SAVE command: don’t forget to save an IDML (InDesign Markup)! The IDML is the key to open an InDesign document in a lower version.

InDesign CS6 and CS5:
How to make an IDML in InDesign CS6, so I can open it in an older version

Indesign CC – Creative Cloud:
How to make an IDML InDesign CC (Creative Cloud), so I can open it in an older version

divider

TIP: HOW TO USE TYPEKIT IN ADOBE CREATIVE CLOUD

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 in Illustrator auf eine niedrigere Version abspeichern kann

Haben Sie jemals versucht eine Illustrator oder Indesign Datei zu öffnen und eine Fehlermeldung erscheint mit der Nachricht “die Datei kann nicht geöffnet werden, da sie in einer neueren Version erstellt wurde”?

Hier ist die Lösung für Adobe Illustrator:

1. Wenn Sie in Adobe Illustrator arbeiten und den Befehl SPEICHERN eingeben: wählen Sie ganz einfach die niedrigere Version Ihrer Wahl!

Illustrator_SpeichernUnter

divider

2. NEU in Illustrator Creative Cloud; Sie können neu Ihr Dokument verpacken! Mit dem verpacken Befehl – unter MENÜ > DATEI > VERPACKEN – sammelt Illustrator die Verknüpfungen und Schriften die Sie in Ihrem Dokument benutzen und sammelt diese in einen Ordner.
Eine praktische Sache; Adobe InDesign hat dies schon seit Jahren.
(Ausser der Typekit Fonts, welche nur von Creative Cloud Benutzer gebraucht werden können)

Datei_Verpacken

divider

Wenn Sie in Adobe InDesign arbeiten, vergessen Sie nicht ein IDML zu exportieren. (IDML=InDesign Markup.) Das IDML ist der Schlüssel um InDesign Dokumente in älteren Versionen öffnen zu können.

InDesign CS6 und CS5:
Wie man in InDesign CS6 ein IDML erstellt um es in einer älteren Version öffnen zu können

Indesign CC – Creative Cloud:
Wie man in InDesign CC (Creative Cloud) ein IDML erstellt um es in einer älteren Versionen öffnen zu können

divider

TIPP: WIE MAN TYPEKIT IN ADOBE CREATIVE CLOUD BENUTZT

How to colorize a vectorized photo / Wie man ein Foto vektorisiert und einfärbt

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!

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 colorize a vectorized photo!
How to use the image trace option in Illustrator CS6 or CC, to vectorize and colorize a Photo – Bilingual instructions in English and German subtitles.

Step 1: Place your photo into Illustrator.
Step 2: Vectorise your photo > Window > Image Trace.
Step 3: Don’t forget to click on the button “EXPAND”.
Step 4: Edit your colors > Edit > Edit Colors.

Tutorial:

Tutorial for beginners:
How to vectorize a photo or embed the image

Tutorial for advanced users:
How to vectorize your handwriting

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 ein vektorisiertes Bild einfärbt

Tutorial: Wie man mit dem Bildnachzeichner in Illustrator CS6 oder CC arbeitet, damit ein Foto vektorisiert und einfärbt. Zweisprachige Anleitung in Englisch mit deutschen Untertiteln.

1: Platzieren Sie Ihr Bild in Illustrator.
2: Vektorisieren Sie Ihr Photo > Fenster > Bildnachzeichner.
3: Vergessen Sie nicht auf “UMWANDELN” zu klicken.
4: Färben Sie Ihr Vektorbild ein unter > Bearbeiten > Farben bearbeiten.

Tutorial auf Englisch mit deutschen Untertiteln:

Tutorial für Anfänger:
Wie man ein Bild vektorisiert oder einbettet

Tutorial für Fortgeschrittene:
Wie man eine Handschrift vektorisiert

New tracing tools in Illustrator CC / Neue Zeichnungswerkzeuge in Illustrator CC

Info in English and German – Info in Deutsch und Englisch

New tracing tools in Illustrator CC! Are you having issues using the Pen tool to create round corners? Updating to the Adobe Creative Cloud might be your answer!
Neue Zeichnungswerkzeuge in Illustrator CC! Haben sie Schwierigkeiten mit der “Feder”, dem Zeichnungsstiftwerkzeug um Rundungen zu zeichnen? Ein Update zur Adobe Creative Cloud könnte ihre Antwort sein!

divider

1. Live corners: simply draw a star, select the Direct-Selection-Tool, click’n’drag on the “little dot” below your anchor point and then the corner can be rounded. If you are double-clicking the “little dot”, you’re able to change the radius as you wish!
1. Interaktive Ecken: zeichnen sie einen Stern. Klicken sie mit dem Direktauswahl-Werkzeug auf den “kleinen Punkt” direkt unter dem Ankerpunkt und ziehen daran: ihr Eckpunkt wird rund! Wenn Sie kurz Doppelklicken, können sie den Radius nach Wunsch verändern.
RoundedCorners

2. All-new Pencil Tool: In previous Illustrator versions it was only possible to draw open lines with the Pencil tool and they were not very accurate. Now you can adjust the “Smoothness” to be more accurate, continuous and even draw closed shapes.
2. Neues Bunstift-Werkzeug: In früheren Illustrator Versionen war es nur möglich gerade offene Linien mit dem Buntstift zu zeichnen und dies gar nicht präzise! Jetzt können Sie die Qualität selber einstellen, ähnlich zeichnen wie mit dem Zeichenstift-Werkzeug und zu geschlossenen Formen abschliessen.
PencilTool

3. Path Segment Reshape: Remember how hard it was to make rounded shapes? The new Anchor Point Tool might be your answer. Simply drag the straight line with it and reshape as needed!
3. Form für Pfadsegment ändern: Mit dem neuen Ankerpunkt-Werkzeug ist es ein Kinderspiel gerade Linien abzurunden. Klicken sie auf die gerade Linie und runden sie diese nach Wunsch ab!
AnchorPointTool

divider

COOL FREE FONTS – COOLE GRATIS SCHRIFTEN ! FREE FONTS with Adobe CC – GRATIS SCHRIFTEN mit Adobe CC

Pantone + series

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: How to replace Pantone Plus with older Pantone color books.

You may have noticed that your old Pantone Guides aren’t matching the new Pantone + series in your Adobe CS6 programs?
The reason is simple: In CS4 and CS5 the Pantone colors were based on CMYK – while CS6 has the new +Plus series, which is based on LAB colors.

PantoneE

For more information on what LAB colors are: WHAT ARE LAB COLORS?

HERE IS A POSSIBLE SOLUTION!
There is a way to load the old Pantone series from CS2 – CS5 versions into your CS6 Version.
This is what Adobe recommends and we’d like to share it with you:
Replace Pantone Plus with older Pantone color books

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: Ersetzen von Pantone Plus durch ältere Pantone-Farbtafeln

Vielleicht haben Sie bemerkt, dass Ihre alten Pantone Fächer mit der neuen Pantone + serie in Ihren Adobe CS6 Programme nicht mehr übereinstimmen?

Der Grund ist einfach: In CS4 und CS5 basieren die Pantone Farben auf CMYK – die neue CS6 Version hat jedoch die neue +Plus Serie, welche auf LAB Farben basiert.

PantoneD

Für mehr Information was LAB Farbe sind: WAS SIND LAB FARBEN?

Es gibt jedoch einen Weg Ihre alte Pantone Serie von CS2 – CS5 in Ihre CS6 Programme zu laden!
Dies ist was Adobe empfiehlt:
Ersetzen von Pantone Plus durch ältere Pantone-Farbtafeln

Symbole / Symbols in Illustrator CS6

Tutorial in English and German / Anleitung in Deutsch und Englisch

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: Symbols in Adobe Illustrator

Are you not good in drawing? Use your Symbol library provided by Illustrator CS6!
Go to Menu > Window > Symbols and click on the library which opens the Symbol collection.
In our sample we’ve used the RETRO collection and have chosen the guitar.
Once the selected Symbol shows up in your own Symbol library, you may click on the “un-link” icon, which breaks the link to the secure Adobe collection.

Symbole

Your symbol now shows anchor points which allows you to recolor and make it your own illustration. The Direct Selection Tool (white arrow) is able to choose each part separately which makes it easy to make your alterations.

Symbole2

Learn how to draw in Adobe illustrator: ADOBE ILLUSTRATOR DRAWING TUTORIALS

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: Symbole in Adobe Illustrator

Können Sie nicht gut selber zeichnen? Benutzen Sie die Symbol-Bibliothek in Illustrator CS6!
Gehen Sie im Menü unter Fenster > Symbole und öffnen unten links Ihre Symbol-Bibliothek.
In unserem Beispiel öffneten wir die RETRO Sammlung und wählten die Gitarre aus der Adobe Kollektion.
Sobald Ihr gewähltes Symbol in Ihrer Bibliothek auftaucht, können Sie die Verknüpfung zur geschützten Adobe Kollektion unterbrechen.

Symbole

Da nun Ihr Symbol die Ankerpunkte zeigt, können Sie Ihr Symbol jetzt umfärben und zur eigenen Illustration verwandeln. Mit dem Direktauswahl-Werkzeug (weisser Pfeil) können Sie jeden Teil separat anwählen und verändern.

Symbole2

Lernen Sie wie man mit Adobe illustrator zeichnet: ADOBE ILLUSTRATOR ÜBUNGEN

Graphic styles in Illustrator CS6 / Grafikstile in Illustrator CS6

Tutorial in English and German / Anleitung in Deutsch und Englisch

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: Graphic Styles in Illustrator CS6

1. Open a new document in Adobe Illustrator and draw a simple shape with a fill color.

2. Select your shape with the Selection Tool and go to Window > Graphic styles. Select the drop-down-arrow of the Libraries and choose your favorite Graphic Style.

graphicstyle

Each time you select a Graphic Style in one of the protected Adobe Libraries, it will be added on to your personal Graphic Style collection and can be altered as you wish.
Under Window > Appearance you may change the Graphic Style or delete it.

There are lots of Graphic Styles in the Adobe Library you should try out – have fun!

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: Grafikstile in Illustrator CS6

1. Öffnen Sie ein neues Dokument in Adobe Illustrator, zeichnen Sie eine einfache Form und färben Sie diese mit einer Flächen-Farbe ein.

2. Wählen Sie die Form mit dem Auswahl-Werkzeug an und gehen Sie zu Fenster > Grafikstile. Wählen Sie einen Grafikstil nach Wunsch unter den Bibliotheken an.

Grafikstil

Jedesmal wenn man einen Grafikstil von den schreibgeschützen Adobe Bibliotheken anwählt, wird dieser zu den eigenen Grafikstilen dazugefügt und kann somit verändert werden.
Unter Fenster > Aussehen kann man jeden Grafikstil verändern oder löschen.

Es gibt viele Grafikstile in den Adobe Bibliotheken die man ausprobieren sollte – viel Spass!

Wrap text around a circle / Rundtext

Tutorial in English and German / Anleitung in Deutsch und Englisch

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: One way to wrap text around a circle in Adobe Illustrator.

1. Draw a circle.

2. Select your Type on a Path Tool, select the path of your circle and type your text.

jpg1D

3. With your Selection Tool select the text. COPY the text (go to EDIT) and Paste in Front (EDIT) which makes an exact copy in the same position.

JPG3D

… select the long single handle and drag it around until the copied text is properly set below!

4. Select the Text below and and go to FONT > TYPE ON A PATH > TYPE ON A PATH OPTIONS and choose the following:

JPG4E

TIP: depending on the arrangement of your text, you might have to click on the box FLIP or choose a different Align to Path option. Click on the PREVIEW button to have a look!

5. To move the text closer to the path, go to WINDOW > TYPE > CHARACTER and set the Baseline Shift accordingly.

JPG5E

This is the result!

divider

Deutsche Version:

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

divider

TIPP DER WOCHE: Wie man einen Rundtext in Illustrator erstellen kann

1. Zeichnen Sie einen Kreis.

2. Wählen Sie das Pfadtext-Werkzeug, klicken auf den Pfad des Kreises und schreiben Sie Ihren Text.

jpg1D

3. Wählen mit dem Auswahl-Werkzeug den Rundtext an. Unter Bearbeiten > Kopieren und wieder unter Bearbeiten > Davor Einfügen erstellen Sie eine exakte Kopie auf derselben Position.

JPG3D

… dann ZIEHEN Sie am langen HEBEL herum bis Ihr neuer zweiter Text unten angepasst ist!

4. Wählen Sie nun den unteren Text an und gehen zu MENU > SCHRIFT > PFADTEXT > PFADTEXTOPTIONEN und geben die folgenden Koordinaten ein:

JPG4D

TIPP: Je nach dem wie Ihr Text läuft, müssen Sie die Box SPIEGELN anklicken oder eine andere An Pfad ausrichten Option wählen. Ausprobieren und auf VORSCHAU klicken!

5. Um den Text näher an die Pfadlinie zu stellen gehen Sie zu MENU > FENSTER > SCHRIFT > ZEICHEN und ändern den Grundlinienversatz nach Wunsch.

JPG5D

Hier ist der fertige Rundtext!

Graphs / Diagramme in Illustrator CS6

Tutorial in English and German / Anleitung in Deutsch und Englisch

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 create Graphs and Charts in Adobe Illustrator.

How to create your Graph:
1. Select your Graph Tool and click where you want to create your graph.
2. Define the dimensions of your graph: Enter a width and height for the graph, and click OK.
3. Enter the data for the graph in the Graph Data window and click the Apply button.

Graph1

To change the graph: Select the entire graph with the Selection Tool, and then choose Object > Graph > Data.

How to change the graph type:
1. Select a graph with the Selection Tool.
2. Choose Object > Graph > Type.
3. Graph Type dialog box: click the button that corresponds to the desired graph type, and click OK.

GraphType

How to create a column design:
1. Create a rectangle as the object in the design. Paint the rectangle as desired.
2. Select the rectangle with the Selection Tool.
3. Choose Object > Graph > Design.
4. Click New Design. Rename it if needed.

GraphDesign

Select your Graph and choose Object > Graph > Column and choose your New Design.

Column

Tip: I personally prefer to colorize my columns manually using the Direct Selection Tool.

divider

Deutsche Version:

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

divider

TIPP DER WOCHE: Wie man Diagramme in Illustrator erstellt

Wie man ein Diagramm erstellt:
1. Wählen Sie ein Diagramm-Werkzeug aus und klicken auf die Position wo Sie Ihr Diagramm erstellt haben wollen.
2. Legen Sie die Abmessungen des Diagramms fest: in welcher Größe das Diagramm eingefügt werden soll und klicken Sie auf OK.
3. Geben Sie die Daten für das Diagramm im Diagrammdaten-Fenster ein und klicken Sie auf die Schaltfläche Anwenden.

Graph1

Um die Grafik im Nachhinein wieder zu ändern: Wählen Sie das Diagramm mit dem Auswahl-Werkzeug an und gehen zu Objekt > Diagramm > Daten.

Wie man die Diagramm-Art ändert:
1. Wählen Sie Ihr Diagramm mit dem Auswahl-Werkzeug an.
2. Gehen Sie zu Objekt > Diagramm > Art.
3. Diagrammattribute: Klicken Sie bei ART auf das Diagramm Ihrer Wahl und bestätigen Sie mit OK.

Diagrammattribute

Wie man ein Design für ein Balkendiagramm erstellt:
1. Erstellen Sie ein Rechteck als Platzhalter für Ihr Design. Färben Sie dieses nach Ihren Wünschen ein.
2. Wählen Sie Ihr gestaltetes Rechteck mit dem Auswahl-Werkzeug aus.
3. Gehen Sie zu Objekt > Diagramm > Designs.
4. Klicken Sie auf Neues Design. Wählen Sie Umbennen um Ihr Design zu betiteln.

Diagramm-Design

Wählen Sie Ihr Balkendiagramm und gehen zu Objekt > Diagramm > Balken und wählen Ihr neues Design.

<DiagrammBalken

Tipp: I persönlich benutze das Direktauswahl-Werkzeug und färbe meine Diagramme lieber selber ein.

Embed images in Illustrator – Einbetten von Bildern in Illustrator

Tutorial in English and German / Anleitung in Deutsch und Englisch

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: Embed your images in Adobe Illustrator

The easiest way to avoid missing links in Adobe Illustrator CS4, CS5 and CS6: Simply select the image and click on the button on top EMBED image. With this method you embed your image as part of your Illustrator document and it’s not linked to your image file anymore. Which means: you can now send your Illustrator to someone else without getting a “missing link” error.

VERKE1

VERKE2

The advantage of Adobe Illustrator CC: you can now package your Illustrator document! PACKAGE OPTION IN ILLUSTRATOR CC

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: Einbetten von Bildern in Adobe Illustrator

Um fehlende Verknüpfungen in Adobe Illustrator CS4, CS5 and CS6 zu vermeiden, gibt es eine einfache Lösung.
Wählen Sie Ihr Bild an und klicken Sie oben auf den Button EINBETTEN. Mit dieser Methode werden Sie Ihr Bild in Ihr Illustrator Dokument einbetten und es gibt keine Verknüpfungen mehr mit Ihrer Bilddatei. D.h. Sie können jetzt Ihre Illustrator Datei an andere Parteien schicken, ohne dass diese Personen “Fehlermeldungen” von fehlenden Verknüpfungen erhalten.

VERKD1

VERKD2

Hier ist der Vorteil von Illustrator CC: Sie können neu Ihre Illustrator Datei auch verpacken! VERPACKEN IN ILLUSTRATOR CC

Get smart with Smart Objects!

i-adobe

Tutorial in English and German / Anleitung in Englisch und Deutsch

English version:

In case you are into mixing Adobe programs, such as Photoshop and Illustrator, using SMART OBJECTS might be an option for you!

Placing Illustrator Images as Smart Objects into Photoshop CS6.

In two simple steps!
1. Open your Illustrator document with a simple Icon, Illustration or Logo.
2. Copy your Object and place it as Smart Object into Photoshop.

SmartObject1

3. Click OK to confirm the placement. In the Layers you’ll find the Smart Oject as a small icon. By clicking on the small icon, the original file opens again in Illustrator.

SmartObjct2

If you make a change there and hit Save, the changes will be automatically transferred into your Photoshop Document because both programs are now connected.

Simple and Easy!

divider

Deutsche Version:

Falls Sie gerne Adobe Programme – wie Photoshop und Illustrator – mischen…

View original post 127 more words

How to make a Button / Wie man einen Störer/Stopper erstellt

Tutorial in English and German / Anleitung in Englisch und Deutsch

Deutsche Version siehe unten!

English version:

Open Adobe Illustrator CS5, CS6 or CC:

1. Make an orange circle.

Tip: If you define your Orange as a global Color you can simply alter the percentage to keep the mixing ratio.

More Info: GLOBAL COLORS

2. Copy/paste a lighter and smaller circle on top of it.
3. Select both circles and go to MENU > OBJECT > BLEND > MAKE.

Button-1

4. Make a white oval shape for the highlight.
5. Add on a black & white Gradient and make sure that the Black for the Gradient is Registration Black (C=100, M=100, Y=100, K=100)
6. Open MENU > WINDOW > TRANSPARENCY > and choose the Blending Mode Screen at approx. 50% Opacity.

Button-2

AND HERE IS THE FINAL BUTTON!
utton-E

divider

Deutsche Version:

Öffnen Sie Adobe Illustrator CS5, CS6 oder CC:

1. Erstellen Sie einen orangen Kreis. (0% c, 40% m, 90% y, 0% k)
Tipp: Wenn Sie das Orange in den Farbfeldern als globale Farbe erstellen, können Sie den helleren Kreis prozentual heller stellen.

Mehr Info dazu: GLOBALE FARBE

2. Kopieren/Einfügen Sie einen hellen und kleineren Kreis direkt darüber.
3. Wählen Sie beide Kreise gleichzeitig an und gehen zu MENÜ > OBJEKT > ANGLEICHEN > ERSTELLEN.

Button-1

4. Zeichnen Sie ein weisses Oval für den Lichteffekt.
5. Erstellen Sie einen schwarz/weissen Verlauf und wählen Sie für das Schwarz des Verlaufs ein Passermarken-Schwarz (C=100, M=100, Y=100, K=100).
6. Öffnen Sie unter MENÜ > FENSTER > TRANSPARENZ > und wählen Sie in diesem Bedienfeld die Füllmethode Neg. multiplizieren und ca. 50% Deckkraft.

Button-2

UND HIER IST DER FERTIGE STÖRER / STOPPER!
ButtonD

Mixing Photoshop & Illustrator

i-adobe

Tutorial in English / Deutsch:

English Version:

Vectorize your pixel image or embed your Photo in Illustrator to avoid missing links!

Option 1: Vectorize your pixel image in Illustrator CS6.
In three simple steps:
1. Place a Photoshop document (jpg, tiff, psd) into Illustrator CS6.
2. Go to Menu > Window > Image Trace, choose your Preset, select under Advanced your Options and click on Trace.
3. When you are done, don’t forget to click on Expand.

imagetrace

Option 2: Embed your image!
In one easy step:
1. Select your image. Go to Window > Links > choose the side option > Embed Image(s).
This way your photo is part of your Illustrator document and won’t show as a missing link.
embed

Tutorial in English with german subtitles for advanced users: How to vectorize and colorise a photo

divider

Deutsche Version:

Vektorisieren Sie Ihr Pixel Bild oder betten Sie Ihr Foto…

View original post 142 more words

How to make a Comic / Wie man einen Comic zeichnet

Tutorial in English / Deutsch:

1. Scan your drawing and place it into Illustrator / Scannen Sie Ihre Zeichnung und platzieren Sie diese in Illustrator

2. Trace the outlines of your drawing / Zeichnen Sie mit einer Konturfarbe Ihrer Zeichung nach

3. Fill in the shapes with a fill color / Füllen Sie die Konturen mit Flächenfarben

Development of Z-Dog - Copyright by Miriam Selmi Reed / All rights reserved

Development of Z-Dog – Copyright by Miriam Selmi Reed – All rights reserved

divider

the new Z-DOG COMIC is now online at: z-dog.org
Copyright by Miriam Selmi Reed / All rights reserved

divider

Z-Dog1

divider

NEW Published Graphic Novel
:
Soul Crime of new York
Copyright by Round Robin editrice, Rome, Italy / All rights reserved.

divider

INFO: to get serious about drawing in Illustrator, we highly suggest the following tutorials / Um wirklich in Illustrator zeichnen zu können, empfehlen wir die folgenden Übungen:

Tutorial 1 in English for beginners: How to draw in Illustrator

Tutorial 1 in Deutsch für Anfänger: Wie man mit Illustrator zeichnet

divider

Tutorial 2 in English for advanced users: How to draw your own comic figure

Tutorial 2 in Deutsch für Fortgeschrittene: Wie man eine Comicfigur zeichnet

divider

Don’t forget: “Practice makes Perfect!” / Nicht vergessen: “Übung macht den Meister!”

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