Bilder und Effekte hinzufügen

Adobe Illustrator CC ist ein Programm zum Zeichnen von Vektorgrafiken. Wenn Sie mit Illustrator CC erstellte Vektorgrafiken wie diese Formen skalieren, bleiben ihre Konturen gestochen scharf. Sie können aber auch Rasterbilder wie Fotos von Ihrem Handy in Illustrator CC-Projekte importieren. Rasterbilder bestehen aus Gruppen von Pixeln, die in einem Raster angeordnet sind und zusammen ein Bild ergeben. Rasterbilder können nicht skaliert werden, ohne schnell an Qualität zu verlieren. In diesem Video lernen Sie, wie Sie ein Bild zu einem Illustrator CC-Projekt hinzufügen bzw. mit einem Projekt verknüpfen. Dann lernen Sie, wie Sie ein Bild skalieren und zuschneiden. Wenn Sie die Schritte nachvollziehen möchten, öffnen Sie diese Beispieldatei, die Sie mit den Übungsmaterialien für das Tutorial herunterladen können. Um im geöffneten Dokument alle Screens dieses Appdesigns zu sehen, wählen Sie „Ansicht“ (View), „Alle in Fenster einpassen“ (Fit All in Window). Um ein Bild in ein Illustrator CC-Projekt einzufügen, brauchen Sie den Befehl „Platzieren“. um das Dialogfeld „Platzieren“ (Place) zu öffnen. Navigieren Sie zur heruntergeladenen Bilddatei, und wählen Sie dieses oder ein anderes Bild im JPEG- oder PNG-Format, das Sie verwenden möchten. Auf dem Mac müssen Sie u. U. auf „Optionen“ (Options) klicken. Unter Windows wird die Option „Verknüpfen“ (Link) direkt angezeigt. „Verknüpfen“ (Link) soll aktiviert sein. Das bewirkt Folgendes: Wenn Sie ein Bild in Ihrem Dokument platzieren und das Originalbild, in diesem Fall „Nepal.jpg“, in einem Programm wie Adobe Photoshop CC bearbeitet wird, wird das Bild automatisch in Illustrator CC aktualisiert. Wenn Sie „Verknüpfen“ (Link) deaktivieren, wird das Bild in das Illustrator CC-Projekt eingebettet. Das heißt, eine Kopie des Bilds wird in der Illustrator CC-Datei platziert. Diese Kopie wird nicht aktualisiert, wenn das Original außerhalb von Illustrator CC bearbeitet wird. Lassen Sie die Verknüpfen-Option ausgewählt, und klicken Sie auf „Platzieren“ (Place). Um das Bild in Ihrem Dokument zu platzieren, bewegen Sie den Cursor, und klicken Sie an eine beliebige Stelle, um das Bild in Originalgröße zu platzieren. Platzierte Bilder können auf verschiedene Weise transformiert werden. Klicken Sie auf das Auswahl-Werkzeug im Werkzeugbedienfeld links, und ziehen Sie das Bild in die linke obere Ecke dieser Zeichenfläche. Magentafarbene Hilfslinien helfen Ihnen bei der Ausrichtung an der Zeichenfläche. Damit das Bild hinter allen anderen Inhalten der Zeichenfläche erscheint, müssen Sie die Anordnung ändern. Rechts im Eigenschaften-Bedienfeld klicken Sie auf „Anordnen“ (Arrange), „In den Hintergrund“ (Send to Back). Mit diesem Befehl wird das Bild hinter alle anderen Inhalte gesetzt. Sie können ein platziertes Bild auch skalieren, ohne dass es dabei verzerrt wird. Dafür ziehen Sie eine Ecke des Bilds. Sie können das Bild auf jede beliebige Größe skalieren. Drücken Sie während des Ziehens auf die Umschalttaste, um die Proportionen beizubehalten, sodass nichts verzerrt wird. Wenn das Bild in etwa so groß ist wie die Zeichenfläche, lassen Sie die Maustaste und dann die Umschalttaste los. Nach dem Platzieren muss manchmal ein Teil des Bilds entfernt werden, damit es besser ins Design passt. Sagen wir zum Beispiel, Sie platzieren ein Bild im Header eines Webdesigns und möchten dafür nur einen Teil verwenden. Oder Sie fügen ein Bild zu einer Broschüre hinzu, und das Bild würde besser ins Design passen, wenn es quadratisch wäre. Um einen Bildbereich zu entfernen, können Sie das Bild zuschneiden. Während das Bild ausgewählt bleibt, klicken Sie auf „Bild zuschneiden“ (Crop Image) im Eigenschaften-Bedienfeld rechts vom Dokument. Wenn Sie ein Bild zuschneiden, kann es nicht verknüpft bleiben, daher bettet Illustrator CC das Bild in die Datei ein. Das heißt, wenn Sie die Originaldatei in Photoshop CC bearbeiten, wird das Bild in diesem Projekt nicht mehr aktualisiert. Klicken Sie auf „OK“. Um das Bild herum erscheint ein Freistellungsrahmen. Ziehen Sie den unteren Griff nach oben, bis der Rahmen am unteren Rand der Zeichenfläche einrastet. Wenn Sie mit dem Bild im Zuschnittbereich zufrieden sind, klicken Sie im Eigenschaften-Bedienfeld rechts vom Dokument auf „Anwenden“ (Apply), um diesen Teil des Bilds endgültig zu löschen. Um die fertigen Designs zu sehen, wählen Sie „Auswahl“, „Auswahl aufheben“ (Deselect). Jetzt wissen Sie, wie Sie Bilder in Illustrator CC platzieren und dann verändern können, z. B. durch Skalieren und Zuschneiden. Wenn Sie das nächste Mal eine Broschüre, einen Flyer, ein Web- oder Appdesign erstellen, können Sie eigene Bilder zum Projekt hinzufügen und für Ihr Design transformieren. Speichern Sie eine Kopie dieser Datei. Wählen Sie dazu „Datei“ (File), „Speichern unter“ (Save As). Geben Sie der Datei einen anderen Namen, damit die Originaldatei nicht überschrieben wird.

Adobe Illustrator CC bietet eine Auswahl an Effekten im Menü „Effekt“ (Effect) im oberen Bildschirmbereich. Damit können Sie Formen kreativ bearbeiten. In diesem Video erfahren Sie, was Effekte sind, und lernen unterschiedliche Effektarten kennen. Sie erfahren, wo die Effekte zu finden sind und wie sie angewendet und bearbeitet werden. Wenn Sie die Schritte nachvollziehen möchten, öffnen Sie diese Beispieldatei, die Sie mit den Übungsmaterialien für das Tutorial herunterladen können. Um in der geöffneten Beispieldatei alle Grafiken im Blick zu haben, wählen Sie „Ansicht“ (View), „Zeichenfläche in Fenster einpassen“ (Fit Artboard in Window). In diesem Dokument ist eine Grafik mit der Bezeichnung „NONE“ enthalten. Der Kreis hinter dem Löwen ist nur ein Kreis. Es wurde kein Effekt angewendet. Bei den restlichen Illustrationen mit dem Löwen wurde ebenfalls ein Kreis im Hintergrund erstellt. Dann wurde jeweils ein anderer Effekt auf den Kreis angewendet. Ein Beispiel: Wählen Sie das Auswahl-Werkzeug im Werkzeugbedienfeld links, und klicken in der Illustration „ZIG ZAG“ auf die blaue Form hinter dem Löwen. Beim Auswählen der Form wird deutlich, dass es sich immer noch um einen Kreis handelt. Der Effekt „Zickzack“ (Zig Zag) hat aber die Form verändert. Um zu überprüfen, welche Effekte auf die ausgewählte Grafik angewendet wurden, schauen Sie rechts vom Dokument im Eigenschaften-Bedienfeld nach. Auf diese Form wurde der Zickzack-Effekt (Zig Zag) angewendet. Wenn Sie links neben dem Effektnamen auf die Options-Schaltfläche klicken, wird eine Liste der verfügbaren Effekte eingeblendet. Illustrator CC bietet zwei verschiedene Arten von Effekten: Vektoreffekte, die als „Illustrator-Effekte“ (Illustrator Effects) im oberen Teil des Menüs aufgelistet sind, und Rastereffekte, die als „Photoshop-Effekte“ (Photoshop Effects) im unteren Teil des Menüs verfügbar sind. Vektoreffekte werden auf Vektorobjekte angewendet, wie zum Beispiel diese Kreisform. Rastereffekte können auf Vektorobjekte oder Rasterobjekte wie ein Bild angewendet werden. Wenn Sie einen Effekt auf ein Element anwenden, können Sie ihn später bearbeiten. Effekte werden live angewendet, d. h., sie können bearbeitet werden, nachdem sie angewendet wurden, sie können temporär verborgen und sogar entfernt werden. Um den Zickzack-Effekt zu bearbeiten, klicken Sie im Eigenschaften-Bedienfeld auf den Effektnamen. Die Optionen werden angezeigt. Im Dialogfeld können Sie mit „Vorschau“ (Preview) Ihre Änderungen sofort sehen. Verändern Sie einen der Werte. Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf „OK“. Wenn ein Effekt ausgeschaltet oder entfernt werden soll, klicken Sie auf die drei Punkte im Bereich „Aussehen“ des Eigenschaften-Bedienfelds. Dadurch wird das Bedienfeld „Aussehen“ geöffnet. Das Bedienfeld „Aussehen“ zeigt, welches Element ausgewählt ist und mit welchen Attributen es versehen ist, z. B. Fläche und Kontur. Auch die angewendeten Effekte werden angezeigt. Klicken Sie auf das Augensymbol links vom Effektnamen, um den Effekt temporär zu verbergen, etwa weil Sie den Effekt gerade nicht anwenden möchten oder sich die Bearbeitung der Form leichter machen möchten. Um den Effekt wieder einzuschalten, klicken Sie wieder auf dieses Symbol im Bedienfeld „Aussehen“. Schließen Sie das Bedienfeld, indem Sie rechts oben auf das X klicken. Klicken Sie in einen leeren Bereich, um die Auswahl aufzuheben. Effekte in Illustrator CC bieten viele kreative und praktische Optionen zur Gestaltung von Grafiken. Da Sie nun wissen, was Effekte sind und wie sie angewendet und bearbeitet werden, erkunden Sie die anderen Effekte, die auf die Kreise in diesem Beispiel angewendet wurden. Wenn Sie fertig sind, schließen Sie die Datei, ohne sie zu speichern. Wählen Sie dazu „Datei“ (File), „Schließen“ (Close).

In Illustrator CC können Sie Formen mithilfe von Effekten schnell und einfach verändern. Sie können einen Schlagschatten hinzufügen, Objekte verkrümmen und vieles mehr. Anhand der Grafiken mit den Löwen in dieser Beispieldatei werden Sie lernen, wie Sie Effekte anwenden und mit Variationen experimentieren können. Wenn Sie die Schritte nachvollziehen möchten, öffnen Sie eine Ihrer eigenen Dateien oder diese Beispieldatei, die Sie mit den Übungsmaterialien für das Tutorial herunterladen können. Wenn das Dokument geöffnet ist, wählen Sie „Ansicht“ (View) und „Zeichenfläche in Fenster einpassen“ (Fit Artboard in Window), um alle Inhalte im Blick zu haben. Um den ersten Effekt auf eine Grafik im Dokument anzuwenden, wählen Sie das Auswahl-Werkzeug im Werkzeugbedienfeld links, und klicken Sie auf den pinkfarbenen Kreis hinter dem Löwen in der oberen Reihe. Um ein Objekt mit einem Effekt zu versehen, klicken Sie rechts vom Dokument im Eigenschaften-Bedienfeld auf die Effekt-Schaltfläche, um das Menü einzublenden. Wählen Sie „Verzerrungs- und Transformationsfilter“ (Distort & Transform), „Zusammenziehen und aufblasen“ (Pucker & Bloat). Wählen Sie im darauffolgenden Dialogfeld „Vorschau“ (Preview), falls nicht schon aktiviert, um Änderungen in Echtzeit sehen zu können. Um das Dialogfeld zu verschieben, sodass die Grafik besser sichtbar ist, ziehen Sie es an der Titelleiste oben. Ziehen Sie den Regler nach links und rechts, und beobachten Sie dabei den Kreis. Durch Ziehen nach links zieht sich die Form zusammen, durch Ziehen nach rechts wird sie aufgeblasen. Wenn Sie mit dem Effekt zufrieden sind, klicken Sie auf „OK“. Kommen wir zu einem anderen Effekt für eine andere Grafik. Wählen Sie den blauen Kreis in der unteren Reihe aus. Um den Kreis noch besser vom Hintergrund abzuheben, können Sie einen Leuchteffekt oder einen Schlagschatten hinzufügen. Lassen Sie die Form ausgewählt, und klicken Sie im Eigenschaften-Bedienfeld auf die Effekt-Schaltfläche, um das Menü einzublenden. Wählen Sie dann „Stilisierungseffekt“ (Stylize). In diesem Bereich sehen Sie „Schlagschatten“ (Drop Shadow), einen häufig verwendeten Effekt. Für dieses Beispiel verwenden wir jedoch „Schein nach außen“ (Outer Glow), weil die Farbe der Grafik eher dunkel ist. Wenn Sie „Schein nach außen“ wählen, wird ein Dialogfeld eingeblendet. Hier können Sie Farbe und Intensität des Leuchteffekts festlegen. Mit einem Klick auf das Farbfeld öffnen Sie den Farbwähler. Im Farbwähler ziehen Sie den Regler für das Farbspektrum, um beispielsweise diesen Blauton zu wählen. Klicken Sie dann in das Farbfeld, um genau die gewünschte Farbe auszuwählen. Die ausgewählte Farbe wird hier oben angezeigt. Klicken Sie auf „OK“. Um Ihre Änderungen in Echtzeit zu sehen, stellen Sie sicher, dass die Vorschau aktiviert ist. Ändern Sie die Werte für „Deckkraft“ (Opacity) und „Weichzeichnen“ (Blur). Klicken Sie auf „OK“, wenn Sie zufrieden sind. Einen bereits angewendeten Effekt können Sie jederzeit im Eigenschaften-Bedienfeld bearbeiten. Für die ausgewählte Form wird der Effekt „Schein nach außen“ (Outer Glow) im Eigenschaften-Bedienfeld aufgelistet. Um diesen Effekt zu bearbeiten, klicken Sie auf „Schein nach außen“ (Outer Glow). Ändern Sie einige Optionen, und achten Sie darauf, was passiert. Die Vorschau muss aktiviert sein. Klicken Sie auf „OK“. Effekte in Illustrator CC bieten viele kreative und praktische Optionen zur Gestaltung von Grafiken. Jetzt wissen Sie, wie Sie Effekte anwenden und bearbeiten können. Probieren Sie weitere Effekte aus, und finden Sie heraus, wie sie sich auf die Grafiken in dieser Beispieldatei auswirken. Speichern Sie eine Kopie der Datei. Wählen Sie dazu „Datei“ (File), „Speichern unter“ (Save As). Geben Sie einen anderen Namen ein, um das Original nicht zu überschreiben.

In Adobe Illustrator CC können Sie Pinselstriche anwenden, wie zum Beispiel auf den Blättern dieser Pflanze. Mit Pinselstrichen für die Konturen von Pfaden und Formen verleihen Sie einer Grafik mehr Struktur oder neue Details. Sie werden nun Elemente in dieser Beispieldatei mit Pinseln bearbeiten und die Pinselbibliotheken in Illustrator CC kennenlernen, mit denen Sie unzählige kreative Ideen verwirklichen können. Wenn Sie die Schritte nachvollziehen möchten, öffnen Sie diese Beispieldatei, die Sie mit den Übungsmaterialien für das Tutorial herunterladen können. Bei geöffnetem Dokument wählen Sie „Ansicht“ (View) und „Zeichenfläche in Fenster einpassen“ (Fit Artboard in Window), um alle Inhalte im Blick zu haben. Als Erstes werden Sie diese Form mit einem kreativen Rahmen versehen. Klicken Sie auf das Auswahl-Werkzeug im Werkzeugbedienfeld links. Um die verfügbaren Pinsel anzuzeigen, öffnen Sie das Pinsel-Bedienfeld. Wählen Sie „Fenster“ (Window), „Pinsel“ (Brushes). Im Pinsel-Bedienfeld werden mehrere Pinsel aufgeführt, die Sie in diesem Dokument anwenden können. Jedes neue Dokument bietet eine Auswahl an standardmäßigen Pinseln. Sie können auch eigene Pinsel erstellen oder andere Pinsel verwenden, die in Illustrator CC enthalten sind. Klicken Sie auf den obersten Pfad, um ihn auszuwählen. Beim ausgewählten Pfad werden Sie nun einen Pinsel auf die Kontur anwenden. Wählen Sie den Pinsel mit dem geometrischen Muster aus der Liste. Sie können fünf verschiedene Arten von Pinseln erstellen. Der Pinsel, den Sie gerade angewendet haben, wird als Musterpinsel bezeichnet. Mit diesem Pinsel wird ein Muster aus sich wiederholenden Elementen an einem Pfad entlang erstellt. Probieren Sie auch die anderen Pinsel aus, aber wenden Sie zum Schluss das geometrische Muster an. Klicken Sie auf das X im Pinsel-Bedienfeld, um es zu schließen. Im Eigenschaften-Bedienfeld rechts vom Dokument ändern Sie die Konturstärke in 0,5 Punkt über das entsprechende Menü. Der angewendete Pinsel wird entsprechend der Konturstärke skaliert. Wenn Sie einen Pinsel angewendet haben, wird er im Eigenschaften-Bedienfeld angezeigt. Das bietet eine gute Möglichkeit, einen anderen Pinsel anzuwenden. Abgesehen von den im Dokument enthaltenen Pinseln können Sie Pinsel aus den Pinsel-Bibliotheken von Illustrator CC wählen. Um die verfügbaren Pinsel-Bibliotheken anzuzeigen, die Sie für eine Grafik verwenden können, klicken Sie auf das Menü der Pinsel-Bibliotheken rechts vom Pinselmenü im Eigenschaften-Bedienfeld. Oder klicken Sie auf „Fenster“ (Window), „Pinsel-Bibliotheken“ (Brush Libraries). Die verfügbaren Pinsel werden nach Kategorie aufgeführt. Wählen Sie „Künstlerisch“ (Artistic), „Künstl._Kr.Koh.Bleist“ (Artistic_ChalkCharcoalPencil), um die Bibliothek für diesen Pinsel zu öffnen. Jetzt können Sie einen dieser Pinsel in der Grafik anwenden. Klicken Sie auf die Pfade für das Gürteltier am unteren Ende der Zeichenfläche. Im geöffneten Bedienfeld der Pinsel-Bibliothek klicken Sie auf den Pinsel „Kohle - Ungleichmäßig“ (Charcoal - Varied). Er wird angewendet und zum Pinsel-Bedienfeld für dieses Dokument hinzugefügt. So können Sie ihn später in der Grafik wiederverwenden. Schließen Sie das Bedienfeld, indem Sie auf das X klicken. Um die Farbe der Pfade zu ändern, klicken Sie auf die Konturfarbe im Eigenschaften-Bedienfeld rechts vom Dokument. Vergewissern Sie sich, dass „Farbfelder“ (Swatches) ausgewählt ist, und wählen Sie die Farbe „Armadillo stripes“ aus. Klicken Sie in einen leeren Bereich, um die Auswahl aufzuheben. Pinsel sind eine einfache Methode, um Objekte in Illustrator CC-Grafiken zu bearbeiten. Wählen Sie andere Objekte in dieser Datei oder in Ihren eigenen Dateien aus, und wenden Sie andere Pinsel an. Oder ändern Sie die Farbe oder Stärke von bereits angewendeten Pinselstrichen. Speichern Sie eine Kopie dieser Datei. Wählen Sie dazu „Datei“ (File), „Speichern unter“ (Save As). Geben Sie der Datei einen anderen Namen, damit die Originaldatei nicht überschrieben wird.