<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Illustrator-Tutorials</title>
	<atom:link href="http://www.illustrator-tutorials.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.illustrator-tutorials.de</link>
	<description>Illustrator-Tutorials bietet immer aktuelle und interessante Tutorials und News zu Adobe Illustrator.</description>
	<lastBuildDate>Tue, 21 Feb 2012 08:30:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Zeichen-/Absatzformatierungen und Silbentrennung</title>
		<link>http://www.illustrator-tutorials.de/2012/02/21/adobe-illustrator-grundlagen-zeichen-absatzformatierungen-und-silbentrennung/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/21/adobe-illustrator-grundlagen-zeichen-absatzformatierungen-und-silbentrennung/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 08:30:33 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=343</guid>
		<description><![CDATA[Um einen Text ordentlich zu formatieren, ist das Zeichen- und Absatzbedienfeld die erste Anlaufstelle. Damit lassen sich die Schriftarten definieren und Schriftschnitte und deren Absätze formatieren. Damit man in größeren Texten ansehnliche Absätze erhält, gibt es diverse Absatz- und vor allem Silbentrennungsoptionen. Zeichenformatierungen Einen Text ordentlich zu formatieren, ist durch das Steuerungsbedienfeld kein Problem, sofern [...]]]></description>
			<content:encoded><![CDATA[<p>Um einen Text ordentlich zu formatieren, ist das Zeichen- und Absatzbedienfeld die erste Anlaufstelle. Damit lassen sich die Schriftarten definieren und Schriftschnitte und deren Absätze formatieren. Damit man in größeren Texten ansehnliche Absätze erhält, gibt es diverse Absatz- und vor allem Silbentrennungsoptionen.</p>
<h3>Zeichenformatierungen</h3>
<p>Einen Text ordentlich zu formatieren, ist durch das <em>Steuerungsbedienfeld</em> kein Problem, sofern das <em>Textwerkzeug</em> aktiviert ist. Für noch mehr Optionen sollte der Arbeitsbereich <em>Typografie</em> aktiviert werden, weil darin alle notwendigen <em>Zeichenbedienfelder</em> usw. eingeblendet werden.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/01.gif" alt="" width="800" height="600" /></p>
<p><span id="more-343"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>Habe ich eine Überschrift so formatiert, wie ich diese haben möchte, dann kann ich diese Formatierung mit der <em>Pipette</em> aufnehmen und für einen weiteren Bereich komplett 1:1 übernehmen.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Dazu sollte mit einem <em>Doppelklick</em> auf die <em>Pipette</em> geprüft werden, ob auch die Option <em>Aussehen</em> angeklickt ist.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mit der A<em>lt-Taste</em> kann ich dann die Formatierung für den neuen Bereich übertragen.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/04.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wie schon im Workshop <a href="http://www.psd-tutorials.de/modules.php?name=News&amp;file=article&amp;sid=2939&amp;titel=Grundlagen_adobe-illustrator-grundlagen-zeichenbedienfeld" target="_blank">Das Zeichenbedienfeld</a> kann ich jetzt auch <em>Großbuchstaben</em>, <em>Hochgestellt</em>, <em>Kapitälchen</em> usw. in den <em>weiteren Optionen</em> auswählen.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Unter <em>Dokument einrichten</em> kann ich Einstellungen für die <em>hoch-</em> und <em>tiefgestellten Zeichen</em> definieren.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/06.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich den <em>Zeilenabstand</em> auf die gleiche Einstellung wie die <em>Schriftgröße</em> gestellt haben, dann klicke ich auf den <em>Zeilenabstand</em> doppelt. Möchte ich den <em>Zeilenabstand</em> auf <em>automatisch</em> umstellen, dann klicke ich mit gedrückter <em>Strg-Taste</em> einmal auf das <em>Zeilenabstandsymbol</em>.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/07.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Absatzformatierungen</h3>
<p>Möchte ich einem Text in einer bestimmten <em>Absatzformatierung</em> einstellen {ZEILENUMBRUCH}(<em>linksbündig</em>, <em>rechtsbündig</em>, <em>Blocksatz</em> usw.), dann muss ich entweder mit dem <em>Auswahlwerkzeug</em> den Textblock einmal anklicken, damit der gesamte Text entsprechend eine neue <em>Absatzformatierung</em> erhält, oder ich wähle nur einen bestimmten Text mit dem <em>Textwerkzeug</em> aus.</p>
<p>Im <em>Steuerungsbedienfeld</em> werden mir nur <em>links-</em> u. <em>rechtsbündig</em> sowie <em>zentriert</em> angezeigt.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/08.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Oder ich klicke auf <em>Absatz</em> bzw. blende mir das <em>Absatzbedienfeld</em> ein.<br />
<img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/09.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Adobe Alle-Zeilen-Setzer</h3>
<p>Der <em>Alle-Zeilen-Setzer</em> berücksichtigt für einen Zeilenbereich ein System aus Umbruchpunkten, sodass vorangehende Zeilen im Absatz optimiert werden, um unansehnliche Umbrüche im weiteren Verlauf zu vermeiden.</p>
<p>Der <em>Alle-Zeilen-Setzer</em> bestimmt mögliche Umbruchpunkte, wertet sie aus und verteilt nach den folgenden Prinzipien Strafpunkte:</p>
<p>• Bei <em>links-</em> und <em>rechtsbündigem</em> bzw. <em>zentriertem Text</em> werden Zeilen, die weiter nach rechts reichen, bevorzugt und erhalten somit einen höheren Prioritätswert.</p>
<p>• Bei Text im <em>Blocksatz</em> hat die Gleichmäßigkeit von Zeichen- und Wortabständen oberste Priorität.</p>
<p>• <em>Silbentrennung</em> wird möglichst vermieden.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/10.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>Adobe Einzeilen-Setzer Der <em>Einzeilen-Setzer</em> eignet sich für Situationen, in denen der Textsatz Zeile für Zeile durchgeführt werden soll. Diese Option ist sinnvoll, wenn ich selbst bestimmen möchte, wie die einzelnen Zeilen umbrochen werden. Beim <em>Einzeilen-Setzer</em> werden Umbruchpunkte nach den folgenden Prinzipien bewertet:</p>
<p>• Längere Zeilen haben Vorrang vor kürzeren Zeilen.</p>
<p>• Bei Text im <em>Blocksatz</em> hat die Stauchung oder Dehnung von Wortabständen Vorrang vor der <em>Silbentrennung</em>.</p>
<p>• Bei Text ohne <em>Blocksatz</em> hat die <em>Silbentrennung</em> Vorrang vor der Stauchung oder Dehnung von Buchstabenabständen.</p>
<p>• Wenn Abstände angepasst werden müssen, wird die Stauchung der Dehnung vorgezogen.</p>
<p>Soll die Methode für alle Absätze gelten, wähle ich zunächst das Textobjekt aus. Wenn die Methode nur für einen Absatz gelten soll, platziere ich den <em>Cursor</em> im betreffenden Absatz. Wie genau die Absätze getrennt werden, stelle ich in <em>Absatz&gt;Optionen&gt;Abstände</em> ein.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Wortabstand</h3>
<p>Der Abstand zwischen Wörtern, der durch Drücken der Leertaste entsteht. Der <em>Wortabstand</em> kann zwischen 0 % und 1000 % liegen; bei 100 % wird zwischen Wörtern kein zusätzlicher <em>Abstand</em> hinzugefügt.</p>
<p>&nbsp;</p>
<h1>Zeichenabstand</h1>
<p>Der Abstand zwischen Zeichen einschließlich der <em>Kerning-</em> und <em>Laufweitenwerte</em>. Es können Werte zwischen -100 % und 500 % eingestellt werden. Bei 0 % wird der <em>Abstand</em> zwischen den Buchstaben nicht vergrößert; bei 100 % wird eine gesamte <em>Buchstabenabstandbreite</em> zwischen den Buchstaben hinzugefügt.</p>
<p>&nbsp;</p>
<h1>Glyphenabstand</h1>
<p>Die <em>horizontale Breite</em> eines Zeichens (eine Glyphe kann jedes beliebige Zeichen einer Schrift sein) wird dabei bezeichnet und nicht der Abstand (wurde falsch übersetzt). Die Werte für den <em>Glyphenabstand</em> können zwischen 50 % und 200 % liegen.<br />
Die <em>Wort-</em> und <em>Zeichenabstände</em> werden immer auf den ganzen Absatz angewendet. Manchmal kann diese Option bei schwierigen Absätzen ganz hilfreich sein, wenn eine horizontale Skalierung von ca. 95–105% verwendet wird. Die Unterschiede werden wohl nur Experten sehen, alle anderen nicht.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Automatischer Zeilenabstand</h3>
<p>Standardmäßig ist 120% eingestellt. Dieser Wert wirkt sich sofort auf das <em>Zeichen-Bedienfeld&gt;Zeilenabstand</em> aus.</p>
<p>Mit der Option <em>Einzelnes Wort ausrichten</em> kann ich festlegen, wie Absätze, die nur aus einem Wort bestehen, ausgerichtet werden sollen. Meine Empfehlung: linksbündig ausrichten.</p>
<p>Möchte ich den <em>Absatzabstand</em> (das ist der Abstand, der vor einem Absatz eingefügt werden soll) ändern, klicke ich im <em>Absatzbedienfeld</em> auf das Icon <em>Abstand vor Absatz</em> und definiere jetzt die Werte. Auch Minuswerte sind möglich.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/12.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Um den <em>Abstand nach einem Absatz</em> zu ändern, klicke ich auf das Icon <em>Abstand nach Absatz</em>.</p>
<p>Es ist mir auch möglich, mit den oberen 3 Icons den Einzug zu definieren. Entweder vor <em>Einzug links</em>, <em>Einzug rechts</em> oder <em>Einzug links in erster Zeile</em>.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/13.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Silbentrennung</h3>
<p>Die <em>Silbentrennung</em> sorgt für einen schönen <em>Blocksatz</em>. Aber nicht jeder <em>Blocksatz</em> sieht gleich gut aus. Hier sollten die Optionen einmal angeschaut werden, um bessere Trennungen einzustellen.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/14.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mindestwortlänge: Ein Wort muss mindestens die eingestellte <em>Mindestwortlänge</em> haben, um überhaupt für eine <em>Silbentrennung</em> in Betracht gezogen zu werden.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/15.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>• <em>Kürzeste Vorsilbe</em>: Hier gebe ich die Anzahl Zeichen ein, die mindestens vor einem Trennstrich stehenbleiben sollen. Z. B. die Eingabe von 5 ergäbe dann: Compu-ter.</p>
<p>• <em>Kürzeste Nachsilbe</em>: Hier definiere ich, wie lang der abgetrennte Teil eines Wortes mindestens sein soll. Z. B. bei der Eingabe von 2 ergibt sich: Comput-er oder Com-puter. Leider werden auch falsche Trennungen gewählt (wie Comput-er); ein Blick in den Duden bleibt einem also nicht erspart.</p>
<p>• <em>Max. Trennstriche</em>: Legt die maximale Anzahl aufeinanderfolgender Zeilen fest, in denen eine <em>Silbentrennung</em> stattfinden darf. Der Wert 0 erlaubt beliebig viele aufeinanderfolgende Trennungen an den Zeilenenden.</p>
<p>• <em>Trennbereich</em>: Legt fest, ab welcher Entfernung von der rechten Absatzkante keine <em>Silbentrennung</em> mehr stattfinden darf. Der Wert 0 bedeutet keine Einschränkung der <em>Silbentrennung</em>. Diese Option betrifft nur <em>links-/rechtsbündige</em> sowie <em>zentrierte</em> Absätze, bei denen ich die Option <em>Ein-Zeilen-Setzer</em> eingestellt habe. Je breiter ich den Trennbereich definiere, desto weniger Trennungen erfolgen und umso mehr „flattert“ der Text.</p>
<p>• <em>Abstände optimieren/Weniger Trennstriche</em>: Hier kann ich die Priorität der Satz-Engine beeinflussen. Entweder ich schiebe den Regler ganz nach {ZEILENUMBRUCH}links =&gt; mehr Trennstriche werden akzeptiert, oder ich schiebe den Regler nach {ZEILENUMBRUCH}rechts =&gt; dann werden eher die Abstände verändert.</p>
<p>• <em>Großgeschriebene Wörter trennen</em>: Ich wähle diese Option, damit Wörter in Großbuchstaben getrennt werden. Für deutsche Texte sollte diese Option unbedingt aktiviert bleiben, weil sonst keine Hauptwörter getrennt werden.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Silbentrennungswörterbücher</h3>
<p>Es ist wichtig, dass in den Voreinstellungen das richtige Wörterbuch ausgewählt ist. Aktuell wäre, unter den Voreinstellungen (<em>Strg+K</em>)&gt;<em>Silbentrennung&gt;Standardsprache&gt;Deutsch: Reform 2006</em> auszuwählen, mit den eben erwähnten Einschränkungen, was das Setzen korrekter Trennungen angeht.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/16.gif" alt="" width="800" height="600" /><br />
Möchte ich z.B. deshalb ein Wort von der Trennung ausnehmen, kann ich dies auch in diesem <em>Voreinstellungsregister</em> vornehmen.</p>
<div><span> </span></div>
<p>Vorrang vor den im Wörterbuch definierten Trennungen haben die <em>bedingten Trennungen</em>. Ich kann bedingte Trennungen durch <em>Strg+Shift+-</em> eingeben.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/18.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Diese sieht man nur, wenn unter <em>Menü&gt;Schrift&gt;Verborgene Zeichen einblenden</em> aktiviert ist.</p>
<p><img class="colorbox-343"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/05_Zeichenformatierungen/17.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="absatzformatierungen" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2450--adobe-illustrator-grundlagen-zeichen-und-absatzformatierungen-sowie-silbentrennung">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=343&amp;md5=b2d06ef77fd29120802289902a892a44" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/21/adobe-illustrator-grundlagen-zeichen-absatzformatierungen-und-silbentrennung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Zeichen-/Absatzformate</title>
		<link>http://www.illustrator-tutorials.de/2012/02/18/adobe-illustrator-grundlagen-zeichen-absatzformate/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/18/adobe-illustrator-grundlagen-zeichen-absatzformate/#comments</comments>
		<pubDate>Sat, 18 Feb 2012 08:30:32 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=340</guid>
		<description><![CDATA[Absatz- und Zeichenformate nimmt man immer dann, wenn es um viel Text geht, der formatiert werden soll. Denn durch diese Vorlagen lassen sich z. B. Überschriften mit wenigen Klicks schnell für das gesamte Dokument ändern. Außerdem wird erklärt, wie die Standardschrift usw. verändert werden kann. Absatz- und Zeichenformate nimmt man immer dann, wenn es um [...]]]></description>
			<content:encoded><![CDATA[<p>Absatz- und Zeichenformate nimmt man immer dann, wenn es um viel Text geht, der formatiert werden soll. Denn durch diese Vorlagen lassen sich z. B. Überschriften mit wenigen Klicks schnell für das gesamte Dokument ändern. Außerdem wird erklärt, wie die Standardschrift usw. verändert werden kann.</p>
<p><em>Absatz-</em> und <em>Zeichenformate</em> nimmt man immer dann, wenn es um viel Text geht, der formatiert werden soll. Bei einfachen Flyern mit wenig Text ist das zwar auch möglich, aber eher zu viel Arbeit, wenn es sowieso nur eine Überschrift usw. gibt.</p>
<p>Ein <em>Zeichenformat</em> enthält Informationen über <em>Schriftart</em>, <em>Schriftgröße</em>, <em>Skalierung</em>, <em>Zeilenabstand</em>, <em>Farbe</em> usw.</p>
<p>Bei den <em>Absatzformaten</em> handelt es sich um Eigenschaften für <em>Zeichenformate</em> und <em>Absatzformate</em> (<em>Abstände</em>, <em>Ausrichtung</em>,<em> Einzüge</em>).</p>
<p>Um die <em>Zeichenformate</em> einzublenden, klicke ich auf <em>Menü&gt;Fenster&gt;Schrift&gt;Zeichenformat</em> bzw. starte lieber gleich den Arbeitsbereich <em>Typografie</em>.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/01.gif" alt="" width="800" height="600" /></p>
<p><span id="more-340"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>Darin wird mir jetzt <em>[Normales Zeichenformat]</em> standardmäßig eingeblendet. Wenn ich darauf <em>doppelklick</em>e, sehe ich die Einstellungen. Und wie man sieht, ist nichts eingestellt bzw. nichts definiert. Wenn ich auf einen vorher selbst formatierten Text klicken würde, wären alle <em>Zeichenformatierungen</em> verloren bzw. auf das <em>Standardzeichenformat</em> geändert worden.</p>
<p>Um jetzt ein eigenes neues <em>Zeichenformat</em> anzulegen, habe ich zwei Möglichkeiten. Die bequemste wäre, erst z. B. eine Überschrift selbst im Text zu formatieren und dann die betreffende Stelle zu markieren und auf das <em>Neu-Symbol</em> im <em>Zeichenformat</em> zu klicken.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Im Übersichtsregister sehe ich alle gegenüber der <em>[Normales Zeichenformat]-{ZEILENUMBRUCH}Vorlage</em> eingestellten Änderungen. Empfehlung: <em>Zeichen-</em> bzw. <em>Absatzformaten</em> möglichst einen aussagekräftigen Namen geben, weil man sonst die Übersicht irgendwann verliert:</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich habe natürlich jederzeit die Möglichkeit, diese Einstellungen zu ändern:</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/04.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Auch die <em>Schriftfarbe</em> lässt sich definieren:</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mein neues <em>Zeichenformat </em>ist nun endlich angelegt, und jetzt kann ich mit dem <em>Textwerkzeug</em> weitere, noch unformatierte Überschriften auswählen und dann auf <em>Überschrift blau</em> klicken. Jetzt nimmt die Überschrift die zuvor definierten Eigenschaften an.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/06.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Habe ich einem Text z. B. ein <em>Zeichenformat</em> zugewiesen und ändere im Text die <em>Schriftgröße</em> manuell, dann wird im <em>Zeichenformat</em> ein Plus angezeigt, welches für Abweichung steht.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/07.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich diese Änderung in mein <em>Zeichenformat</em> übernehmen, klicke ich in den <em>Bedienfeldoptionen</em> auf <em>Zeichenformat neu definieren</em>.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/08.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Soll allerdings der zuvor geänderte Text wieder das festgelegte <em>Zeichenformat</em> annehmen, klicke ich auf <em>Abweichungen löschen</em> oder direkt auf das <em>Zeichenformat </em>zwei Mal hintereinander oder einmal mit gedrückter <em>Alt-Taste</em>.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/09.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wenn ich einen Word bzw. OpenOffice-Text importiere, dann werden auch dessen <em>Absatzformate</em> mit importiert und im <em>Absatzformat-Bedienfeld</em> angezeigt. Das kann ich aber jederzeit ändern oder durch Ziehen auf den <em>Papierkorb</em> löschen.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich möchte jetzt aber ein komplett neues <em>Absatzformat</em> definieren. Dazu formatiere ich z. B. eine Überschrift genau so, wie ich alle haben möchte. Sobald ich die erste Überschrift komplett fertig formatiert habe, markiere ich das Wort und klicke im <em>Absatzformat-Bedienfeld</em> auf das <em>Neu-Symbol</em>. Das neue <em>Absatzformat</em> nenne ich z. B. Überschrift und kann jetzt noch unter <em>Optionen</em> anschauen, ob tatsächlich alles korrekt eingerichtet ist.</p>
<p>Sobald ich jetzt eine neue Überschrift auswähle, klicke ich auf das <em>Absatzformat</em>,M und schon hat die neue Überschrift alle Einstellungen, die ich vorher definiert habe, übernommen. Der größte Vorteil dabei: Möchte ich später z. B. eine andere Farbe oder Dicke haben, reicht ein <em>Klick</em> auf das <em>Absatzformat</em>, und schon haben sich alle meine Überschriften, die dieses <em>Absatzformat</em> haben, aktualisiert. Das spart Zeit!</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/10.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Habe ich jetzt mehrere <em>Absatzformate</em> angelegt, reicht ein <em>Klick</em> in den betreffenden Absatz, um im <em>Absatzbedienfeld</em> zu sehen, welche <em>Absatzformatierung</em> wirkt. Denn die wird dann entsprechend markiert.</p>
<p>Ich habe auch die Möglichkeit, vorhandene <em>Absatzformate</em> durch Ziehen auf das <em>Neues Format-Icon</em> zu duplizieren.</p>
<p>Möchte ich ein <em>Absatzformat</em> ändern, reicht ein <em>Doppelklick</em> auf den Namen. Ist jedoch ein Text markiert, wird sofort die <em>Absatzformatierung</em> angewendet, außer ich halte <em>Strg+Umschalt</em> beim <em>Doppelklicken</em>.</p>
<p>Einzelne <em>Absatzformate</em> zu löschen ist ganz einfach: Ich ziehe dazu den Namen auf den <em>Papierkorb</em>. Habe ich sehr viele <em>Absatzformate</em> im Dokument definiert und möchte ich alle nicht verwendeten löschen, klicke ich in den <em>Absatzformat-Optionen</em> auf <em>Alle nicht verwendeten auswählen</em> und ziehe die dann auf den <em>Papierkorb</em>.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/12.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Es ist mir auch möglich, vorhandene <em>Absatz-</em> oder <em>Zeichenformate</em> zu kopieren. Dazu ziehe ich den Namen auf das <em>Neu-Symbol</em> im <em>Bedienfeld</em>.</p>
<p>Richtig toll finde ich die Möglichkeit, <em>Absatzformate</em> aus vorhandenen Illustrator-Dokumenten zu importieren. Dazu klicke ich im <em>Absatzbedienfeldmenü</em> auf <em>Absatzformate laden</em> bzw., wenn ich auch gleich die passenden <em>Zeichenformate</em> laden möchte, klicke ich auf <em>Alle Formate laden</em>.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/13.gif" alt="" width="800" height="600" /><br />
Im Bedienfeld <em>Zeichenformat</em> handelt sich um Grunde um komplett die gleichen Funktionen wie im <em>Absatzbedienfeld</em>, jedoch fehlen die Einstellungen zu den Absätzen. Das Tolle ist jedoch dabei, dass, wenn ich ein <em>Zeichenformat</em> definiert und entsprechenden Wörtern zugewiesen habe, diese sich nicht von den <em>Absatzformaten</em> stören lassen, auch wenn ich den Text auswähle und einer <em>Absatzformatierung</em> zuweise. Das Einzige wäre, wenn ich im <em>Zeichenformat</em> keine <em>Schriftgröße</em> definiert habe, aber dafür in dem <em>Absatzformat</em>. Dann würde die <em>Schriftfarbe</em> gleich bleiben, aber die <em>Schriftgröße</em> sich ändern. Auch würde die <em>Schriftfarbe</em> so wie im <em>Zeichenformat</em> definiert beibehalten, selbst wenn ich diese in den <em>Absatzformaten</em> anders definiert habe.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Standardschriftart/Format ändern:</h3>
<p>Ich habe auch die Möglichkeit, die <em>Standardschriften</em> usw. der <em>Vorlagendateien</em> (<em>Druck</em>, <em>Web</em>, &#8230;) zu verändern.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/14.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Dazu rufe ich mir die Dateien wie folgt auf (unter Windows Vista):</p>
<p>C:UsersBENUTZERNAMEAppDataRoamingAdobeAdobe Illustrator CS4 Settingsde_DENew Document Profiles öffnen.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/15.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Dann im <em>Zeichenformatbedienfeld</em> den Eintrag <em>[Normales Zeichenformat]</em> bzw. im <em>Absatzformatbedienfeld</em> den Eintrag <em>[Normales Absatzformat]</em> ändern.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/16.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt nur noch die Einstellungen so ändern, wie ich sie haben will, danach Datei speichern und Illustrator neu starten. Schon sind die neuen Werte standardmäßig aktiv.</p>
<p><img class="colorbox-340"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/06_Zeichenformate/17.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="absatzformate" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2452--adobe-illustrator-grundlagen-zeichen-absatzformate">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=340&amp;md5=16facd2b19a7d37f722f06aeafd72d10" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/18/adobe-illustrator-grundlagen-zeichen-absatzformate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Tabulatoren</title>
		<link>http://www.illustrator-tutorials.de/2012/02/15/adobe-illustrator-grundlagen-tabulatoren/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/15/adobe-illustrator-grundlagen-tabulatoren/#comments</comments>
		<pubDate>Wed, 15 Feb 2012 08:30:24 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=337</guid>
		<description><![CDATA[Schriften, deren einzelne Zeichen unterschiedliche Breiten haben, sollten nicht mit Leerzeichen ausgerichtet werden, weil dies meistens nicht exakt ausgeführt werden kann und somit zu Schlangenlinien führt. In diesem Fall kommen die Tabulatoren zum Einsatz. Es gibt bei Illustrator jedoch vieles zu beachten, um noch effektiver mit Tabulatoren zu arbeiten. Außerdem gibt es Tricks, die jeder [...]]]></description>
			<content:encoded><![CDATA[<p>Schriften, deren einzelne Zeichen unterschiedliche Breiten haben, sollten nicht mit Leerzeichen ausgerichtet werden, weil dies meistens nicht exakt ausgeführt werden kann und somit zu Schlangenlinien führt. In diesem Fall kommen die Tabulatoren zum Einsatz. Es gibt bei Illustrator jedoch vieles zu beachten, um noch effektiver mit Tabulatoren zu arbeiten. Außerdem gibt es Tricks, die jeder kennen sollte.</p>
<p>Schriften, deren einzelne Zeichen unterschiedliche Breiten haben, sollten nicht mit <em>Leerzeichen</em> ausgerichtet werden, weil dies meistens nicht exakt ausgeführt werden kann und somit zu Schlangenlinien führt.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/01.gif" alt="" width="800" height="600" /></p>
<p><span id="more-337"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>In diesem Fall kommen die <em>Tabulatoren</em> zum Einsatz. Sollten keine <em>Tabulatoren</em> gesetzt sein, werden die Standardabstände von ca. 13 mm benutzt. Damit man Tabulatorsprünge sehen kann, sollten die <em>verborgenen Zeichen</em> eingeblendet werden (<em>Strg+Alt+I</em>)</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Unter <em>Menü&gt;Fenster&gt;Schrift&gt;Tabulatoren</em> bzw. <em>Strg+Shift+T</em> kann ich das <em>Tabulatorenbedienfeld</em> einblenden.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/Tabulatoren.gif" alt="" width="544" height="185" /></p>
<p>&nbsp;</p>
<h3>1. Buttons für die Tabulatorenausrichtung</h3>
<p>Es stehen mir folgende zur Verfügung:</p>
<p><strong>Linksbündiger Tabulator</strong>: Horizontaler Text wird <em>links</em> ausgerichtet, während der rechte Rand im <em>Flattersatz</em> ausgerichtet wird.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Zentrierter Tabulator: </strong>Der Text wird an der Tabulatorposition <em>zentriert</em>.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/04.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Rechtsbündiger Tabulator: </strong>Horizontaler Text wird <em>rechts</em> ausgerichtet, während der linke Rand im <em>Flattersatz</em> ausgerichtet wird.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Unten ausgerichteter Tabulator: </strong>Vertikaler Text wird <em>unten</em> ausgerichtet, während der obere Rand im <em>Flattersatz</em> ausgerichtet wird.</p>
<p><strong>Oben ausgerichteter Tabulator: </strong>Vertikaler Text wird <em>oben</em> ausgerichtet, während der untere Rand im <em>Flattersatz</em> ausgerichtet wird.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/07.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Dezimaler Tabulator: </strong>Der Text wird an einem bestimmten <em>Zeichen</em>, z. B. einem Komma oder einem Euro-Zeichen, ausgerichtet. Diese Option ist für die Erstellung von <em>Zahlenspalten</em> nützlich.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/06.gif" alt="" width="800" height="600" /><br />
Ich klicke jetzt an einer gewünschten Stelle auf das <em>Tabulatorlineal</em>, um einen neuen <em>Tabulator</em> zu setzen.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>2. Tabulatorposition:</h3>
<p>Hier trage ich den genauen Wert für den <em>Tabulator</em> ein. Wenn ich es ganz genau einstellen möchte, trage ich den Wert im <em>x</em> bzw. für horizontalen Text im <em>y</em> ein und drücke dann <em>Enter</em>. Ich habe auch hier die Möglichkeit, die Werte mit den <em>Pfeiltasten</em> um jeweils einen Schritt zu erhöhen. Möchte ich um 10 erhöhen, drücke ich dabei die <em>Shift-Taste</em>. Mit dem <em>Tabulatorlineal</em> kann ich <em>Tabulatoren</em> nicht in Schritten von weniger als 1 Punkt setzen. Bei Verwendung des Feldes <em>x </em>oder <em>y</em> kann ich jedoch Werte mit einer Genauigkeit von 0,01 Punkt eingeben.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/08.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>3. Tabulatorfüllzeichen</h3>
<p><strong>Hinzufügen von Tabulatorfüllzeichen</strong></p>
<p>Ein <em>Tabulatorfüllzeichen</em> ist ein Muster sich wiederholender Zeichen, z. B. eine Reihe von Punkten oder Strichen, zwischen einem <em>Tabulator</em> und dem darauf folgenden Text.</p>
<p>Ich gehe wie folgt vor: Ich wähle im <em>Tabulatorbedienfeld</em> einen <em>Tabulator</em> auf dem <em>Lineal</em> aus, gebe ein Muster von bis zu acht Zeichen in das Feld <em>Füllzeichen</em> ein und drücke dann <em>Enter</em>. Die eingegebenen Zeichen werden über die gesamte Breite des <em>Tabulators</em> wiederholt.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/09.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>4. Ausrichten an</h3>
<p>Bei der Verwendung von <em>Dezimaltabulatoren</em> wird der Text an einem von mir festgelegten <em>Zeichen</em> ausgerichtet, z. B. Komma oder Euro-Zeichen. Das macht sich gerade dann gut, wenn ich Werte wie 0,7 und 10,7 eingebe und diese dann schön untereinander ausgerichtet sein sollen.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/06.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>5. Bedienfeldmenü</h3>
<p>Hier befinden sich Optionen wie z. B. die Möglichkeit, <em>An Einheit ausrichten</em>. Ist diese ausgewählt, so werden neue <em>Tabulatoren</em> mit ganzen Werten wie im <em>Tabulatorenlineal</em> eingeblendet gesetzt. Es ist mir auch möglich, durch die Option <em>Tabulatoren wiederholen</em> anhand eines ausgewählten <em>Tabulators</em> die weiteren in gleichen Abständen zu wiederholen.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/10.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Außerdem gibt es noch Optionen zum <em>Löschen</em> von <em>Tabulatoren</em>. Einfacher geht’s aber, wenn ich <em>Tabulatoren</em> durch <em>Drag&amp;Drop</em> rausziehe, damit diese gelöscht werden.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/15.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>6. Bedienfeld über Textrahmen positionieren</h3>
<p>Damit das <em>Tabulatorbedienfeld</em> gleich über dem ausgewählten Text angeordnet wird, klicke ich auf das Icon <em>Bedienfeld über Textrahmen positionieren</em>.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>7. Tabulatorlineal</h3>
<p>Hier befindet sich das Herzstück des <em>Tabulatorbedienfeldes</em>. Darin werden alle <em>Tabulatoren</em>, die ich gesetzt habe, angezeigt bzw. hier habe ich die Möglichkeit, neue zu setzen oder bestehende zu entfernen.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/12.gif" alt="" width="800" height="287" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>8. Einzüge</h3>
<p>Hier kann ich mit dem oberen Einzug den Einzug der ersten Zeile bestimmen und mit dem unteren die weiteren Zeilen des Absatzes. Möchte ich beide auf einmal bewegen, drücke ich die <em>Strg-Taste</em> dabei.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/13.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>TIPP:</strong> Mit Drücken der <em>Strg-Taste</em> und <em>Ziehen</em> nach <em>links</em> oder <em>rechts</em> werden alle <em>rechts</em> stehenden Tabulatoren mit verschoben.</p>
<p><img class="colorbox-337"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/08_Tabulatoren/14.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="tabulatoren" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2454--adobe-illustrator-grundlagen-tabulatoren">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=337&amp;md5=8e42b46be680f853bbcb80059d2d6d69" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/15/adobe-illustrator-grundlagen-tabulatoren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen &#8211; Texte verketten</title>
		<link>http://www.illustrator-tutorials.de/2012/02/12/adobe-illustrator-grundlagen-texte-verketten/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/12/adobe-illustrator-grundlagen-texte-verketten/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 08:30:30 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=334</guid>
		<description><![CDATA[Hat man einen Flächentext, der sehr viel Text einnimmt, wird man irgendwann merken, dass der Platz nicht reicht. Dann entsteht automatisch ganz unten rechts ein zusätzlicher-Text-Icon in Rot. Es wird mir aber erst angezeigt, wenn ich den Text mit dem Auswahlwerkzeug ausgewählt habe. Jetzt habe ich die Möglichkeit, diesen einmal anzuklicken und in der vorhandenen [...]]]></description>
			<content:encoded><![CDATA[<p>Hat man einen Flächentext, der sehr viel Text einnimmt, wird man irgendwann merken, dass der Platz nicht reicht. Dann entsteht automatisch ganz unten rechts ein zusätzlicher-Text-Icon in Rot. Es wird mir aber erst angezeigt, wenn ich den Text mit dem Auswahlwerkzeug ausgewählt habe.</p>
<p>Jetzt habe ich die Möglichkeit, diesen einmal anzuklicken und in der vorhandenen oder einer neuen Zeichenfläche weiterlaufen zu lassen. Das Geniale dabei: Die Größe der neuen <em>Textbox</em> wird genau von der vorhandenen übernommen.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/01.gif" alt="" width="800" height="600" /></p>
<p><span id="more-334"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich das nicht, dann ziehe ich die Größe für die neue <em>Textbox</em> selbst auf. <strong>TIPP:</strong> Hilfslinien anlegen. Ich kann auch mehrere <em>Textboxen</em> auswählen und dann innerhalb dieser Boxen die Position ausrichten.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wichtig zu wissen: Jedes <em>Flächentextobjekt</em> hat einen Eingang und einen Ausgang, über den ich eine Verknüpfung mit anderen Objekten herstellen und eine verknüpfte Kopie des <em>Textobjekts</em> erstellen kann. Ein leerer Ein- oder Ausgang bedeutet, dass der gesamte Text sichtbar und das Objekt nicht verknüpft ist.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ein <em>Pfeil</em> in einem Ein- oder Ausgang zeigt an, dass das Objekt mit einem anderen Objekt verkettet ist.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/06.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ein <em>rotes Pluszeichen</em> in einem Ausgang signalisiert, dass das Objekt weiteren Text enthält. Dieser nicht sichtbare Text wird als <em>zusätzlicher Text</em> bezeichnet.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/07.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich habe auch die Möglichkeit, wenn ich mehrere <em>Textboxen</em> habe, diese mit dem <em>Auswahl-Werkzeug</em> anzuklicken und dann über <em>Menü&gt;Schrift&gt;Verketteter Text&gt;Erstellen</em> zu verketten.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/08.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Außerdem kann ich den zusätzlichen Text in vorhandenen <em>Textboxen</em> laufen lassen. TIPP: <em>Pfadansicht</em> einblenden. Das funktioniert aber nur, wenn ich genau auf den <em>Pfad</em> klicke und sich dabei der <em>Mauszeiger</em> zu einer <em>Kette</em> ändert.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/09.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/10.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Richtig gut macht sich das bei einem Spalten-Design wie in einer Zeitung. Ich lege dann links und rechts <em>Textboxen</em> dazu an, die miteinander verknüpft sind. Der Text kann darunter auch wieder einspaltig werden. Alles ist möglich.</p>
<p>Natürlich kann ich nicht nur in <em>Textboxen</em> den Text weiterlaufen lassen, sondern in jeder x-beliebigen Form, die dann in einen <em>Flächentext</em> umgewandelt wird.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Auch auf <em>Pfaden</em> ist das möglich:</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/12.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Die Linien zeigen mir den Weg des verknüpften Textes. Stören die roten bzw. blauen Linien, klicke ich auf <em>Menü&gt;Ansicht&gt;Textverkettungen ausblenden</em>. Habe ich mehrere verknüpfte <em>Flächentexte</em> und ich lösche einen, wird nicht der Text, sondern nur die Verknüpfung gelöscht!</p>
<p>Die folgenden Möglichkeiten stehen mir außerdem zur Verfügung:</p>
<p>• Soll die Verkettung zwischen zwei Objekten unterbrochen werden, doppelklicke ich auf den Ein- bzw. Ausgang an einem Ende der Verkettung. Der Text fließt in das erste Objekt.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/13.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/14.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>• Soll ein ausgewähltes Objekt in einer Textverkettung zurückgewandelt werden, wähle ich <em>Menü&gt;Schrift&gt;Verketteter Text&gt;Auswahl zurückwandeln</em>. Der Text fließt in die nächste Textbox.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/15.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/16.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>• Sollen alle Verkettungen entfernt werden, wähle ich <em>Menü&gt;Schrift&gt;Verketteter Text&gt;Verkettung entfernen</em>. Der Text bleibt an seiner Stelle.</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/17.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/18.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann natürlich auch Texte über mehrere <em>Zeichenflächen</em> miteinander verknüpfen:</p>
<p><img class="colorbox-334"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/09_Texte_verketten/19.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="texte_verketten" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2432--adobe-illustrator-grundlagen-texte-verketten">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=334&amp;md5=b5e03bd0b041ef767f5ffac6651b2d44" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/12/adobe-illustrator-grundlagen-texte-verketten/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen &#8211; OpenType, Glyphen und Satz- und Sonderzeichen</title>
		<link>http://www.illustrator-tutorials.de/2012/02/09/adobe-illustrator-grundlagen-opentype-glyphen-und-satz-und-sonderzeichen/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/09/adobe-illustrator-grundlagen-opentype-glyphen-und-satz-und-sonderzeichen/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 08:30:30 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=331</guid>
		<description><![CDATA[OpenType-Schriftarten haben mehr als 256 Zeichen. Welche Vorteile diese noch bieten, wird hier erklärt. Außerdem werden die Vorteile des Glyphen-Bedienfeldes aufgezeigt und die Funktion &#8220;Satz- und Sonderzeichen&#8221;. &#160; OpenType-Schriften haben viele Vorteile: - Schriftdatei ist für Windows und Mac identisch und es gibt somit keine Schriftersetzungen bzw. Textumbruchprobleme. - OpenType-Schriften können Ligaturen und Schwungschriften enthalten. [...]]]></description>
			<content:encoded><![CDATA[<p>OpenType-Schriftarten haben mehr als 256 Zeichen. Welche Vorteile diese noch bieten, wird hier erklärt. Außerdem werden die Vorteile des Glyphen-Bedienfeldes aufgezeigt und die Funktion &#8220;Satz- und Sonderzeichen&#8221;.</p>
<p>&nbsp;</p>
<p>OpenType-Schriften haben viele Vorteile:</p>
<p>- Schriftdatei ist für Windows und Mac identisch und es gibt somit keine Schriftersetzungen bzw. Textumbruchprobleme.</p>
<p>- OpenType-Schriften können Ligaturen und Schwungschriften enthalten.</p>
<p>- Es können automatisch alternative Schriftzeichen (Ligaturen, Brüche, Kapitälchen) ersetzt werden.</p>
<p>- Sie können mehr als 256 Zeichen enthalten.</p>
<p>OpenType-Schriftarten werden mit dem <em>O-Symbol</em> angezeigt.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/01.gif" alt="" width="800" height="600" /></p>
<p><span id="more-331"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>Adobe kennzeichnet Schriftarten, die einen erweiterten Zeichensatz haben, mit dem Wort <em>Pro,</em> z. B. <em>Myriad Pro</em>.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Zunächst muss ich, um alle Zeichen zu sehen, das OpenType-Bedienfeld einblenden. Am einfachsten geht das, wenn ich mir die Arbeitsumgebung <em>Typografie</em> aktiviere.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Darin habe ich Möglichkeiten, alternative Zeichen in OpenType-Schriftarten zu verwenden. Folgende Funktionen bietet mir das <em>OpenType-Bedienfeld</em>:<br />
<img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/OpenType.gif" alt="" width="338" height="209" /></p>
<h1>1. Zahl:</h1>
<p>Eine Auflistung von Alternativen für die Darstellung von Ziffern, Zahlen, Mediäval- und Tabellenziffern.</p>
<p><strong>Standardzahl:</strong> Verwendet den Standardstil für die aktuelle Schriftart.</p>
<p><strong>Versalziffern für Tabellen:</strong> Verwendet Ziffern in voller Höhe und einheitlicher Breite (sofern in der aktuellen Schriftart verfügbar). Diese Option ist sinnvoll, wenn die Ziffern über mehrere Zeilen hinweg in einer Linie ausgerichtet sein sollen wie etwa in Tabellen.</p>
<p><strong>Proportionale Versalziffern: </strong>Verwendet Ziffern in voller Höhe, aber mit unterschiedlicher Breite (sofern in der aktuellen Schriftart verfügbar). Diese Option wird für Text in Großbuchstaben empfohlen.</p>
<p><strong>Proportionale Mediävalziffern</strong>: Verwendet Ziffern mit unterschiedlicher Höhe und Breite (sofern in der aktuellen Schriftart verfügbar). Diese Option empfiehlt sich für ein klassisches, anspruchsvolles Schriftbild bei Text, der keine Wörter in Großbuchstaben enthält.</p>
<p><strong>Mediävalziffern für Tabellen</strong>: Verwendet Ziffern mit unterschiedlicher Höhe, aber einheitlicher Breite (sofern in der aktuellen Schriftart verfügbar). Diese Option empfiehlt sich, wenn das klassische Schriftbild von Mediävalziffern erwünscht ist, aber die Ziffern trotzdem in Spalten bündig untereinander ausgerichtet werden sollen, etwa bei Jahresberichten.</p>
<h3></h3>
<div><span> </span></div>
<p>2. Position Z. B. hochgestellt (es werden extra dafür angelegte Zeichen verwendet, nicht einfach nur berechnete). Jedoch bieten nicht alle OpenType-Schriftarten diese Funktion an. In meinem Beispiel enthält die Schriftart <em>Eurostile</em> das nicht, jedoch <em>Eurostile LT Std</em>:</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/04.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>3. Standardligaturen Als Ligatur bezeichnet man die Verbindung von mindestens zwei Buchstaben zu einer Einheit. Es werden keine Ligaturen bei verbundenen Wortteilen benutzt (wie bei Gasthof =&gt; keine th-Ligatur, aber dafür eine st-Ligatur).</p>
<h1>4. Kontextbedingte Varianten</h1>
<p>Eher für ausländische Texte interessant</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/05.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>5. Bedingte Ligaturen Diese sind ermessensabhängige Ligaturen (wie ft, ffl, Th, st).</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/06.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>6. Schwungschrift <img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/07.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>7. Formatvarianten <img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/08.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>8. Titelschriftvarianten Liegt nur in wenigen OpenType-Schriftarten vor – verwendet nur Versalbuchstaben.</p>
<h1>9. Ordinalzeichen</h1>
<p>Kommen oft in anderen Sprachen wie englisch <em>2nd</em> vor. Aber auch das männliche oder weibliche Symbol bzw. das <em>Copyright-Zeichen</em> usw. sind Ordinalzeichen.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/09.gif" alt="" width="800" height="600" /></p>
<h3></h3>
<div><span> </span></div>
<p>10. Brüche <img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/10.gif" alt="" width="800" height="600" /><br />
Als gutes Beispiel für eine OpenType-Schriftart nehme ich <em>Bickham Script Pro</em>. Wenn ich jetzt das Wort <em>Illustratorworkshop</em> schreibe und dann auf <em>Kontextbedingte Variante</em> klicke, sieht man schon erhebliche Veränderungen. Auch <em>bedingte Ligaturen</em> sowie <em>Schwungschrift</em> wirken sich aus. Richtig gewaltige Unterschiede gibt es, wenn ich <em>Formatvariante</em> auswähle.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Glyphen-Bedienfeld</h3>
<p>Um mir alle verfügbaren Schriftzeichen anzeigen zu lassen, blende ich das Bedienfeld <em>Glyphen</em> ein. Es befindet sich im <em>Menü</em> unter <em>Schrift&gt;Glyphen</em>. Zwar lassen sich einige auch per Tastaturkürzel aufrufen, doch wer kann sich schon alle Kürzel merken? Außerdem ist bei Schriftarten mit Ornamenten bzw. Symbolen eine komplette grafische Übersicht sehr sinnvoll.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Richtig toll finde ich in diesem Bedienfeld, dass ich mir für einen ausgewählten Buchstaben alle alternativen Zeichen einblenden lassen kann. Manche OpenType-Schriftarten haben nämlich mehrere Varianten zur Auswahl. Sind tatsächlich mehrere Zeichen für einen Buchstaben vorhanden, ist im Buchstaben ganz klein unten rechts jeweils ein kleines Dreieck zu sehen.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/13.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich sofort alle alternativen Zeichen für die aktuelle Auswahl angezeigt haben, klicke ich oben im Bedienfeld im Menü <em>Einblenden</em> die Option <em>Alternativen für aktuelle Auswahl</em>.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/12.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Unten rechts habe ich auch die Möglichkeit, die Zeichen größer darstellen zu lassen.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/14.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Um ein Zeichen aus dem Glyphen-Bedienfeld zu verwenden, klicke ich auf das Zeichen <em>doppelt</em>.</p>
<p>Ein gutes Beispiel ist auch die Verwendung von <em>Zoll-Zeichen</em>, besser bekannt als <em>Gänsefüßchen</em>. Hier lassen sich schnell alternative <em>Zoll-Zeichen</em> einstellen, wenn ich das speziell nur für den einen Fall haben möchte.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/15.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ansonsten sollte das in den <em>Dokumenteinstellungen</em> eingerichtet werden {ZEILENUMBRUCH}(<em>Datei&gt;Dokument einrichten</em>).</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/16.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Am meisten nutze ich jedoch das <em>Glyphen-Bedienfeld</em>, um schnell z. B. <em>Copyright-Zeichen</em> einzufügen:</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/17.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>&#8230; oder mir vor allem die Webdings-Zeichen anzeigen zu lassen:</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/18.gif" alt="" width="800" height="600" /><br />
&#8230; wobei ein Blick in Wingdings 2 und 3 auch empfehlenswert ist.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Satz- und Sonderzeichen</h3>
<p>Eine wunderbare Funktion, um Texte, die nicht über typografische Satzzeichen verfügen, mit einem <em>Klick</em> nachträglich automatisch mit <em>typografischen Sonderzeichen</em> auszustatten. Dazu klicke ich im <em>Menü&gt;Schrift&gt;Satz/Sonderzeichen</em>.</p>
<p><img class="colorbox-331"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/10_OpenType/19.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><em>ff, fi, ffi Ligaturen</em> und auch <em>ff,fl,ffl Ligaturen</em>: Kommen diese Buchstabenkombinationen in meinem Text vor, werden sie von Illustrator mit entsprechenden Ligaturen ersetzt. Allerdings gibt es in der deutschen Sprache zahlreiche Ausnahmen, die Illustrator jedoch nicht berücksichtigt.</p>
<p><em>Typografische Anführungszeichen</em>: Enthält mein Text <em>Zoll-Zeichen</em>, werden diese in Anführungszeichen umgewandelt. Leider berücksichtigt Illustrator die Einstellungen, die ich unter <em>Menü&gt;Datei&gt;Dokument einrichten </em>für den Anführungszeichenumgang definiert habe, nicht. Somit werden alle <em>Zoll-Zeichen</em> in angelsächsische Anführungszeichen umgewandelt.</p>
<p><em>Einfache Leerzeichen</em>: Diese Funktion lohnt sich zu aktivieren, denn hier werden mehrere vorhandene <em>Leerzeichen</em>, die sich nach einem Punkt befinden, durch ein <em>Leerzeichen</em> ersetzt.</p>
<p><em>Geviert-, Halbgeviertstriche</em>: Zwei <em>Bindestriche</em> werden in einen <em>Halbgeviertstrich</em> umgewandelt. Drei <em>Bindestriche</em> werden in einen <em>Geviertstrich</em> umgewandelt.</p>
<p><em>Auslassungspunkte</em>: Diese Funktion ersetzt die Punkte durch ein <em>Auslassungszeichen</em>.</p>
<p><em>Bruchzahlen</em>: Wenn mein Text Brüche enthält, die jedoch nur durch einen simplen Schrägstrich aufgeführt sind, werden diese, sofern vorhanden, durch entsprechende Bruchzeichen ersetzt.</p>
<p><em>Ersetzen im</em>: Die Optionen sind selbsterklärend: Entweder ich habe einen Text ausgewählt und nur dieser soll bearbeitet werden, oder das gesamte Dokument soll durch die <em>Satz-</em> und <em>Sonderzeichenfunktion</em> bearbeitet werden.</p>
<p><em>Änderungen auflisten</em>: Meine Empfehlung: Häkchen drinlassen. Denn nur so zeigt mir Illustrator auch nach der Durchführung alle Änderungen in einem Dialog an.</p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="satz_sonderzeichen" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2451--adobe-illustrator-grundlagen-opentype-glyphen-und-satz-und-sonderzeichen">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=331&amp;md5=f235199a0ace014aa6e1ceccd66151e0" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/09/adobe-illustrator-grundlagen-opentype-glyphen-und-satz-und-sonderzeichen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Diagramme erstellen und designen</title>
		<link>http://www.illustrator-tutorials.de/2012/02/08/adobe-illustrator-grundlagen-diagramme-erstellen-und-designen/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/08/adobe-illustrator-grundlagen-diagramme-erstellen-und-designen/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 10:00:40 +0000</pubDate>
		<dc:creator>Pascal Bajorat</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=262</guid>
		<description><![CDATA[In diesem Workshop erkläre ich alle Diagrammtypen, die mir Adobe Illustrator bietet. Im Anschluss werde ich darauf eingehen, wie anhand eines Kreisdiagramms die volle Funktionsvielfalt von Illustrator sinnvoll zum Einsatz kommt, damit der Neid eines jeden Kollegen sicher ist. Diagramme sind wichtig bei Präsentationen, Webseiten, Zusammenfassungen, Statistiken, Magazinen etc. Schnell trennt sich dort die Spreu [...]]]></description>
			<content:encoded><![CDATA[<p>In diesem Workshop erkläre ich alle Diagrammtypen, die mir Adobe Illustrator bietet. Im Anschluss werde ich darauf eingehen, wie anhand eines Kreisdiagramms die volle Funktionsvielfalt von Illustrator sinnvoll zum Einsatz kommt, damit der Neid eines jeden Kollegen sicher ist.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/21.gif" width="800" /></p>
<p>Diagramme sind wichtig bei Präsentationen, Webseiten, Zusammenfassungen, Statistiken, Magazinen etc. Schnell trennt sich dort die Spreu vom Weizen. Keiner kann für sich ein professionelles Design beanspruchen, der die Diagramme mit Excel erstellt hat. Der Betrachter erkennt sofort den speziellen Excel-Stil. Und dieser ist nicht unbedingt schön. Am besten lassen sich Diagramme mit Adobe Illustrator erstellen. Die Möglichkeiten der Gestaltung sind sehr umfangreich. Mit einem modernen Diagrammdesign kann der Ersteller Akzente bei Projekten setzen.</p>
<p><span id="more-262"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

<br />
In diesem Workshop gehe ich auf alle Diagrammtypen, die mir Adobe Illustrator bietet, ein und werde zum Schluss des Workshops zeigen, wie anhand eines Kreisdiagramms die volle Funktionsvielfalt von Illustrator sinnvoll zum Einsatz kommt, damit einem der Neid eines jeden Kollegen sicher ist.</p>
<p>In der <em>Werkzeugleiste</em> klicke ich mit gehaltener <em>linker Maustaste</em> auf das <em>Diagrammsymbol</em>.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/01.gif" width="800" /></p>
<p>
Jetzt zeigen sich die 9 <em>Diagrammwerkzeuge</em> für die verschiedenen Diagrammtypen.</p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Vertikales Balkendiagramm</h3>
<p>Das <em>vertikale Balkendiagramm</em> bietet sich bei Vergleichen verschiedener Werte und bei der Entwicklung eines Wertes an.</p>
<p>Um jetzt ein <em>Säulendiagramm</em> in meine Illustration einzufügen, ziehe ich mit gedrückter <em>linker Maustaste</em> die Größe meines Diagramms auf. Jetzt erscheint sofort ein Dialog, in dem ich die Werte meines Diagramms eintragen darf.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/02.gif" width="800" /></p>
<p>
In meinem Beispiel gebe ich die Werte untereinander ein. Möchte ich gleich das Ergebnis sehen, klicke ich auf das Häkchen oben rechts. Am besten das Dialogfenster zur Seite schieben, damit man auch das Diagramm gut in Sicht hat. Je mehr Werte ich eintrage, desto mehr Balken erscheinen natürlich.</p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann mit dem <em>Direktauswahl-Werkzeug</em> jedem Balken eine andere Farbe zuweisen.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/03.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich habe auch die Möglichkeit, Verläufe zu verwenden.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/04.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Gestapeltes vertikales Balkendiagramm</h3>
<p>Mit dem <em>Gestapeltes-vertikales-Balkendiagramm- Werkzeug</em> werden Diagramme erstellt, die <em>vertikalen Balkendiagrammen</em> ähnlich sind. Allerdings werden die Spalten nicht nebeneinander, sondern aufeinander gestapelt dargestellt. Diese Diagrammart eignet sich zur Darstellung der Beziehung einzelner Teile zu einem Ganzen. Das <em>gestapelte vertikale Balkendiagramm</em> würde wie folgt aussehen:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/05.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Horizontales Balkendiagramm</h3>
<p>Bietet sich bei Vergleichen verschiedener Werte (auch Minuswerte) und bei der Entwicklung eines Wertes an.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/08.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Gestapeltes horizontales Balkendiagramm</h3>
<p>Mit dem <em>Gestapeltes-horizontales- Balkendiagramm-Werkzeug</em> erstelle ich Diagramme, die <em>gestapelten vertikalen Balkendiagrammen</em> ähnlich sind; allerdings werden die Balken nicht vertikal, sondern horizontal gestapelt.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/07.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Liniendiagramm</h3>
<p>Mit dem <em>Liniendiagramm-Werkzeug</em> werden Diagramme erstellt, die Wertsätze anhand von Punkten darstellen und die Punkte jedes Wertsatzes durch eine Linie verbinden. Diese Diagrammart wird häufig verwendet, um den Trend von Datenreihen über einen Zeitraum darzustellen wie z. B. bei einer Fieberkurve oder Börsenwerten.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/09.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Flächendiagramm</h3>
<p>Mit dem <em>Flächendiagramm- Werkzeug</em> erstellt ihr Diagramme, die <em>Liniendiagrammen</em> ähnlich sind und Gesamtwerte sowie Wertänderungen hervorheben.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/10.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Streudiagramm</h3>
<p>Bietet sich bei der Visualisierung von Regelmäßigkeiten, Tendenzen und Abhängigkeiten zwischen Werten an.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/11.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Kreisdiagramm</h3>
<p>Bietet sich bei prozentualen bzw. Mengenverhältnissen an. Gebe ich die Werte untereinander ein, werden verschiedene Kreise in unterschiedlicher Größe (je nach Höhe der Werte) erstellt.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/12.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Und gebe ich die Werte nebeneinander ein, werden mir die Teile wie die einzelnen Stücke eines Kuchens verstückelt.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/13.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Auch hier kann ich jeden Teil extra einfärben:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/14.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Auch einem Verlauf kann ich jeden Teil spendieren oder aber die <em>3D-Funktion</em> einsetzen.</p>
<p>Möchte ich eine <em>Legende</em> angezeigt bekommen, ändere ich die Daten entsprechend:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/15.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Auch die Schriftart usw. lässt sich ändern:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/16.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Um Verläufe einzufügen, reicht die Auswahl mit dem <em>Direktauswahl-Werkzeug</em>, und dann wähle ich einen Verlauf z. B. aus den vorgefertigten Bibliotheken aus.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/17.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Um einen schönen <em>3D-Effekt </em>einzusetzen, klicke ich auf <em>Effekte&gt;3D&gt;{ZEILENUMBRUCH}3D-Extrudieren und abgeflachte Kante</em>. Wichtig ist bei normalen 3D-Diagrammen, die Kontur des Kreises/der Säulen zu entfernen, weil sonst die Extrudierung komplett schwarz ist.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/18.gif" width="800" /></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/19.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann jetzt, obwohl ein <em>3D-Effekt</em> darauf liegt, einzelne Stücke herausschieben.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/20.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Zum Schluss noch ein <em>Schlagschatten</em>, und dann sieht das doch schon prima aus.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/21.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann auch einzelnen Elementen Muster usw. zuweisen.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/22.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Netzdiagramm</h3>
<p>Bietet sich bei der Visualisierung von Regelmäßigkeiten, Tendenzen und Abhängigkeiten zwischen Werten an.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/23.gif" width="800" /></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/24.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Diagrammdaten importieren</h3>
<p>Natürlich kann ich auch die Daten direkt eingeben. Der Import ergibt mehr Sinn bei größeren Diagramminhalten. Bei einfachen Werten ist die direkte Eingabe wohl zu bevorzugen. Ich kann für meine Diagramme aus einer Textdatei, die mit Tabulatoren getrennte Werte enthält, bequem in Illustrator importieren. Excel-Dateien funktionieren leider nicht. Dazu ziehe ich erst einmal ein Diagramm auf und klicke auf das Symbol, welches schon so aussieht wie eine Tabelle (erstes Symbol in der Mitte).</p>
<p>Möchte ich z.B. einen Jahreswert wie 2010 abbilden, muss ich den in Anführungszeichen schreiben, weil Illustrator sonst denkt, es handelt sich um eine ganz normale Zahl mit Dezimalstellen. Einen Umbruch bekomme ich mit einem senkrechten Strich | hin.</p>
<p>So sieht die Textdatei aus:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/25.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Und hier in Illustrator als Datenimport:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/26.gif" width="800" /></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/27.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Diagramm formatieren</h3>
<p>Ich erstelle zunächst z. B. ein <em>Balkendiagramm</em>. Im Menü <em>Objekt&gt;Diagramm&gt;Art </em>habe ich viele Möglichkeiten, mein Diagramm zu ändern (mit der <em>rechten Maustaste</em> auf das Diagramm und dann <em>Klick</em> auf <em>Art </em>geht schneller).</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/28.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p><em>Auswahl Diagrammoptionen:</em> Hier habe ich z. B. die Möglichkeit, die <em>Wertachse</em> von links nach rechts oder beides zu ändern. Auch der Stil lässt sich einstellen: <em>Schlagschatten</em> (der nicht sonderlich schön aussieht), &#8230;</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/29.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>&#8230; <em>Legende oben</em> usw. In den <em>Optionen </em>weiter unten kann ich auch die <em>Balkenbreite</em> (kann auch über 100% sein, damit die Balken überlappen) und <em>Gruppenbreite</em> definieren.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/30.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ganz oben habe ich die Möglichkeit, zwischen <em>Diagrammoptionen</em>, <em>Wertachse </em>und <em>Kategorieachse </em>zu wechseln.<br />
&nbsp;<br />
<em>Wertachse:</em></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/31.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Unter <em>Wertachse </em>kann ich Illustrator mitteilen, dass z. B. die berechneten Werte übergangen werden sollen und ich diese manuell zuweise. Sollen die Werte erst ab 10 beginnen, würde das so aussehen:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/32.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Sollen <em>Teilstriche</em> und <em>Beschriftungen</em> formatiert werden, wähle ich oben im Dialogfeld aus dem Popup-Menü eine Achse aus und stelle die folgenden Optionen ein:</p>
<p>&bull; <em>Teilstrichwerte</em>: Legt fest, wo <em>Teilstriche</em> auf den Wertachsen bzw. den linken, rechten, unteren oder oberen Achsen platziert werden. Die Platzierung der <em>Teilstriche</em> kann manuell berechnet werden, indem ich die Option <em>Berechnete Werte übergehen</em> auswähle.<br />
&bull; <em>Teilstriche:</em> Legt die Länge der <em>Teilstriche</em> und die Anzahl der <em>Teilstriche</em> pro Unterteilung fest.<br />
&bull; <em>Beschriftung hinzufügen</em>: Legt ein Präfix und Suffix für Zahlen auf Wertachsen bzw. auf linken, rechten, unteren oder oberen Achsen fest. So kann ich den Zahlen der Achse beispielsweise ein Euro-Symbol oder ein Prozentzeichen hinzufügen. Also Präfix = Text vor dem Wert und Suffix ist nach dem Wert, z. B. &bdquo;ca. 1 mm&ldquo;.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/33.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>&bull; <em>Kategorieachs</em><em>e:</em> In diesem Register bestimme ich das Aussehen der <em>X-Achse</em>.<br />
&bull; <em>Teilstriche</em>: Hier habe ich die Möglichkeit, die Anzahl und das Aussehen von Unterteilungen zwischen den Säulen zu bestimmen.<br />
&bull; <em>Teilstriche zwischen Achsenwerten:</em> Ich habe die Möglichkeit, die <em>Teilstriche</em> entweder direkt am Wert oder dazwischen zu platzieren.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/34.gif" width="800" /></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/35.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Das Gute ist, dass ich jederzeit alle Elemente des Diagramms einzeln verändern kann. Möchte ich z. B. die Farben der Werte an der Achse ändern, nehme ich das <em>Gruppenauswahl-Werkzeug</em>. So könnte ich z. B. auch alle Werte bzw. Striche, die ich nicht benötige, schnell ausblenden.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/36.gif" width="800" /></p>
<p>
Das Geniale ist, dass ich mit dem <em>Gruppenauswahl-Werkzeug</em> auch z. B. gleichfarbige Balken auswählen und dann zügig umformatieren (z. B. mit einem Verlauf oder Muster) kann. Dazu klicke ich einmal auf die entsprechende Säule und dann noch einmal, damit die anderen, passenden ausgewählt werden.</p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Diagrammdesigns</h3>
<p>Das Tolle an Illustrator ist die Möglichkeit, bei <em>Balken-</em> und <em>Säulendiagrammen</em> eigene Designs zu verwenden. Somit kann ich nicht nur eigene Farben und Verläufe sowie Muster verwenden, sondern komplexe Illustrationen wie z. B. Bäume, Münzen usw.</p>
<p>Dazu wähle ich z. B. aus den <em> Symbolbibliotheken </em>entsprechende Symbole aus und speichere mir diese als Design ab:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/37.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Dazu klicke ich im Menü&gt;<em>Objekt&gt;Diagramme&gt;Design.</em> Jetzt klicke ich auf den Button <em>Neues Design</em>, und schon ist mein Pfeil gespeichert. Den kann ich noch umbenennen durch <em>Klick</em> auf <em>Umbenennen</em>.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/38.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Um die Optionen noch einzusehen, klicke ich auf:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/39.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann in den <em>Design-Optionen</em> festlegen, wie meine Designs für die Länge der Säulen/Balken aussehen sollen. Dabei habe ich folgende Möglichkeiten:</p>
<p>&bull; <em>Vertikal skaliert:</em> Hier wird meine Grafik nur in der Höhe skaliert.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/40.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>&bull; <em>Gleichmäßig skaliert:</em> Die Skalierung erfolgt proportional. Sollte der Abstand zwischen den Säulen nicht ausreichen, überlappen sich diese.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/42.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>&bull; <em>Wiederholend:</em> Hier wird mein gespeichertes Symbol gestapelt. Dabei muss ich die Einheit eingeben, ab wann sich meine Grafik wiederholen soll. Zusätzlich kann ich festlegen, ob mein Symbol abgeschnitten oder vertikal skaliert werden darf (z. B. bei Bruchwerten wird dann die Grafik gequetscht).</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/41.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>&bull; <em>Fließend:</em> Das Symbol wird an einer genau definierten Stelle gestreckt. So ist dann die Säule nicht verzerrt.</p>
<p>Und das alles kann ich nicht nur mit vorgefertigten Symbolen machen, sondern auch mit selbst erstellten Grafiken wie z. B. unserem PSD-Logo:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/43.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Das Geniale ist, dass mir Illustrator schon diverse Vorlagen bietet. Diese finde ich unter <em>Datei&gt;Neu aus Vorlagen</em> und dann eine Ebene höher unter <em>Beispieldateien&gt;Diagramm-Designs</em>.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/44.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich muss nur diese Datei geöffnet haben und kann jetzt in meiner Ausgangsdatei darauf zugreifen.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/45.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Unter anderem gibt es dort schöne fließende Designvorlagen.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/46.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Und so sieht es auf mein Diagramm angewendet aus:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/47.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Praxisbeispiele:</h3>
<p>Im ersten Beispiel möchte ich ein <em>Kreisdiagramm</em> erstellen, welches mir die Geschlechterverteilung von PSD-Tutorials.de darstellt. Zunächst erstelle ich ein <em>Kreisdiagramm</em> und gebe die entsprechenden Werte ein. Danach färbe ich die Flächen.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/48.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Als Nächstes füge ich einen <em>3D-Effekt</em> ein:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/49.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Unter <em>Menü&gt;Fenster&gt;Schrift&gt;Glyphen</em> besorge ich mir von der Schriftart <em>Arial </em>die Geschlechtersymbole:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/50.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Die <em>Größe</em> und <em>Deckkraft</em> der Symbole wird verändert:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/51.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Als Nächstes füge ich noch die Prozentwerte direkt im Symbol ein und gebe dem <em>Kreisdiagramm</em> einen <em>Schlagschatten:</em></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/52.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Jetzt füge ich im Hintergrund einen Rahmen mit Verlauf ein. Unbedingt auf die Ebenen achten, weil sonst das Rechteck eventuell eine Ebene höher ist und das Diagramm verdeckt:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/53.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Jetzt füge ich das Logo von PSD-Tutorials.de ein. Die Ebenen benenne ich derweil gleich mit einem aussagekräftigen Namen:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/54.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Damit das Diagramm perfekt wird, füge ich ganz oben noch eine Überschrift ein. Darunter lege ich einen Rahmen mit einer dunkleren Farbe:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/55.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Jetzt möchte ich anhand dieser Vorlage gleich ein <em>Balkendiagramm</em> mit der Altersverteilung erstellen. Dazu benutze ich das <em>Zeichenflächenwerkzeug </em>und kopiere meine <em>Zeichenfläche</em> mit gedrückter <em>Alt-Taste</em>. Dabei bleiben alle Inhalte erhalten.</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/56.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Die unnötigen Inhalte lösche ich und ändere die Überschrift:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/57.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Die Daten des Balkendiagramms gebe ich jetzt ein:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/58.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Jetzt lege ich das Logo in den Hintergrund und färbe die Balken ein. Danach wieder einen <em>3D-Effekt:</em></p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/59.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Jetzt füge ich oben im Kopf noch beim braunen Balken einen kleinen Verlauf ein. Außerdem ändere ich die Schriftart der <em>X-</em> und <em>Y-Achsen.</em> Und ich habe das Logo in Weiß umgefärbt und die <em>Deckkraft</em> auf 25% gesetzt:</p>
<p><img class="colorbox-262"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/25_Diagramme/60.gif" width="800" /></p>
<p>
Mir gefällt das Diagramm, ich hoffe, euch auch.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=262&amp;md5=a7fd1758613c8676c24f0c24f577b7d8" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/08/adobe-illustrator-grundlagen-diagramme-erstellen-und-designen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Grafiken von Text umfließen lassen, Suchen und Ersetzen</title>
		<link>http://www.illustrator-tutorials.de/2012/02/06/adobe-illustrator-grundlagen-grafiken-von-text-umfliesen-lassen-suchen-und-ersetzen/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/06/adobe-illustrator-grundlagen-grafiken-von-text-umfliesen-lassen-suchen-und-ersetzen/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 08:30:59 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=329</guid>
		<description><![CDATA[Keiner möchte viel Text lesen. Grafiken lockern dabei die Seite auf. Ist jedoch die Illustration/das Foto nicht so breit wie die eigentliche Textseite, dann sollte unbedingt eine Konturenführung aktiviert werden. Dabei gibt es mehrere Ansätze, um schnell und clever ein Umfließen vor allem für transparente Grafiken zu realisieren. Das Suchen und Ersetzen von Texten sollte [...]]]></description>
			<content:encoded><![CDATA[<p>Keiner möchte viel Text lesen. Grafiken lockern dabei die Seite auf. Ist jedoch die Illustration/das Foto nicht so breit wie die eigentliche Textseite, dann sollte unbedingt eine Konturenführung aktiviert werden. Dabei gibt es mehrere Ansätze, um schnell und clever ein Umfließen vor allem für transparente Grafiken zu realisieren.</p>
<p>Das Suchen und Ersetzen von Texten sollte jeder beherrschen. Was dabei zu beachten ist und wie sogar Schriften gesucht und ersetzt werden können, wird hier erklärt.</p>
<h3><strong>Grafiken umfließen lassen</p>
<p></strong></h3>
<p>Keiner möchte viel Text lesen. Grafiken lockern dabei die Seite auf. Ist jedoch die Illustration/das Foto nicht so breit wie die eigentliche Textseite, dann sollte unbedingt eine Konturenführung aktiviert werden.</p>
<p>Zunächst füge ich eine Grafik ein. Ich mache das am liebsten per <em>Drag&amp;Drop</em> aus meinem Dateimanager. Danach drücke ich oben im <em>Steuerungsbedienfeld</em> auf <em>Einbetten</em>.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/01.gif" alt="" width="800" height="600" /></p>
<p><span id="more-329"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>Jetzt klicke ich im <em>Menü&gt;Objekt&gt;Umfließen&gt;Erstellen</em>.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt umfließt der Text meine Illustration/mein Foto (sofern die Grafik-Ebene über der Text-Ebene in der gleichen Ebenenhierarchie liegt). Beim Text muss es sich um einen <em>Flächentext</em> handeln, damit das Umfließen funktioniert.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Damit der Text aber genau um die Grafik fließt, werde ich jetzt über der Grafik einen Rahmen aufziehen und dann beides markieren und eine <em>Schnittmaske</em> mit der <em>rechten Maustaste</em> erstellen. Danach noch ein paar <em>Ankerpunkte</em> hinzugefügt und die <em>Ankerpunkte</em> dicht an die Grafik verschoben:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/04.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt noch schnell im Menü <em>Objekt Umfließen</em> aktivieren, und schon umfließt der Text meine Grafik.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Es gibt aber noch eine schnellere Methode. Dafür benutze ich den <em>Tropfenpinsel</em>. Einfach damit schnell das Objekt grob nachmalen:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/06.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt nur noch beide Objekte markieren (schwarze Fläche und den Fisch) und dann wieder eine <em>Schnittmaske</em> erstellen:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/07.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Zum Schluss nur noch wie immer im <em>Menü&gt;Objekt&gt;Umfließen&gt;Erstellen</em> klicken:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/08.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Aber wie sagt man so schön: Mehrere Wege führen nach Rom bzw. zum Ziel. Darum hier noch eine Alternative:</p>
<p>Zunächst dupliziere ich den Fisch, den ich per <em>Drag&amp;Drop</em> aus meinem Dateimanager in Illustrator eingefügt habe. Danach klicke ich oben auf <em>Nachzeichneroptionen</em> (dabei muss das Objekt markiert sein):</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/09.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt das Objekt <em>Umwandeln</em>.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/10.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mit dem <em>Tropfenpinselwerkzeug</em> nur noch schnell die weißen Stellen ausmalen:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt beides markieren (schwarzen Fisch + neu erstellte schwarze Fläche) und im <em>Menü&gt;Objekt&gt;Zusammengesetzter Pfad&gt;Erstellen</em> klicken.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/12.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt den bunten Fisch, der als Kopie vorliegt, genau unter den schwarzen Fisch ziehen und dann beide Objekte markieren und eine <em>Schnittmaske</em> erstellen.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/13.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Zum Schluss nur noch wie immer im <em>Menü&gt;Objekt&gt;Umfließen&gt;Erstellen</em> klicken:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/14.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/15.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Standardmäßig sind 6 Punkt <em>Konturenführung</em> eingetragen. Unter <em>Menü&gt;Objekt&gt;Umfließenoptionen</em> kann ich diesen Wert ändern.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/16.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Füge ich eine transparente PSD-Datei ein, funktioniert das Umfließen erst, wenn ich die Datei <em>einbette</em>:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/17.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/18.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Hat jedoch die Photoshop-Datei mehrere Ebenen und ist nicht mehr transparent, dann funktioniert das nicht. Anders verhält es sich bei Photoshop/TIFF-Dateien, die einen <em>Beschneidungspfad</em> enthalten. Bette ich diese Datei ein und gebe ihr dann eine <em>Konturenführung</em>, nimmt Illustrator den eingestellten <em>Beschneidungspfad</em> als <em>Konturenführungsgrundlage</em>.</p>
<p>Dazu gehe ich wie folgt vor: Ich werde zunächst das Objekt mit z. B. einem <em>Zauberstab</em> auswählen oder, wenn die Ebene schon freigestellt ist, mit gedrückter <em>Strg-Taste</em> und <em>linker Maustaste</em> auf die Ebene im <em>Ebenenbedienfeld</em> klicken. Danach blende ich mir das <em>Pfad-Bedienfeld</em> ein und klicke auf <em>Arbeitspfad aus Auswahl erstellen</em>:</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/19.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt nur noch auf den neuen <em>Arbeitspfad</em> doppelt <em>klicken</em> und als normalen <em>Pfad</em> speichern. Name ist im Grunde egal. Jetzt noch auf das kleine <em>Menüoptionsfeld</em> klicken und die Option <em>Beschneidungspfad</em> aktivieren.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/20.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt wieder wie gewohnt die gespeicherte PSD-Datei in Illustrator per <em>Drag&amp;Drop</em> einfügen, einbetten und <em>Umfließen</em> aktivieren.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/21.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>WICHTIG: Damit das Umfließen von Objekten funktioniert, müssen folgende Hinweise beachtet werden:</p>
<p>- Objekt muss über dem Text in der Ebenenhierarchie liegen</p>
<p>- Text und Objekt müssen in der gleichen Ebene liegen (Text darf nicht in Ebene1 und Objekt in Ebene 2 liegen)</p>
<p>- Text darf nicht mit anderen Objekten gruppiert sein.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/22.gif" alt="" width="800" height="600" /></p>
<div><span> </span></div>
<h3><strong>Suchen und Ersetzen</strong></h3>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/23.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mit der <em>Suchen- und Ersetzen-Funktion</em> habe ich die Möglichkeit, Zeichen, Wörter oder komplette Sätze zu finden und ggfs. zu ersetzen.</p>
<p>Ich finde diese nützliche Funktion unter <em>Menü&gt;Bearbeiten</em>. In fast allen anderen Programmen gibt es für den Aufruf dieser Funktion ein Tastaturkürzel: <em>Strg+F</em>. Leider ist es hier nicht so voreingestellt, kann aber jederzeit in dem Tastaturkürzeldialog zugewiesen werden.</p>
<p>Hier habe ich jetzt wie in vielen anderen Programmen die Möglichkeit, nach bestimmten Zeichen, Wörtern usw. zu suchen und diese gleich zu ersetzen. Praktisch dabei ist die Option, auch durch Anklicken auf den Pfeil z. B. nach <em>Sonderzeichen</em> wie © zu suchen bzw. habe ich einen Text, der nur ein (C) enthält, kann ich dieses durch das Sonderzeichen © ersetzen.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/24.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/25.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Unten im Dialogfenster habe ich mehrere Optionen, die Suche einzugrenzen bzw. auszuweiten:</p>
<p><strong>Groß-/Kleinschreibung: </strong>Sucht nur nach Textzeichenfolgen, deren Groß- und Kleinschreibung genau mit dem eingegebenen Suchtext übereinstimmt.</p>
<p><strong>Ganzes Wort: </strong>Sucht nur nach ganzen Wörtern, die mit dem eingegebenen Suchtext übereinstimmen.</p>
<p><strong>Rückwärts suchen: </strong>Durchsucht die Datei in der Stapelreihenfolge von unten nach oben.</p>
<p><strong>Ausgeblendete Ebenen überprüfen: </strong>Sucht nach Text in ausgeblendeten Ebenen. Wenn diese Option deaktiviert ist, ignoriert Illustrator Text in ausgeblendeten Ebenen.</p>
<p><strong>Gesperrte Ebenen überprüfen: </strong>Sucht nach Text in gesperrten Ebenen. Wenn diese Option deaktiviert ist, ignoriert Illustrator Text in gesperrten Ebenen.</p>
<p>Habe ich das Dialogfeld geschlossen, kann ich trotzdem weitersuchen lassen, indem ich auf <em>Menü&gt;Bearbeiten&gt;Weitersuchen</em> klicke. Praktisch ist es auch, wenn ich komplette Schriftarten suchen und ersetzen möchte, folgendes Dialogfeld aufzurufen: <em>Menü&gt;Schrift&gt;Schriftart suchen</em>. Mir werden dann alle im Dokument verwendeten Schriftarten aufgelistet und ich kann diese durch eine im Dokument vorhandene ersetzen oder aber ich klicke auf <em>System</em> und habe dann alle Schriftarten zum Ersetzen in der Auswahlliste.</p>
<p><img class="colorbox-329"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/11_Suchen_Ersetzen/26.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="konturenfuehrung_suchen_ersetzen" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2455--adobe-illustrator-grundlagen-konturenfuehrung-und-suchen-und-ersetzen-von-texten">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=329&amp;md5=41c72383aec27df950804de42c721775" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/06/adobe-illustrator-grundlagen-grafiken-von-text-umfliesen-lassen-suchen-und-ersetzen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Grafikstile</title>
		<link>http://www.illustrator-tutorials.de/2012/02/03/adobe-illustrator-grundlagen-grafikstile/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/03/adobe-illustrator-grundlagen-grafikstile/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 08:30:36 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=326</guid>
		<description><![CDATA[Im Bedienfeld Grafikstile habe ich die Möglichkeit, vordefinierte Stile durch einen Klick auf Objekte, Gruppen oder Ebenen anzuwenden. Wird eine Gruppe oder Ebene mit einem Grafikstil versehen, so werden die Attribute dieses Grafikstils auf alle Objekte der Gruppe bzw. Ebene angewendet. Das macht sich gerade bei Textboxen, die ständig einen bestimmten Stil wie abgerundete Ecken [...]]]></description>
			<content:encoded><![CDATA[<p>Im Bedienfeld Grafikstile habe ich die Möglichkeit, vordefinierte Stile durch einen Klick auf Objekte, Gruppen oder Ebenen anzuwenden. Wird eine Gruppe oder Ebene mit einem Grafikstil versehen, so werden die Attribute dieses Grafikstils auf alle Objekte der Gruppe bzw. Ebene angewendet. Das macht sich gerade bei Textboxen, die ständig einen bestimmten Stil wie abgerundete Ecken + Kontur + eine bestimmte Hintergrundfarbe haben sollen, sehr gut. Ein Klick, und schon haben alle Boxen einen einheitlichen Stil. Das spart Zeit! In diesem Workshop erlernst du genau diese Grundlagen und Tricks, von denen sogar manche Profis nichts wissen. Ein Muss für jeden Illustrator-Anwender!</p>
<p>Im <em>Grafikstilebedienfeld</em> (<em>Fenster&gt;Grafikstile</em>) kann ich einen Satz von <em>Aussehen-Attributen</em> erstellen, benennen und anwenden. In diesem <em>Bedienfeld</em> werden mir alle Stile angezeigt, die mit dem Dokument gespeichert wurden.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/01.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Um einen Stil jetzt anzuwenden, wähle ich zunächst das Objekt aus und dann klicke ich den <em>Grafikstil</em> mit der <em>linken Maustaste</em> an.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Im <em>Aussehen-Bedienfeld</em> kann ich mir die <em>Grafikstileigenschaften</em> des Objekts anzeigen lassen:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/03.gif" alt="" width="800" height="600" /></p>
<p><span id="more-326"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>Ich kann sogar im <em>Aussehen-Bedienfeld</em> die Eigenschaften jederzeit ändern:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/04.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Auch lassen sich Effekte wie <em>Schlagschatten</em> durch einen Klick auf <em>Schlagschatten</em> jederzeit in den Einstellungen verändern:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Weil in jedem Dokument die angewendeten Stile mit gespeichert werden, können ältere bzw. Dokumente von Kollegen ganz andere Stile enthalten:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/06.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Reichen mir die <em>Grafikstile</em> nicht aus, schaue ich in den <em>Grafik-Stile-Bibliotheken</em>:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/08.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wenn ich dann z. B. auf den <em>Wirbel</em> klicke, sieht meine Fläche ganz anders aus:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/09.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mehr dazu weiter unten. Hat im Bedienfeld ein <em>Grafikstil</em> keine Kontur und Füllung, sondern nur Effekte, so wird er mit einem roten Schrägstrich innerhalb eines schwarzen Rechtecks angezeigt, wie z. B. der Grafikstil <em>Abgerundete Ecken</em>: Dieser fügt dem Objekt nur einen einzigen Effekt hinzu. Alle anderen Objekteigenschaften/Effekte werden entfernt.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/10.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich finde es auch super praktisch, dass Adobe einen <em>Standard-Grafikstil</em> mit der Eigenschaft von 1 pt Kontur und weißer Flächenfarbe schon vorinstalliert hat. So kann ich Objekte, die zu viele Effekte haben, sofort auf den Standard zurücksetzen.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/11.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mit <em>Klick</em> der <em>rechten Maustaste</em> auf den <em>Grafikstil</em> kann ich mir eine größere Vorschau anzeigen lassen.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/12.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich einem Text einen <em>Grafikstil</em> zuweisen, erweist sich die Option <em>Text für Vorschau verwenden</em> im Menü des <em>Bedienfeldes</em> als nützlich. Jetzt wird mir im <em>Grafikstilebedienfeld</em> der Text als Vorschau angezeigt (auch hier empfiehlt sich wieder der <em>Klick</em> mit der <em>rechten Maustaste</em>).</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/13.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Das Schöne ist auch, dass ich mir die <em>Grafikstile</em> so zurechtsortieren kann, wie ich es möchte. Dazu ziehe ich die <em>Grafikstile</em> per <em>Drag&amp;Drop</em> an die entsprechende Position.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/15.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Im <em>Grafikstilebedienfeld</em> kann ich auch alle Stile <em>nach Name sortieren</em> lassen.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/16.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann auch einstellen, dass ich alle <em>Grafikstile</em> als kleine oder große <em>Liste</em> angezeigt haben möchte.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/17.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Erstellen von Grafikstilen</h3>
<p>Ich habe mehrere Möglichkeiten, <em>Grafikstile</em> zu erstellen. Entweder ich erstelle einen <em>Grafikstil</em> komplett neu (dazu muss ich ein Objekt auswählen, welches diverse <em>Aussehen-Attribute</em> enthält), oder aber ich kann auch auf Grundlage eines schon vorhandenen <em>Grafikstils</em> einen neuen erstellen. Sogar das Duplizieren von vorhandenen <em>Grafikstilen</em> ist möglich.</p>
<p>Und so gehe ich genau vor, um einen neuen <em>Grafikstil</em> anzulegen:</p>
<p>1. Ich füge einem Objekt diverse Eigenschaften und ggfs. Effekte hinzu und lasse es ausgewählt.</p>
<p>2. Ich klicke im <em>Grafikstilebedienfeld</em> auf die Schaltfläche <em>Neuer Grafikstil </em>(alternativ im <em>Bedienfeldmenü</em> den Befehl <em>Neuer Grafikstil</em> anklicken, dann einen Namen in das Feld <em>Stilname</em> eingeben und danach auf <em>OK</em> klicken.)</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/18.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/19.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wenn ich jetzt ein Objekt markiere und dann auf den neuen Stil klicke, nimmt dieses sofort die Eigenschaften an:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/20.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann das Objekt auch direkt nehmen und in das <em>Grafikstilebedienfeld</em> ziehen:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/21.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>3. Ich kann auch auf die Miniatur aus dem <em>Aussehen-Bedienfeld</em> (oder das Objekt aus dem Illustrator-Fenster) per <em>Drag&amp;Drop</em> in das <em>Grafikstilebedienfeld</em> einfügen.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/22.gif" alt="" width="800" height="600" /><br />
4. Auch ist es mir möglich, bei gedrückter <em>Alt-Taste</em> auf die Schaltfläche <em>Neuer Grafikstil</em> zu klicken. Jetzt kann ich gleich den Namen für den <em>Grafikstil</em> eingeben und klicke dann auf <em>OK</em>.</p>
<p>5. Wenn ich mit gedrückter <em>Alt-Taste</em> per <em>Drag&amp;Drop</em> auf einen vorhandenen <em>Grafikstil</em> ziehe, wird dieser mit dem neuen Stil überschrieben, wobei der Name beibehalten wird.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Erstellen eines Grafikstils auf der Basis von zwei oder mehr vorhandenen Grafikstilen</h3>
<p>Möchte ich mehrere <em>Grafikstile</em> zu einem zusammenfügen, ist das kein Problem.</p>
<p>Dazu klicke ich bei gedrückter <em>Strg-Taste</em> auf alle <em>Grafikstile</em>, die ich zum Zusammenfügen auswählen möchten, und wähle dann im <em>Bedienfeldmenü</em> den Befehl <em>Grafikstile zusammenfügen</em>. Der neue <em>Grafikstil</em> enthält jetzt alle Attribute der ausgewählten <em>Grafikstile</em> und wird am Ende der <em>Grafikstile-Liste</em> in das <em>Bedienfeld</em> eingefügt.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/23.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich einem Objekt schnell einen zusätzlichen <em>Grafikstil</em> geben, ohne den vorhandenen zu überschreiben, ziehe ich den neuen Stil mit gedrückter <em>Alt-Taste</em> direkt aus dem <em>Bedienfeld</em> zum Objekt hin. Soll die Schriftfarbe beim Anwenden eines <em>Grafikstils</em> erhalten bleiben, deaktiviere ich im Menü des <em>Grafikstilebedienfelds</em> die Option <em>Zeichenfarbe überschreiben</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/24.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Im <em>Grafikstilebedienfeld</em> habe ich auch die Möglichkeit, <em>Grafikstile</em> umzubenennen oder zu löschen, die Verknüpfung zu einem <em>Grafikstil</em> aufheben und die <em>Grafikstilattribute</em> durch andere zu ersetzen. Um einen <em>Grafikstil</em> umzubenennen, kann ich entweder doppelt drauf klicken oder ich wähle im <em>Bedienfeldmenü</em> den Befehl <em>Grafikstiloptionen</em>, um die Datei umzubenennen, und klicke dann auf <em>OK</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/25.gif" alt="" width="800" height="600" /><br />
Um einen <em>Grafikstil</em> zu löschen, klicke ich im <em>Bedienfeldmenü</em> den Befehl <em>Grafikstil löschen</em> und klicke dann auf <em>Ja</em>, oder ich ziehe den Stil auf das Symbol <em>Löschen</em> (wenn ich dabei die <em>Alt-Taste</em> drücke, kommt auch kein Bestätigungsdialog).</p>
<p>Die Aussehen-Attribute von Objekten, Gruppen oder Ebenen, auf die der <em>Grafikstil</em> angewendet wurde, bleiben dabei zwar erhalten, sind jedoch nicht länger mit einem <em>Grafikstil</em> verknüpft.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Aufheben der Verknüpfung mit einem Grafikstil</h3>
<p>Um eine Verknüpfung eines <em>Grafikstils</em> aufzuheben, wähle ich das Objekt, die Gruppe oder die Ebene aus, auf die der <em>Grafikstil</em> angewendet wurde. Als Nächstes wähle ich im Menü des <em>Grafikstilebedienfelds</em> die Option <em>Verknüpfung mit Grafikstil aufheben</em> oder klicke im <em>Bedienfeld</em> auf die Schaltfläche <em>Verknüpfung mit Grafikstil aufheben</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/26.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt kann ich die Aussehen-Attribute der Objekte ändern, wobei die Attribute im <em>Grafikstil</em> erhalten bleiben und nicht die neuen Eigenschaften annehmen. Praktisch ist aber die Verknüpfung. Habe ich z. B. mehrere Objekte, die den gleichen <em>Grafikstil</em> haben, kann ich diese mit nur wenigen Klicks sofort ändern. Und so gehe ich vor:</p>
<p>Ich ändere im <em>Aussehen-Bedienfeld</em> die entsprechenden Eigenschaften. Wenn ich das Symbol jetzt mit gedrückter <em>Alt-Taste</em> aus dem <em>Aussehen-Bedienfeld</em> in das <em>Grafikstilebedienfeld</em> ziehe, werden alle damit verknüpften <em>Grafikstile</em> aktualisiert.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/27.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>In meinem Beispiel sieht jetzt die Kontur ziemlich übertrieben aus, aber es geht ja nur um die Erklärung der Funktion:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/28.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Grafikstil-Bibliotheken</h3>
<p><em>Grafikstil-Bibliotheken</em> sind Sammlungen von vorgegebenen <em>Grafikstilen</em>, die Adobe im Programm Illustrator beigepackt hat. Von Version zu Version werden es mehr. Wenn ich eine <em>Grafikstil-Bibliothek</em> lade, wird sie in einem neuen <em>Bedienfeld</em> angezeigt (nicht im <em>Grafikstilebedienfeld)</em>. Das Auswählen und Anzeigen von Elementen funktioniert in einer <em>Grafikstil-Bibliothek</em> genauso wie im <em>Grafikstilebedienfeld</em>. In <em>Grafikstil-Bibliotheken</em> können jedoch keine Elemente hinzugefügt, gelöscht oder bearbeitet werden.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/29.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Aber aufgepasst: Wenn man viele Stile ausprobiert, wird auch gleich das <em>Stile-Bedienfeld</em> mit den ausprobierten Stilen aufgestockt und eventuell unübersichtlich, und auch die Dokument-Dateigröße nimmt zu:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/30.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich das verhindern, kann ich Folgendes unternehmen: Ich klicke im <em>Optionsmenüfeld</em> des <em>Grafikstilebedienfelds</em> und wähle dann die Option <em>Alle nicht verwendeten auswählen</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/31.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt kann ich die ausgewählten Stile auf den <em>Papierkorb</em> ziehen:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/32.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt sieht mein <em>Grafikstilebedienfeld</em> doch viel aufgeräumter aus:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/33.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wenn ich eine bestimmte Bibliothek beim Starten von Illustrator automatisch öffnen möchte, wähle ich im <em>Bedienfeldmenü</em> der Bibliothek den Befehl <em>Gleiche Position</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/34.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Zum Speichern von <em>Grafikstilen</em> klicke ich im Menü des <em>Grafikstilebedienfelds</em> auf den Befehl <em>Grafikstil-Bibliothek speichern</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/35.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Die Bibliothek kann an jedem beliebigen Ort gespeichert werden. Falls ich die Bibliothek jedoch am Standardspeicherort speichere, erscheint der Bibliotheksname im Untermenü <em>Benutzerdefiniert</em> des Menüs <em>Grafikstil-{ZEILENUMBRUCH}Bibliotheken</em> bzw. <em>Grafikstil-Bibliothek öffnen</em>.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/36.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann <em>Grafikstile</em> auch per <em>Drag&amp;Drop</em> in mein <em>Grafikstilebedienfeld</em> einfügen. Oder ich wende einen <em>Grafikstil</em> aus der Bibliothek an. Dann wird der Stil automatisch dem <em>Grafikstilebedienfeld</em> hinzugefügt.</p>
<p>Möchte ich, dass die neuen Stile direkt im <em>Grafikstilebedienfeld</em> in jedem neuen Dokument zur Verfügung stehen, ändere ich einfach die entsprechende Vorlage:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/37.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt die Druck.ai öffnen (meistens wähle ich als neues Dokument die Vorlage <em>Druck</em>) und dann entsprechend neue Stile darin anlegen oder importieren und die Datei zum Schluss ganz normal speichern.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/38.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ab sofort steht mir der neue graue <em>Grafikstil</em>, den ich darin angelegt habe, in jedem neuen Dokument zur Verfügung:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/40.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann sogar <em>Grafikstile</em> aus anderen Dokumenten importieren. Dazu wähle ich im <em>Menü&gt;Fenster&gt;Grafikstil-Bibliotheken&gt;Andere Bibliothek</em> oder wähle im Menü des <em>Grafikstilebedienfelds</em> die Option <em>Grafikstil-Bibliothek öffnen&gt;Andere Bibliothek.</em></p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/41.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt wähle ich die Datei aus, aus der ich die <em>Grafikstile</em> importieren möchte, und klicke auf <em>Öffnen</em>. Die <em>Grafikstile</em> werden in einem <em>Grafikstil-{ZEILENUMBRUCH}Bibliotheksbedienfeld</em> und nicht im <em>Grafikstilebedienfeld</em> angezeigt.</p>
<p>Wichtig ist, wenn man die Effekte beim Skalieren mit skalieren möchte, dass dies in den <em>Voreinstellungen</em> im Register <em>Allgemein</em> aktiviert ist.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/42.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Hier mal ein Vergleich von zwei Flächen, die einmal mit und einmal ohne die voreinstellte Option skaliert wurde:</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/43.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Alle Effekte bzw. <em>Grafikstile</em> werden dann ausführlich im <em>Aussehen-Bedienfeld</em> aufgeschlüsselt. So kann ich genau sehen, wie z. B. diverse vordefinierte <em>Grafikstile</em> aufgebaut sind. Im Menü des <em>Bedienfeldes</em> kann ich auch mit einem <em>Klick</em> sämtliche Effekte wieder entfernen. Ein gutes Beispiel für die Verwendung des <em>Aussehen-Bedienfeldes</em> ist das Hinzufügen eines <em>Farbverlaufs</em> für einen Text.  Erst, wenn ich eine <em>zusätzliche Fläche</em> anlege, funktioniert das.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/44.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/45.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Auch kann ich im <em>Aussehen-Bedienfeld</em> sämtliche Effekte jederzeit ausblenden bzw. editieren. Im <em>Ebenenbedienfeld</em> kann ich schnell <em>Aussehen-Attribute</em> verschieben oder kopieren. Auch die Reihenfolge von Attributen im <em>Aussehen-Bedienfeld</em> lässt sich ändern. Denn Effekte werden immer von oben nach unten abgearbeitet. Möchte ich die kompletten Attribute auf ein anderes Objekt übernehmen, reicht das Ziehen des kleinen Kästchens oben links per <em>Drag&amp;Drop</em> direkt aus dem <em>Aussehen-Bedienfeld</em> zum Objekt.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/46.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Habe ich eine Gruppe und möchte mir deren <em>Attribute</em> einblenden lassen, muss ich im <em>Aussehen-Bedienfeld</em> auf <em>Inhalt</em> doppelt klicken.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/47.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich habe auch die Möglichkeit, die <em>Deckkraft</em> im <em>Aussehen-Bedienfeld</em> zu regulieren, was ich sonst extra im <em>Transparenz-Bedienfeld</em> machen müsste. Im <em>Optionsmenü</em> des <em>Bedienfeldes</em> ist es mir auch möglich, alle Effekte zu entfernen, jedoch die Grundform beizubehalten.</p>
<p>Hebe ich im <em>Aussehen-Bedienfeld</em> die Auswahl von <em>Neues Bild hat Grundform</em> auf, verwendet das <em>Tropfenpinselwerkzeug</em> die Attribute des ausgewählten Bildmaterials. Ich kann auch festlegen, ob auf neue Objekte die <em>Aussehen-{ZEILENUMBRUCH}Attribute</em> bereits vorhandener Objekte angewendet werden sollen oder ob sie nur auf der Grundform basieren.</p>
<p>Wenn ich nur eine einzelne Fläche und Kontur auf neue Objekte anwenden möchten, wähle ich im <em>Bedienfeldmenü</em> die Option <em>Neues Bild hat Grundform</em>. Das heißt, sobald ich eine neue Fläche anlege, übernimmt die auf gar keinen Fall irgendwelche Effekte usw., die ich vor dem Objekt erstellt bzw. mit denen ich gearbeitet habe.</p>
<p>Wenn ich alle aktuellen <em>Aussehen-Attribute</em> auf neue Objekte anwenden möchte, deaktiviere ich im <em>Bedienfeldmenü</em> die Option <em>Neues Bild hat Grundform</em>. Jetzt würde ein neues Objekt, welches ich aufziehe, sofort die Attribute übernehmen, welche ich vor dem Aufziehen angeklickt hatte.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/48.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann natürlich auch sämtliche Effekte, die auf dem Objekt liegen, in einen <em>Pfad</em> umwandeln. Dazu klicke ich im <em>Menü&gt;Objekt&gt;Aussehen umwandeln</em>. Ganz gut kann man das sehen, wenn ich mehrere Objekte zu einer Gruppe hinzufüge und dann die <em>Deckkraft</em> ändere. Dies wirkt sich dann auf alle Gruppenobjekte aus.</p>
<p><img class="colorbox-326"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/12_Grafikstile/49.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="grafikstile" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2456--adobe-illustrator-grundlagen-grafikstile">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=326&amp;md5=c306439c7da907c6b499491f27c80bcb" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/03/adobe-illustrator-grundlagen-grafikstile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Breitenwerkzeug &amp; Konturen</title>
		<link>http://www.illustrator-tutorials.de/2012/02/01/adobe-illustrator-grundlagen-breitenwerkzeug-konturen/</link>
		<comments>http://www.illustrator-tutorials.de/2012/02/01/adobe-illustrator-grundlagen-breitenwerkzeug-konturen/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 10:00:15 +0000</pubDate>
		<dc:creator>Pascal Bajorat</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=260</guid>
		<description><![CDATA[Seit Illustrator CS5 gibt es das Breitenwerkzeug, mit dem es möglich ist, unterschiedlich breite Konturen sehr einfach einzustellen. Außerdem wird hier alles zum Thema Konturen erläutert sowie der Umgang mit und das Erstellen von eigenen Pfeilspitzen. Als gutes Beispiel eignet sich erst einmal eine normale Linie möglichst mit einer etwas größeren Linienstärke. Als Nächstes wähle [...]]]></description>
			<content:encoded><![CDATA[<p>Seit Illustrator CS5 gibt es das Breitenwerkzeug, mit dem es möglich ist, unterschiedlich breite Konturen sehr einfach einzustellen. Außerdem wird hier alles zum Thema Konturen erläutert sowie der Umgang mit und das Erstellen von eigenen Pfeilspitzen.</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/10.gif" width="800" /></p>
<p>Als gutes Beispiel eignet sich erst einmal eine normale Linie möglichst mit einer etwas größeren Linienstärke. Als Nächstes wähle ich das neue <em>Breitenwerkzeug</em> aus. Jetzt klicke ich an einer Stelle meiner Linie und kann dann mit gedrückter <em>linker Maustaste</em> genau an dieser Position die Kontur vergrößern oder auch verkleinern.<br /><span id="more-260"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

<br />
<br />
<img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/01.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann so viele neue Punkte zum Herausziehen neuer Konturstärken ziehen, wie ich möchte.</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/02.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Das Geniale ist, dass ich sogar nur eine Seite vergrößern kann. Dazu halte ich beim Verändern der Kontur mit dem <em>Breitenwerkzeug</em> die <em>Alt-Taste</em>. <em>Alt+Ziehen</em> eines Breitenpunkts kopiert einen Breitenpunkt. <em>Alt+Umschalt+Ziehen</em> kopiert alle Punkte auf meinem Pfad und verschiebt diese nach Belieben. Mit <em>Umschalt+Ziehen</em> kann ich mehrere Breitenpunkte verändern. Mit <em>Umschalt+{ZEILENUMBRUCH}Klicken</em> kann ich mehrere Breitenpunkte auswählen. <em>Entf</em> auf einen Breitenpunkt entfernt diesen. <em>Esc</em> hebt die Auswahl meines Breitenpunkts auf.</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/03.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann auch mit gedrückter <em>linker Maustaste</em> den Änderungspunkt verschieben. Möchte ich das ganz genau wissen, kann ich das numerisch durch einen <em>Doppelklick</em> an dem Punkt der Linie, die ich verändern möchte, definieren. Ein weiteres Beispiel wäre z. B. eine Ellipse, die mit unterschiedlicher Konturstärke wie eine Sichel/ein Halbmond aussehen kann:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/04.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann das auf alle Konturen anwenden, die mir gerade in den Weg kommen. Hier ein schönes Beispiel mit einem Schmetterling:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/05.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann meine neue Kontur sogar speichern und auf andere Objekte anwenden:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/06.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Natürlich kann ich auch die vorhandenen Konturen von Illustrator verwenden. In meinem Beispiel habe ich jetzt mehrere Kreise aufgezogen und möchte diese mit einer vorgefertigten Kontur versorgen.&nbsp; Zunächst erstelle ich die Kreise und gebe diesen eine etwas dickere Konturstärke:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/07.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Und jetzt klicke ich auf die neue <em>Konturvorlage</em>. Sieht doch schick aus, oder?</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/08.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann das <em>Breitenwerkzeug</em> sogar auf <em>Bild-</em> und <em>Musterpinsel</em> anwenden:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/09.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Und so sieht jetzt mein Banner aus, wenn ich das untere Ende mit dem <em>Bogenwerkzeug</em> verkleinert habe:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/10.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Konturen</h3>
<p>Möchte ich einem Rechteck eine gestrichelte Linie verpassen, rufe ich mir das <em>Konturenbedienfeld</em> auf und aktiviere <em>Gestrichelte Linie</em>. Jedoch habe ich dann teilweise das Problem, dass die gestrichelten Linien nicht ordnungsgemäß die Ecken umschließen.</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/11.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Seit CS5 gibt es dafür einen Extra Button, der diesen Wunsch sofort umsetzt, damit die gestrichelten Linien meine Ecken umschließen:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/12.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Möchte ich die Ecken abgerundet haben, klicke ich diesen Button an:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/13.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Ich kann sogar die Länge und die Lückengröße beeinflussen:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/14.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<h3>
	Pfeilspitzen</h3>
<p>Eine große Auswahl finde ich fast ganz unten im <em>Konturenbedienfeld</em>:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/15.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Möchte ich die Pfeilspitze lieber getauscht haben, also dass die obere nach unten und, falls vorhanden, die untere nach oben soll, dann klicke ich folgenden Button:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/16.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Die Pfeile sind proportional zur Linienstärke, können aber vergrößert werden durch <em>Skalieren</em>. Eigene Pfeilspitzen kann ich auch speichern, indem ich auf C:ProgrammeAdobeAdobe Illustrator CS5Support FilesRequiredResourcesde_DE die Datei Pfeilspitzen.ai aufrufe:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/17.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Jetzt kopiere ich mir einfach einen Pfeil mit gedrückter <em>Alt-Taste</em>. Danach klicke ich die <em>rechte Maustaste</em> und hebe die Symbol-Verknüpfung auf. Jetzt ändere ich den Pfeil nach Belieben (ich habe ein Herz als Spitze eingefügt, das es in der <em>Web-Symbol-Bibliothek</em> gibt) und speichere ihn dann als neues Symbol ab.</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/18.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Nachdem ich die Datei gespeichert und Illustrator neu gestartet habe, steht mir mein neuer Pfeil zur Verfügung:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/19.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Die Pfeile sind als Symbol gespeichert; sogar eine deutsche Anleitung ist oben in der Datei eingefügt.</p>
<p></p>
<h1>
	Gehrungsgrenze</h1>
<p>Je größer der Max-Wert, desto dichter können die Linien aneinander sein und die Spitze wächst entsprechend:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/20.gif" width="800" /></p>
<p></p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>Wäre der Max-Wert kleiner, würde die Spitze früher &quot;abbrechen&quot;:</p>
<p><img class="colorbox-260"  alt="" height="600" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/26_Breitenwerkzeug/21.gif" width="800" /></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=260&amp;md5=c0689764a0c91e7782a7d744bc35c2eb" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/02/01/adobe-illustrator-grundlagen-breitenwerkzeug-konturen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator &#8211; Grundlagen: Ebenen &#8211; Teil 2</title>
		<link>http://www.illustrator-tutorials.de/2012/01/31/adobe-illustrator-grundlagen-ebenen-teil-2/</link>
		<comments>http://www.illustrator-tutorials.de/2012/01/31/adobe-illustrator-grundlagen-ebenen-teil-2/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 08:30:37 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://illustrator-tutorials.4eck-media.de/?p=323</guid>
		<description><![CDATA[Ebenen sind immer dann wichtig, wenn man eine bessere Übersicht über die einzelnen Illustrationen innerhalb eines Dokumentes haben möchte. Denn diese lassen sich dann separat ein- oder ausblenden bzw. auswählen. Nur, wer die Arbeit mit Ebenen beherrscht, ist in der Lage, schnell und effektiv zu arbeiten. In diesem Workshop werden zahlreiche Grundlagen, aber auch Tricks [...]]]></description>
			<content:encoded><![CDATA[<p>Ebenen sind immer dann wichtig, wenn man eine bessere Übersicht über die einzelnen Illustrationen innerhalb eines Dokumentes haben möchte. Denn diese lassen sich dann separat ein- oder ausblenden bzw. auswählen. Nur, wer die Arbeit mit Ebenen beherrscht, ist in der Lage, schnell und effektiv zu arbeiten. In diesem Workshop werden zahlreiche Grundlagen, aber auch Tricks gezeigt, von denen sogar alte Illustrator-Hasen nichts wussten.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/Ebenen.gif" alt="" width="800" height="521" /></p>
<p><span id="more-323"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-illu-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h3>7. Neue Unterebene erstellen:</h3>
<p>Wie der Name es schon sagt, kann ich mit diesem Button eine neue Unterebene in der aktuell ausgewählten Ebene erstellen.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/30.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>8. Neue Ebene:</h3>
<p>Mit diesem Symbol erstelle ich eine <em>neue Ebene</em>. Möchte ich einen Dialog mit diversen Einstellungsmöglichkeiten sehen, halte ich die <em>Alt-Taste</em> beim Drücken auf das <em>Neue Ebene erstellen-Symbol</em>. Darin kann ich dann unter anderem auswählen, welche Farbe die Ebene haben soll, ob diese gedruckt werden darf oder Bilder darin abgeblendet werden sollen u.v.m.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/31.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>9. Auswahl löschen:</h3>
<p>Sobald ich eine Ebene bzw. ein Objekt ausgewählt habe und dann auf den <em>Papierkorb</em> klicke, wird das Objekt bzw. die Ebene gelöscht.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/32.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann auch gleich mehrere Ebenen (um diese auszuwählen, halte ich die <em>Strg-Taste</em>) löschen:</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/33.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Möchte ich nur den <em>Ebeneninhalt</em> löschen, wähle ich alles von der Ebene aus und drücke dann die <em>Entfernentaste</em>.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/34.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>10. Ziel-Symbol:</h3>
<p>Ich kann dieses Symbol per <em>Drag&amp;Drop</em> auf eine andere Ebene ziehen, um alle <em>Aussehen-Attribute</em> auf die Zielebene zu verschieben. Möchte ich diese nur duplizieren, drücke ich dabei die <em>Alt-Taste</em>.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/35.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt hat meine zweite Fläche auch einen <em>Schlagschatten</em> und eine <em>weiche Kante</em>.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/36.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Das Symbol kann mehrere Formen annehmen. Ist es nur ein Kreis, ist außer einer Kontur und einer Fläche kein weiteres <em>Aussehen-Attribut </em>vorhanden. Erst, wenn es gefüllt ist, sind auch diverse <em>Aussehen-Attribute</em> vorhanden. Möchte ich die <em>Aussehen-Attribute</em> schnell entfernen, kann ich diese auch auf den <em>Papierkorb</em> (obwohl der deaktiviert ist) ziehen. Ich kann aber auch das Aussehen auf die Ebene ganz oben verschieben, damit alle darunterliegenden das gleiche Aussehen annehmen. Auch neue Objekte oder Unterebenen nehmen dann das Aussehen an, sobald ich welche erstelle.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/37.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>11. Objekt-Auswahl:</h3>
<p>Ein farbiges <em>Quadrat</em> (Farbe ist genau die, wie in der Ebenenfarbe definiert) zeigt mir, welche Elemente ausgewählt sind.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/38.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Das kleine <em>Dreieck</em> rechts oben zeigt mir, welcher Ebene neue Ebenen zugewiesen werden. Ich habe auch die Möglichkeit, das farbliche <em>Objekt-Auswahl-Viereck</em> per <em>Drag&amp;Drop</em> in andere Ebenen zu verschieben.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/39.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>12. Optionsmenü:</h3>
<p>Hier habe ich die Möglichkeit, viele kleine nützliche Ebenen-Funktionen aufzurufen. Hier gibt es z. B. die Funktion, dass ich alle Ebenen auf eine Hintergrundebene reduziere. Das spart Speicher, erhöht aber nicht die Übersichtlichkeit im <em>Ebenenbedienfeld</em>.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/40.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich kann auch in den <em>Bedienfeldoptionen</em> einstellen, ob ich nur <em>Ebenen</em> und keine <em>Schnittmasken</em> und <em>Gruppen</em> sehen möchte. Auch ist es mir möglich, die <em>Zeilengröße</em> zu definieren und einzustellen, für welche Elemente <em>Miniaturen</em> angezeigt werden sollen.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/41.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Weitere Ebenenfunktionen</h3>
<p><em>Ebenen/Elemente verschieben</em>: Per <em>Drag&amp;Drop</em> kann ich einzelne Elemente oder ganze Ebenen verschieben.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/42.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Ebene Duplizieren:</h3>
<p>Möchte ich eine Ebene <em>duplizieren</em>, ziehe ich diese auf das <em>Neu-Symbol</em> im <em>Ebenenbedienfeld</em>. Auch das Verschieben per <em>Drag&amp;Drop</em> mit gedrückter <em>Alt-Taste</em> dupliziert das Element. Mit gedrückter <em>Shift-Taste</em> kann ich mehrere Ebenen auswählen.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/43.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Ebenen zusammenfügen:</h3>
<p>Ich kann mehrere Ebenen, die sich in der gleichen Ebenenhierarchiestufe befinden, zusammenfügen, um für den Export nicht zu viele Ebenen zu erhalten bzw. Programmen außerhalb der CS Suite beim Öffnen der Dateien behilflich zu sein, weil diese sonst durch zu viele Ebenen Probleme bekommen könnten.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/44.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Alle ausgewählten Objekte sind jetzt in einer neuen Gruppe zusammengefasst:</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/45.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>In neuer Ebene sammeln:</h3>
<p>Mit dieser Funktion kann ich mehrere Elemente in eine neue Ebene verschieben.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/46.gif" alt="" width="800" height="311" /></p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/47.gif" alt="" width="800" height="311" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Umgekehrte Reihenfolge:</h3>
<p>Mit diesem Befehl kann ich die Reihenfolge der Ebenen komplett <em>umkehren</em>.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/50.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/51.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Ebene beim Einfügen merken:</h3>
<p>Ist diese Option aktiviert, wird beim <em>Einfügen</em> über die <em>Zwischenablage</em> in ein anderes Dokument in genau die gleiche Ebene eingefügt wie beim Original. Ist die Ebene nicht vorhanden, wird eine neue mit dem gleichen Namen wie im Quelldokument erstellt. Ist das Häkchen nicht gesetzt, würde Illustrator das neue Objekt in der aktuellen Ebene als neues Objekt erstellen.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/48.gif" alt="" width="800" height="600" /></p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/49.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Ebenen für Objekte erstellen:</h3>
<p>Diese Funktion ist für den Export in Animationsprogramme wie AfterEffects oder Flash usw. gedacht. Dabei gibt es zwei Unterscheidungen:</p>
<p><em>Sequenz: </em>Damit werden alle Elemente auf einzelne Ebenen verteilt.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/52.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Am besten lässt das sich verdeutlichen, wenn ich das <em>Angleichen-Werkzeug</em> benutze. Wenn ich dann <em>Sequenz</em> einstelle, wird das <em>Angleichen-Objekt</em> so zerlegt, dass jede Ebene ein Objekt enthält.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/53.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><em>Aufbau:</em> Hier ist das unterste Objekt dann auf allen Ebenen vorhanden. Benutze ich jedoch <em>Aufbau</em>, enthält die unterste Ebene nur ein Objekt, die darüberliegenden jeweils ein Objekt vom untersten mehr.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/54.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><em>Animation exportieren:</em> Ich kann Illustrator-Dateien auch als SWF exportieren, wobei jede Ebene in ein <em>Frame</em> umgewandelt wird.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/55.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><em>Jetzt exportieren als:</em> AI-Ebenen in SWF-Frames:</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/56.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Die Animation kann jetzt im Flash-Player bzw. Browser gestartet werden:</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/57.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Tipp:</h3>
<p><em>Hilfslinien</em> immer auf einer Extra-Ebene erstellen. Diese Ebene kann z. B. <em>Hilfslinien</em> heißen. So kann diese schnell ein- oder ausgeblendet werden. Es ist auch sinnvoll, wenn <em>Pixelbilder</em> eingefügt sind, die für die weitere Bearbeitung nicht unbedingt notwendig sind, diese dann auszublenden zu lassen. Das beschleunigt Illustrator.</p>
<h1>Gruppen</h1>
<p>Gruppen werden immer mit dem Namen <em>&lt;Gruppe&gt;</em> im <em>Ebenenbedienfeld</em> angezeigt. Diese kann ich aber auch umbenennen. Toll finde ich die Möglichkeit, in eine Gruppe per <em>Drag&amp;Drop</em> neue Elemente reinzuziehen, ohne vorher die Gruppe auflösen zu müssen. Mit einem <em>Rechtsklick</em> kann ich die Gruppierung jederzeit aufheben.</p>
<p><img class="colorbox-323"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/Illustrator/Grundlagen/13_Ebenen/58.gif" alt="" width="800" height="600" /></p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a title="ebenen_teil2" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-illustrator/-/view/2458--adobe-illustrator-grundlagen-ebenen-teil-2">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.illustrator-tutorials.de/?flattrss_redirect&amp;id=323&amp;md5=f144b1a388ec903342e91502588db02f" title="Flattr" target="_blank"><img src="http://www.illustrator-tutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.illustrator-tutorials.de/2012/01/31/adobe-illustrator-grundlagen-ebenen-teil-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

