Kann man in Illustrator auch ein Bild in einen Rahmen einfügen wie in InDesign?

Jawoll!
Ich möchte das Bild mit der Rakete in einen Rahmen mit abgerundeten Ecken einfügen (siehe Abb. 1) und nachträglich den Ausschnitt variieren.
Wichtig dabei: beide Objekte müssen auf der gleichen Ebene…

Abb. 1

… und das formgebende Objekt, bzw. die Maske, muss immer oben liegen.
Liegt der Rahmen nicht im Vordergrund, wählt Objekt > Anordnen > In den Vordergrund oder drückt das Tastenkürzel Shift + Apfel + 9.

Nun aktiviert Ihr den Rahmen + das Bild und klickt Objekt > Schnittmaske > Erstellen, bzw. Apfel + 7 (siehe Bild 2)

Abb. 2

Schneller geht es, wenn Ihr in der Ebenenpalette den dafür vorgesehenen Button “Schnittmaske erstellen/zurücksetzen” klickt (siehe Abb. 3, gelbe Markierung).

Abb. 3

So sieht dann das Ergebnis aus (siehe Abb. 4, linkes Bild) und mit dem Auswahl-Werkzeug [V] lässt sich das Bild beliebig in der Maske verschieben (siehe Abb. 4, rechtes Bild).

Abb. 4

Klickt Ihr erneut auf den Button aus Bild 3, löst sich die erstellte Maske wieder auf und das vollständige Bild ist wieder zu sehen (siehe Abb. 5). Die Maske, in meinem Fall das abgerundete Rechteck, ist dann allerdings verschwunden.

Abb. 5

Man könnte das Bild natürlich auch über den Pathfinder beschneiden, aber dann kann ich es im Nachhinein weder in dem gewählten Ausschnitt bewegen, noch die ursprüngliche Form wiederherstellen.

Ich wollte eine Einladung basteln und benötigte dazu einen Muffin, den ich bereits vor längerer Zeit erstellt habe.

Als ich die Datei öffnete stellte ich fest, dass die Farben nicht ganz richtig angelegt wurden. In meiner Farbfelder-Palette befanden sich nur die Standardfarben (siehe Abb. 2) und nicht die, aus denen der Muffin aufgebaut ist. Da ich aber das Design der Einladung an diese Farben anpassen möchte, müsste ich nun alle Farbwerte mit dem Pipette-Werkzeug [I] neu ausmessen.

Abb. 2

Aber erstens fehlt mir dazu die Zeit und zweitens geht es auch einfacher: Vergewissert Euch, dass kein Element ausgewählt ist und wählt im Menü des Farbfeldflyouts die Option [Verwendete Farben hinzufügen] (siehe Abb. 3)

Abb. 3

Die entsprechenden Farben stehen mir nun als globale Farben (siehe dazu Blogpost 4 “Globale Farben Teil 1“) zur Verfügung (siehe Abb. 4, gelber Rahmen).

Abb. 4

In Illustrator gibt es die Möglichkeit, benannte Farben als “global” zu definieren. Das bedeutet, dass sich jede Änderung an einem Farbfeld auf alle Objekte auswirkt, denen diese Farbe zugewiesen wurde. Ansonsten müsste man jedes Objekt einzeln markieren und das kann bei einem umfangreichen oder mehrseitigen Motiv sehr zeitaufwendig sein.

Globale Farben erkennt man an dem weißen Dreieck am Farbsymbol (siehe gelber Rahmen):

Wie erstelle ich eine globale Farbe?

1) [Farbfelder-Palette] unter [Fenster] öffnen

2a) Entweder Doppelklick auf ein Farbsymbol (siehe Abb. 2) um das Fenster [Farbfeldoptionen] zu öffnen oder

Abb. 2

2b) im Flyout der Farbfelder-Palette ein [Neues Farbfeld] anlegen (siehe Abb. 2).

Abb. 2

3) In beiden Fällen Häkchen bei [Global] (siehe Abb. 3) setzen – fertig!

Abb. 3

P.S.: Nachträglich geht das allerdings nicht. Ihr müsst das Häkchen setzen bevor Ihr die Farbe auf die Objekte anwendet!

Wenn man in Illustrator Objekte/Schrift verzerren oder in eine bestimmte Form bringen möchte, verzweifelt man gerne mal. Denn benutzt man hierbei die gängigen Werkzeuge aus Photoshop, welche in Illustrator einfach nicht richtig funktionieren wollen, kehrt man schnell resigniert zu Photoshop zurück und macht es eben doch wieder da…
Bis heute. Denn die Funktion [Verzerrungshülle] unter [Objekt] eröffnet ganz neue Möglichkeiten!

Es gibt 3 unterschiedliche Varianten, die bei jedem Objekt außer Diagrammen, Hilflinien oder verknüpften Objekten eingesetzt werden können und das Wichtigste, wenn man dabei mit Text arbeitet: er bleibt immer editierbar!

1.) Mit Verkrümmung erstellen

Tippt den gewünschten Text und ruft unter [Objekt] > [Verzerrungshülle] > [Mit Verkrümmung erstellen] auf oder per Tastenkürzel mit [Apfel] + [Alt] + [Shift] + [W]. Nun könnt Ihr euer Objekt an die zur Auswahl stehenden Formen anpassen (siehe Abb. 1). Tipp: Vorschau anklicken nicht vergessen!

Abb. 1

2.) Mit Gitter erstellen

Man kann für die Hülle auch ein rechteckiges Raster erstellen. Wählt hierzu [Objekt] > [Verzerrungshülle] > [Mit Gitter erstellen] oder [Apfel] + [Alt] + [M] und gebt im Dialogfeld die gewünschte Anzahl der Zeilen und Spalten an (siehe Abb. 2). Mit dem Direktauswahl-Werkzeug [A] kann man mit gedrückter [Shift]-Taste auf einen Ankerpunkt klicken und ihn somit in jede x-beliebige Richtung verzerren.

Abb. 2

3.) Mit oberstem Objekt erstellen

Soll ein Objekt als Form der Hülle verwendet werden, muss man als erstes dafür sorgen, dass sich das formgebende Objekt im Vordergrund befindet (siehe Abb. 3, oben). Anschließend wählt man alle Objekte aus und klickt [Objekt] > [Verzerrungshülle] > [Mit oberstem Objekt erstellen] oder [Apfel] + [Alt] + [C].

Abb. 3

Natürlich lassen sich Eure bearbeiteten Objekte nachträglich noch ändern! Unter CS2 muss man dazu in die Aussehen-Palette wechseln [Fenster] > [Aussehen] oder [Sift] + [F6] und seit CS3 findet Ihr oben in der Steuerungspalette die beiden gelb markierten Symbole:

Mit dem linken lässt sich die Hülle bearbeiten und mit dem rechten der Inhalt, das hieße in meinem Fall: der Text.

Hier ein Beispiel aus den Adobe Vorlagen zur Anregung, welches zum größten Teil mit diesen Hilfsmitteln erstellt wurde:

Oft lege ich mir, für Dinge die ich nachzeichne, eine Vorlage auf die unterste Ebene und schließe diese ab (siehe Abb. 1).

Abb. 1

Meist sind das Pixelbilder und im besten Falle haben diese auch noch eine hohe Auflösung. Das führt nach dem Platzieren allerdings dazu, dass die MB Zahl der Illustratordatei immens größer wird.

Dem kann abgeholfen werden!

Öffnet eine neue Datei [Apfel + N] und platziert das gewünschte Bild mit [Datei] > [Platzieren...]. Es erscheint ein Popup, in dem Ihr bei [Vorlage] und bei [Verknüpfen] ein Häkchen setzt (siehe Abb. 2, gelbe Markierung).

Abb.2

Illustrator legt nun automatisch eine abgeschlossene Ebene an, dimmt das Bild und hat ausschließlich eine Verknüpfung eingeladen und nicht die komplette Bilddatei (siehe Abb. 3). Somit habe ich meine Datei von 3,5 MB auf 100 KB geschrumpft.

Abb. 3

Das Ganze funktioniert übrigens nur bei Pixelbildern.

Die Pfadansicht bzw. Vorschau in Illustrator ist praktisch. Allerdings kann es unübersichtlich werden, sobald man zu viele Objekte hat.

Ich möchte in diesem Beispiel das Muster auf dem Pralinenförmchen bearbeiten (siehe Abb. 1)

Abb. 1

Um eine genauere Ansicht zu haben, rufe ich mit [Apfel/Strg] + [Y] die Vorschau auf (siehe Abb. 2). Wie man sieht, ist selbst diese kleine Illustration bereits ganz schön komplex und ich könnte das Probleme bekommen, dass ich falsche Pfade aktiviere oder daneben klicke.

Abb. 2

Hierbei kann man sich ganz flink helfen: Statt der kompletten Illustration kann ich die Pfade einzelner Ebenen anzeigen lassen! Klickt einfach mit gedrückter [Apfel/Strg] auf das Augensymbol der Ebenen-Palette (siehe Abb. 3, roter Kasten).
Nun kann man das Muster ohne Probleme und langes Suchen nach dem richtigen Pfad bearbeiten.

Ab heute wird es hier in regelmäßigen Abständen Tipps und Tricks zum Thema Illustrator CS geben! Falls Ihr Anregungen, spezielle Fragen oder Vorschläge für weitere Themen habt, lasst es mich wissen – ich nehme diese gerne mit auf! Ansonsten freue ich mich natürlich auch einfach so über Kommentare. Dadurch weiß ich, ob Euch die Themen interessieren, bzw. der Beitrag Euch weitergeholfen hat.

Vielen Dank und viel Spaß auf dieser Seite wünscht Euch der
Illustratorhirsch