{"id":545,"date":"2010-03-25T16:23:03","date_gmt":"2010-03-25T15:23:03","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=545"},"modified":"2010-03-25T16:23:03","modified_gmt":"2010-03-25T15:23:03","slug":"ill-3d-diagramme","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/illustrator\/ill-3d-diagramme","title":{"rendered":"Illustrator 3D-Diagramme: Tortengrafik"},"content":{"rendered":"

[SACHA HECK]<\/strong> Illustrator ist ja schon ein sehr cooles und m\u00e4chtiges Vektordesign-Programm. Nur \u2013 die Diagrammfunktion ist seit zig Versionen nicht mehr aktualisiert worden. Ob die Funktion nun vielleicht endlich \u00fcberarbeitet wurde, werden wir fr\u00fchestens am 12. April erfahren wenn die Creative Suite 5 offiziell von Adobe vorgestellt wird.<\/p>\n

Einfache Diagramme zu erstellen ist noch nicht so schwierig. Vielen steht allerdings ein Fragezeichen im Gesicht, wenn sie die Anforderung bekommen, eine 3-D-Tortengrafik zu erstellen. Dieses Fragezeichen wollen wir heute aus dem Gesicht nehmen ;)<\/p>\n

Zuerst erstellen wir in Illustrator ein neues Dokument. Z.B. A4 Quer. Wir fangen an mit dem Diagrammtool das wir in der Werkzeugpalette links finden:<\/p>\n

\"\"<\/p>\n

Wir w\u00e4hlen das \u00bbPie-Chart\u00ab-Tool und klicken damit einmal auf die Zeichenfl\u00e4che. Jetzt \u00f6ffnet sich ein Fenster in dem man die Gr\u00f6\u00dfe der zu erstellenden Grafik eingeben kann. Nat\u00fcrlich kann man die Gr\u00f6\u00dfe hinterher jederzeit \u00e4ndern.<\/p>\n

\"\"<\/p>\n

Nachdem man die Gr\u00f6\u00dfe eingegeben hat, wird ein Kreis erstellt und eine Tabelle \u00f6ffnet sich. Hier kann man nun die Werte eingeben. Achtung, dass die Werte zusammengerechnet immer 100% ergeben. Illustrator teilt den Kreis nun auf in die von uns eingegebenen Werte.<\/p>\n

\"\"<\/p>\n

Danach kann man das Fenster schlie\u00dfen und anfangen die Grafik nachzubearbeiten. Das erste was wir jetzt tun, ist, die Kontur zu entfernen. Wir w\u00e4hlen also alles an mit dem schwarzen Pfeil und entfernen die Kontur, z.B. im Farbpanel:<\/p>\n

\"\"<\/p>\n

Nun k\u00f6nnen wir anfangen, unsere Kuchengrafik einzuf\u00e4rben. Dazu mit dem wei\u00dfen Pfeil jetzt auf ein Kuchenst\u00fcck klicken und diesem eine Farbe zuweisen:<\/p>\n

\"\"<\/p>\n

Nun machen wir noch was ganz spezielles: Man sieht oft in Publikationen z.B. dass bei der 3D-Kuchengrafik ein St\u00fcck herausgezogen wird. Das k\u00f6nnen auch mehrere St\u00fccke sein. Dazu klicken wir einfach mit dem wei\u00dfen Pfeil auf ein solches St\u00fcck und ziehen es einfach heraus:<\/p>\n

\"\"<\/p>\n

\u00dcbrigens kann man die Grafik auch herumdrehen mit dem Rotationstool. Dazu einfach mal die Taste \u00bbR\u00ab dr\u00fccken. Nach der erstellten 3D-Grafik kann man immer noch das Ganze rotieren, je nachdem welchen Effekt man erreichen m\u00f6chte.<\/p>\n

Wichtig ist: W\u00e4hrend dem Ganzen darf die Grafik auf keinen Fall degruppiert werden!<\/p>\n

3D-Effekt anwenden<\/h2>\n

Jetzt kommen wir zum 3D-Effekt. Die 3D-Effekte gibt es bereits seit Illustrator CS1. Wir w\u00e4hlen also hier den Befehl \u00bbEffect \u2013 3D \u2013 3D Extrude & Bevel\u00ab (Extrudieren und abgeflachte Kante). Hier kann man nun mit den Einstellungen herumspielen bis man die gew\u00fcnschte Position gefunden hat. Die Vorschau einschalten kann dabei behilflich sein:<\/p>\n

\"\"<\/p>\n

Wenn man im Nachhinein die Werte \u00e4ndern mu\u00df, ist das jederzeit m\u00f6glich, da die Grafik noch immer den Bezug zur Datentabelle hat. Man w\u00e4hlt dazu einfach im Men\u00fc \u00bbObject \u2013 Graph \u2013 Data\u00ab.<\/p>\n

\"\"<\/p>\n

Zum Schluss einfach die Schriftelemente hinzuf\u00fcgen. Die fertige Grafik sieht dann so aus:<\/p>\n

\"\"<\/p>\n

Will man dann trotzdem noch z.B. den 3D-Look \u00e4ndern, nicht einfach im Men\u00fc nochmal \u00bbEffekte \u2013 3D \u2013 Extrudieren und abgeflachte Kante\u00ab w\u00e4hlen, denn dadurch wird der Effekt noch einmal auf das Objekt angewendet. Stattdessem sollte man hier mit der \u00bbAussehen\u00ab-Palette (Appearence) arbeiten. Ein Klick auf den Eintrag und alles ist editierbar.<\/p>\n

\"\"<\/p>\n