{"id":406,"date":"2010-03-01T14:43:29","date_gmt":"2010-03-01T13:43:29","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=406"},"modified":"2010-03-01T17:41:41","modified_gmt":"2010-03-01T16:41:41","slug":"muster-pattern-in-illustrator-erstellen","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/allgemeines\/muster-pattern-in-illustrator-erstellen","title":{"rendered":"Muster (pattern) in Illustrator erstellen"},"content":{"rendered":"

[Dieser folgende Beitrag ist der erste unseres neuen Co-Autoren Marco Hoschette. Er wird in Zukunft Beitr\u00e4ge \u00fcber Design und Tipp&Tricks mit Illustrator f\u00fcr mediengestalter.lu schreiben. In einem der n\u00e4chsten Posts werden wir die neuen Co-Autoren etwas n\u00e4her vorstellen.]<\/strong><\/p>\n

Mit Illustrator kann man schnell und einfach Muster (Pattern) erstellen. Dass dies keine Kunst ist, das zeige ich anhand dieses Tutorials.<\/p>\n

Fangen wir an indem wir ein Rechteck zeichnen (Tool M) von W=20px und H=60px. (Fill Schwarz \/ Stroke none) Mit markiertem Rechteck gehen wir zu Effect > Distort&Transform > Transform. W\u00e4hlen Sie die Einstellungen wie folgt:<\/p>\n

\"\"<\/a><\/p>\n

Jetzt gehen wir zum Menupunkt Objekt > Expand Appearance. Mit Ctrl+Shift+G heben wir die Gruppierung auf, damit wir jedes einzelne Rechteck anders f\u00e4rben k\u00f6nnen. Dies kann jeder nach seinen Vorstellungen gestalten oder wie folgt:<\/p>\n

\"\"<\/a><\/p>\n

Mit dem Direct Selection Tool (A) w\u00e4hlen wir das obere Viertel unserer 4 Rechtecke aus. Mit gedr\u00fcckter Shift-Taste bewegen wir die Auswahl mittels der Pfeiltaste nach rechts.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Jetzt gruppieren wir wieder unsere 4 Rechtecke (Ctrl+G) und gehen zu Effect > Distort&Transform > Transform. Nehmen Sie die Einstellungen wie folgt vor:<\/p>\n

\"\"<\/a><\/p>\n

Gehen Sie wieder zu Effect > Distort&Transform > Transform und w\u00e4hlen Sie \u00bbApply New Effect\u00ab und nehmen folgende Einstellungen vor:<\/p>\n

\"\"<\/a><\/p>\n

Gehen Sie nochmals zu Effect > Distort&Transform > Transform und w\u00e4hlen wieder \u00bbApply New Effect\u00ab mit folgenden Einstellungen:<\/p>\n

\"\"<\/a><\/p>\n

Jetzt haben wir schon ein Teil unseres Musters fertig. Als n\u00e4chstes zeichnen wir ein neues Rechteck (Tool M) W=80px und H=120px (Fill none \/ Stroke none) und ziehen diese Ebene unter unsere Muster Gruppierung:<\/p>\n

\"\"<\/a><\/p>\n

Markieren Sie alles. Im \u00bbAlign\u00ab Fenster klicken Sie \u00bbHorizontal Align Center\u00ab und \u00bbVertical Align Top\u00ab:\"\"<\/a><\/p>\n

Jetzt k\u00f6nnen Sie Ihre Auswahl ins \u00bbSwatches Panel\u00ab ziehen wie im n\u00e4chsten Bild …<\/p>\n

\"\"<\/a><\/p>\n

… oder Sie gehen zum Menupunkt Edit > Define Pattern und k\u00f6nnen Ihr Muster nach eigenem Belieben einen Namen geben. Testen wir das ganze mal, indem wir wieder ein Rechteck zeichnen mit z.B. W=600px und H=600px und im Swatches Panel auf unser neu erstelltes Muster klicken.<\/p>\n

\"\"<\/a><\/p>\n

Noch ein Tipp am Rande:<\/p>\n

Wenn Sie Ihr neu erstelltes Muster auch in Photoshop benutzen wollen, k\u00f6nnen Sie folgendes tun:<\/p>\n

Zeichnen Sie in Illustrator ein Rechteck W=80px und H=120px. F\u00fcllen Sie das Rechteck mit Ihrem neuen Muster (Stroke none). Markieren Sie das Rechteck und kopieren Sie es (Ctrl+C). In Photoshop \u00f6ffnen Sie eine neue Seite mit den selben Ma\u00dfen W=80px und H=120px und kopieren Ihr Muster hinein (Ctrl+V). Gehen Sie zu Edit > Define Pattern und benennen Sie Ihr Muster nach Belieben. Fertig.<\/p>\n