Photoshop, InDesign und Illustrator professionell erlernen – hier finden Sie praxisnahe Tutorials von Experten!

In Erklärvideos oder auf Portfolio-Websites sieht man sie häufiger: reduzierte Figuren, die eine persönliche Verbindung schaffen sollen.Wussten Sie, dass Sie einfache Animationsphasen für diese Figuren auch in Illustrator erstellen können. Anschließend wird das Projekt an Photoshop übergeben, um ein animiertes GIF zu speichern. Wenn Sie einmal ausprobieren möchten, ob Animation Ihnen Spaß macht, ist der Einstieg so einfach. Wir erstellen in dieser Übung einen Gehzyklus aus sechs Phasen.

In diesem Artikel zeigen wir Ihnen eine besondere Illustrationstechnik. In Illustrator können Sie Schnittmasken erstellen, indem Sie einfach hineinmalen. Das erlaubt Ihnen eine freie, intuitive Arbeitsweise. Die Konstruktion der Ausgangsobjekte für unsere Fuchs-Illustration können Sie dabei auch mit einfachen Objekten durch einige einfache Verformungen entwickeln.

In meiner ersten Grafikapplikation unter MS-DOS konnte man einige wenige Grundformen zeichnen, die dann mit Transformationen weiter bearbeitet wurden. Die damit erzeugten Grafiken waren sehr einfach, was nicht nur an den limitierten Möglichkeiten, sondern natürlich auch an meiner Unerfahrenheit lag. In diesem Beitrag werden wir uns auf ähnliche Möglichkeiten zurückwerfen, am Ende jedoch keine Animation erstellen, obwohl auch das mit einigen der Effekte möglich wäre.

Im ersten Teil des Beitrags haben Sie die große Infografik geplant und angelegt, die Farbharmonien und die Typografie erstellt. Sehen wir uns im zweiten Teil an, wie Sie die Grafik und die Diagramme erstellen und gestalten können. Darüber hinaus werden wir Anpassungen am Farbschema vornehmen.

Diese Art Grafik kennen Sie wahrscheinlich. Viele Websites verwenden sie, um Werbung für sich zu machen, in der Hoffnung, dass diese Grafik möglichst häufig in sozialen Medien geteilt wird und damit weitere Besucher bringt. Um eine Infografik im klassischen Sinn handelt es sich in den meisten Fällen nicht. Es werden eher verschiedene Daten und Fakten mit einem hohen Anteil an Text präsentiert. Die Grafik dient dabei dazu, Aufmerksamkeit zu erregen. Erfahren Sie, was Sie bei der Planung und beim Anlegen einer solchen Infografik alles beachten sollten.

In einem vorangegangenen Artikel haben wir eine Champagnerflasche samt Korken und Etikett mit 3D-Effekten erstellt und dabei aufgrund der Komplexität des Motivs und der Schwächen der Funktion ein wenig tricksen müssen. Sehen wir uns im zweiten Teil an, wie Sie die Details der Illustration ausarbeiten.

Wenn Sie Ihre Daten zum Druck geben, müssen Sie bestimmte Anforderungen erfüllen. Je nach Druckverfahren und Druckerei gibt es Abweichungen im Detail, z. B. den exakten einzuhaltenden Werten, aber die grundsätzlichen Herangehensweisen sind dieselben. Im zweiten Teil unseres Artikels erfahren Sie unter anderem, wie Sie Probleme mit Schriften lösen, schwierige Objekte richtig behandeln und kritische Transparenzen reduzieren.

Wenn man Illustrators 3D-Effekte verwendet, muss man immer an irgendeiner Stelle Fehler suchen, herumbasteln oder Illustrator austricksen. Oder alles zusammen. Sehen wir uns also an, wie man einige der Probleme mit den 3D-Effekten in den Griff bekommt. Zusätzlich stelle ich Ihnen einige Alternativen zu Verlaufsgittern vor.

Man begegnet ihnen an allen Ecken und Enden: Firmen und Organisationen, die nicht nur einen Schriftzug als Logo nutzen, sondern zusätzlich eine Bildmarke, ein kleines Motiv, das den Schriftzug ergänzt. So eine Bildmarke muss leicht vom Betrachter zu erfassen sein und kann das Logo enorm aufwerten. Und bei Bedarf lässt sich daraus ein Maskottchen für das Unternehmen ableiten. Erfahren Sie von uns, wie Sie eine solche Sympathiefigur Schritt für Schritt umsetzen.

Wenn Sie mit Illustrator, InDesign oder Photoshop konstruieren, dann ist es sinnvoll, viele Konstruktionen und Objektarten so anzulegen, dass sie möglichst lange editierbar bleiben. Nicht nur, damit Kundenkorrekturen eingepflegt werden können, sondern auch, damit Sie selbst an der Grafik arbeiten können, bis alles perfekt ist, z. B. ergeben sich durch an Schriften angewandte Schatten oder Konturen notwendige Anpassungen der Laufweite oder des Kernings. Das sieht man aber erst, wenn alles fertig konstruiert ist.

Illustrationen und Fotos mit integrierter Typografie sind momentan sehr angesagt. Es gibt darin viel zu entdecken und das Verweben mit der Schrift macht diese Arbeiten natürlich sehr interessant. Da Sie hier nicht wie in Photoshop mit einem einzigen Blumenstraußfoto arbeiten, sondern mit einzelnen Blumenobjekten, sind sie sogar noch einfacher zu erstellen. Diese Illustration können Sie für Ihre Weihnachtspost verwenden, falls Sie noch nach einem Motiv suchen.

Mit Illustrators Transformieren-Effekt können Sie Ihre Texte in die dritte Dimension bringen und im Zusammenhang mit Verläufen und Mustern interessante Texteffekte zaubern. Die hier vorgestellten Effekte generieren eine relativ große Datenmenge, wenn Sie das PDF für die Druckerei exportieren. Sie sind daher besser für Situationen geeignet, in denen bei der Ausgabe in Pixel konvertiert wird oder zumindest werden kann.

Die Früchte Ihrer Arbeit können Sie dem Kunden auf unterschiedliche Art präsentieren. Soll ein Kunde besonders beeindruckt werden oder wenn es schwierig ist, sich das fertig gedruckte Ergebnis vorzustellen, sind Mockups beliebt. Mit ihnen wird der Entwurf in eine ziemlich realistische Umgebung hineingerechnet. Es gibt Vorteile, wenn Sie das Mockup in Illustrator erstellen. Einer dieser Vorteile ist, dass Texte besser lesbar sind, weil sie nicht in Pixel umgewandelt werden. Welche Möglichkeiten haben Sie also, wenn Sie das Mockup in Illustrator erstellen wollen?

Sie haben richtig gelesen: An dieser Fotocollage wurden lediglich die Freisteller in den Fotos mit Photoshop gemacht. Jede weitere Kombination erledigen Sie in Illustrator. Aufmerksame Leser werden wahrscheinlich einige der Motive wiedererkannt haben – wir haben sie in vergangenen Beiträgen erstellt. Eine Zweitverwertung ist immer dann praktisch, wenn nicht viel Zeit vorhanden ist, aber dennoch viel Material benötigt wird.

Technische Details brauchen Sie für Infografiken, für die Gestaltung von Benutzeroberflächen wie für freie Illustrationen. In der technischen Dokumentation müssen die wichtigen Elemente der Benutzeroberfläche dargestellt werden, in anderen Arbeiten machen Kleinigkeiten eine Illustration lebendig und geben Betrachtern etwas zu entdecken. Für viele Fälle gibt es einfache Wege, um Dinge glaubhaft darzustellen.

In den vergangenen Versionen wurde die Unterstützung für Screendesign-Workflows in Illustrator sukzessive ausgebaut. Mit Version CC 2015.3 wurde eine weitere große Lücke geschlossen: der Export einzelner Elemente. Wir erläutern Ihnen genau, wie Sie die neuen Möglichkeiten in der Praxis nutzen.

Wenn Sie Ihre Daten zum Druck geben, müssen Sie bestimmte Anforderungen erfüllen. Je nach Druckverfahren und Druckerei gibt es Abweichungen im Detail, z. B. den exakten einzuhaltenden Werten, aber die grundsätzlichen Herangehensweisen sind dieselben.

Infografik gehört zu den Haupteinsatzgebieten der Vektorgrafik. In den vergangenen Jahren erlebte sie einen starken Boom. Illustrators Symbole sind für die effiziente Erstellung und Bearbeitung einer Infografik essenziell. In Version CC 2015.2 wurden Symbole dynamisch, was sie noch einmal flexibler machte. Sehen wir uns an, wie Sie dynamische Symbole und andere Symboloptionen effizient nutzen können, um Infografiken zu gestalten.

In diesem Workshop erstellen Sie eine freie Zeichnung. Das ist eine eher untypische Aufgabe in Illustrator – meistens wird das Programm eher für Konstruktionen und exakte Arbeiten mit Zeichenstift & Co. verwendet. Hier benötigen wir praktisch ausschließlich die Malwerkzeuge. Zeichenstift und Direktauswahl-Werkzeug dienen höchstens für Detailkorrekturen. Natürlich können Sie diese Zeichnung auch mit Maus oder Trackpad erstellen, ein Grafiktablett vereinfacht es jedoch erheblich.

Es gibt immer wieder Situationen, in denen eine Form oder eine ganze Illustration in Adobe Illustrator angelegt wird, um anschließend in Photoshop weiterbearbeitet zu werden. Doch welche Vor- und Nachteile haben die einzelnen Möglichkeiten und wie kann man die Vektorgrafik in Photoshop illustrativ weiterbearbeiten? Wir verraten es Ihnen in diesem Beitrag!

Sie möchten zweidimensionale Elemente räumlich erscheinen lassen? In Illustrator lassen sich dreidimensional wirkende Illustrationen einfach erstellen. Oft genug führt jedoch eine ungeplante Vorgehensweise zu Zeichnungen, die komplett krumm und schief aussehen. Dank Illustrators Perspektivenraster können Sie exakt und logisch in die dritte Dimension gehen. Wir zeigen Ihnen dies anhand einer kleinen Bedienungsanleitung für eine Pizza.

Schein nach außen und nach innen sind rasterbasierte Effekte, die nicht nur für Neon-Looks eingesetzt werden können, sondern (mit anderen Füllmethoden als Negativ multiplizieren) auch für die Ausarbeitung von Details wichtig sind, die sich auf andere Art nur sehr viel schwieriger umsetzen lassen. Leider sind die beiden Schein- Effekte mitunter etwas bockig und lassen sich unter bestimmten Umständen nicht anwenden bzw. sind unsichtbar. Sehen wir uns an, wie man diesem Problem begegnen und den Schein austricksen kann.

Vor Kurzem wurde Adobe Animate CC veröffentlicht. Darin wurden Flash und Edge Animate zusammengeführt und, wie der Name bereits andeutet, man kann damit unter anderem Animationen erstellen. Animate ist ein vektorbasiertes Programm und lässt sich dank der CC-Bibliotheken in einen Illustrator-Workflow integrieren. Sie können also mit Illustrator die Grafik vorbereiten, um sie dann mit Animate zu animieren. Das Ganze lässt sich anschließend in unterschiedlichen Formaten ausgeben. Lernen Sie, wie Sie Ihre Illustrator-Grafiken zum Leben erwecken können.

Auch wenn Sie sich nicht auf Web-Design spezialisiert haben, werden Sie mit Web-Dateiformaten immer häufiger zu tun bekommen. Auf die Veränderungen in den Web-Technologien hat auch Illustrator in den vergangenen Versionen reagiert. Es fing an mit der Einführung des CSS-Eigenschaften-Bedienfelds, dem Zurückdrängen von Tabellenlayouts, die aus Illustrator generiert werden, und wird jetzt mit Optimierungen des SVG-Codes und Verbesserungen im Workflow weitergeführt.

Mit Illustrators neuem Shaper-Werkzeug ist das Zeichnen und Experimentieren mit geometrischen und freien Formen noch flexibler geworden. Die Neuigkeit besteht nicht so sehr in der Möglichkeit, Formen zu kombinieren und Tage später die Komposition komplett ändern oder die Einfachheit der Bedienung – das bieten auch andere Werkzeuge. Vor allem ist es die Möglichkeit, dass die geometrischen Attribute der Formen (Rechtecke, Ellipsen, Polygone und Linien) editierbar bleiben.