Erstellen von Animationen

  1. Illustrator User Guide
  2. Get to know Illustrator
    1. Introduction to Illustrator
      1. What's new in Illustrator
      2. Common questions
      3. Illustrator system requirements
      4. Illustrator for Apple silicon
    2. Workspace
      1. Workspace basics
      2. Create documents
      3. ToolsDefault keyboard shortcuts | Illustrator
      4. Customize keyboard shortcuts
      5. Artboards
      6. Customize the workspace
      7. Properties panel
      8. Set preferences
      9. Touch Workspace
      10. Microsoft Surface Dial support in Illustrator
      11. Recovery, undo, and automation
      12. Rotate view
      13. Rulers, grids, and guides
      14. Accessibility in Illustrator
      15. Safe Mode
      16. View artwork
      17. Use the Touch Bar with Illustrator
      18. Files and templates
      19. Synchronize settings using Adobe Creative Cloud
    3. Tools in Illustrator
      1. Selection
        1. Overview
        2. Selection
        3. Direct Selection
        4. Lasso
      2. Navigation
        1. Overview
        2. Zoom
        3. Rotate View
      3. Paint
        1. Overview
        2. Gradient
        3. Shape Builder
      4. Type
        1. Overview
        2. Type
        3. Type On Path
  3. Illustrator on the iPad
    1. Introduction to Illustrator on the iPad
      1. Illustrator on the iPad overview
      2. Illustrator on the iPad FAQs
      3. System requirements | Illustrator on the iPad
      4. What you can or cannot do on Illustrator on the iPad
    2. Workspace
      1. Illustrator on the iPad workspace
      2. Touch shortcuts and gestures
      3. Keyboard shortcuts for Illustrator on the iPad
      4. Manage your app settings
    3. Documents
      1. Work with documents in Illustrator on the iPad
      2. Import Photoshop and Fresco documents
    4. Select and arrange objects
      1. Create repeat objects
      2. Blend objects
    5. Drawing
      1. Draw and edit paths
      2. Draw and edit shapes
    6. Type
      1. Work with type and fonts
      2. Create text designs along a path
      3. Add your own fonts
    7. Work with images
      1. Work with images
    8. Color
      1. Apply colors and gradients
  4. Cloud documents
    1. Basics
      1. Work with Illustrator cloud documents
      2. Share and collaborate on Illustrator cloud documents
      3. Upgrade cloud storage for Adobe Illustrator
      4. Illustrator cloud documents | Common questions
    2. Troubleshooting
      1. Troubleshoot create or save issues for Illustrator cloud documents
      2. Troubleshoot Illustrator cloud documents issues
  5. Add and edit content
    1. Drawing
      1. Drawing basics
      2. Edit paths
      3. Draw pixel-perfect art
      4. Draw with the Pen, Curvature, or Pencil tool
      5. Draw simple lines and shapes
      6. Image Trace
      7. Simplify a path
      8. Define perspective grids
      9. Symbolism tools and symbol sets
      10. Adjust path segments
      11. Design a flower in 5 easy steps
      12. Perspective drawing
      13. Symbols
      14. Draw pixel-aligned paths for web workflows
    2. 3D effects and Adobe Substance materials
      1. About 3D effects in Illustrator
      2. Create 3D graphics
      3. Create 3D objects
      4. Create 3D Text
    3. Color
      1. About color
      2. Select colors
      3. Use and create swatches
      4. Adjust colors
      5. Use the Adobe Color Themes panel
      6. Color groups (harmonies)
      7. Color Themes panel
      8. Recolor your artwork
    4. Painting
      1. About painting
      2. Paint with fills and strokes
      3. Live Paint groups
      4. Gradients
      5. Brushes
      6. Transparency and blending modes
      7. Apply stroke on an object
      8. Create and edit patterns
      9. Meshes
      10. Patterns
    5. Select and arrange objects
      1. Select objects
      2. Layers
      3. Group and expand objects
      4. Move, align, and distribute objects
      5. Stack objects    
      6. Lock, hide, and delete objects
      7. Duplicate objects
      8. Rotate and reflect objects
    6. Reshape objects
      1. Crop images
      2. Transform objects
      3. Combine objects
      4. Cut, divide, and trim objects
      5. Puppet Warp
      6. Scale, shear, and distort objects
      7. Blend objects
      8. Reshape using envelopes
      9. Reshape objects with effects
      10. Build new shapes with Shaper and Shape Builder tools
      11. Work with Live Corners
      12. Enhanced reshape workflows with touch support
      13. Edit clipping masks
      14. Live shapes
      15. Create shapes using the Shape Builder tool
      16. Global editing
    7. Type
      1. Create text
      2. Fonts and typography
      3. Format type
      4. Import and export text
      5. Format paragraphs
      6. Special characters
      7. Create type on a path
      8. Character and paragraph styles
      9. Tabs
      10. Text and type
      11. Find missing fonts (Typekit workflow)
      12. Update text from Illustrator 10
      13. Arabic and Hebrew type
      14. Fonts | FAQ and troubleshooting tips
      15. Create 3D text effect
      16. Creative typography designs
      17. Scale and rotate type
      18. Line and character spacing
      19. Hyphenation and line breaks
      20. Text enhancements
      21. Spelling and language dictionaries
      22. Format Asian characters
      23. Composers for Asian scripts
      24. Create text designs with blend objects
      25. Create a text poster using Image Trace
    8. Create special effects
      1. Work with effects
      2. Graphic styles
      3. Create a drop shadow
      4. Appearance attributes
      5. Create sketches and mosaics
      6. Drop shadows, glows, and feathering
      7. Summary of effects
    9. Web graphics
      1. Best practices for creating web graphics
      2. Graphs
      3. SVG
      4. Create animations
      5. Slices and image maps
  6. Import, export, and save
    1. Import
      1. Import artwork files
      2. Import bitmap images
      3. Import artwork from Photoshop
      4. Place multiple files | Illustrator CC
      5. Unembed images
      6. Import Adobe PDF files
      7. Import EPS, DCS, and AutoCAD files
      8. Links information
    2. Creative Cloud Libraries in Illustrator 
      1. Creative Cloud Libraries in Illustrator
    3. Save
      1. Save artwork
    4. Export
      1. Export artwork
      2. Collect assets and export in batches
      3. Package files
      4. Create Adobe PDF files
      5. Extract CSS | Illustrator CC
      6. Adobe PDF options
      7. File information and metadata
  7. Printing
    1. Prepare for printing
      1. Set up documents for printing
      2. Change the page size and orientation
      3. Specify crop marks for trimming or aligning
      4. Get started with large canvas
    2. Printing
      1. Overprint
      2. Print with color management
      3. PostScript printing
      4. Print presets
      5. Printer's marks and bleeds
      6. Print and save transparent artwork
      7. Trapping
      8. Print color separations
      9. Print gradients, meshes, and color blends
      10. White Overprint
  8. Automate tasks
    1. Data merge using the Variables panel
    2. Automation with scripts
    3. Automation with actions
  9. Troubleshooting 
    1. Crash on launch issues
    2. Recover files after crash
    3. File issues
    4. GPU device driver issues
    5. Wacom device issues
    6. DLL file issues
    7. Memory issues
    8. Preferences file issues
    9. Font issues
    10. Printer issues
    11. Share crash report with Adobe

Wissenswertes zu Flash-Grafiken

Das Dateiformat Flash (SWF) ist ein vektorbasiertes Grafikdateiformat für skalierbare, kompakte Grafiken für das Web. Da das Dateiformat auf Vektoren basiert, bleibt die Bildqualität des Bildmaterials bei jeder Auflösung erhalten. Es eignet sich daher insbesondere zum Erstellen von Animationsframes. In Illustrator können Sie separate Animationsframes auf Ebenen erstellen und die Bildebenen dann in Einzelframes für eine Website exportieren. Sie können in einer Illustrator-Datei auch Symbole definieren, um die Größe einer Animation zu reduzieren. Beim Export wird jedes Symbol nur einmal in der SWF-Datei definiert.

Sie können Bildmaterial als eine SWF-Datei speichern, indem Sie die Befehle „Exportieren“ oder Für Web und Geräte speichern verwenden. Sie bieten die folgenden Vorteile:

Befehl „Exportieren (SWF)“

Mit diesem Befehl können Sie die Komprimierung von Animationen und Bitmaps präzise steuern.

Befehl „Für Web und Geräte speichern“

Mit diesem Befehl können Sie die Mischung aus SWF- und Bitmapformaten in Layouts mit Slices genauer steuern. Er bietet zwar weniger Bildoptionen als der Befehl „Exportieren (SWF)“ , verwendet aber dessen zuletzt verwendete Einstellungen.

Beim Vorbereiten von Bildmaterial für das Speichern im SWF-Format ist Folgendes zu beachten:

  • Damit die Dateigröße beim Einsatz von Symbolen so gering wie möglich bleibt, wenden Sie Effekte nicht auf Symbolinstanzen im Bildmaterial, sondern auf das Symbol im Symbolbedienfeld an.

  • Wenn Sie das Symbol-färben- oder das Symbol-gestalten-Werkzeug verwenden, erhöht sich die Größe der SWF-Dateien, weil Illustrator von jeder Symbolinstanz eine Kopie erstellen muss, um deren Aussehen zu erhalten.

  • Gitterobjekte und Verläufe mit mehr als acht Reglern (Positionen auf dem Verlaufsregler) werden in Pixelbilder umgewandelt und als mit Bitmaps gefüllte Formen angezeigt. Verläufe mit weniger als acht Reglern werden als Verläufe exportiert.

  • Muster werden in kleine Pixelbilder in der Mustergröße umgewandelt und die einzelnen Elemente werden so angeordnet, dass sie die Grafik ausfüllen.

  • Wenn sich ein Bitmap-Objekt über die Grenzen eines Slice hinaus erstreckt, wird das ganze Objekt in die exportierte Datei mit eingeschlossen.

  • Das SWF-Format unterstützt nur abgerundete Abschlüsse und Ecken. Abgeflachte Abschlüsse und Ecken werden beim Export in das SWF-Format abgerundet.

  • Mit Musterfüllungen versehene Textzeichen und Konturen werden in Pfade umgewandelt und mit dem Muster gefüllt.

  • Beim Export in das SWF-Format bleiben zwar viele Textmerkmale erhalten, aber es gehen auch einige Daten verloren. Zeilenabstände, Kerning und Laufweite bleiben beim Importieren einer SWF-Datei in Flash nicht erhalten. Der Text wird vielmehr in einzelne Datensätze aufgeteilt, um den Zeilenabstand optisch zu simulieren. Bei der anschließenden Wiedergabe der SWF-Datei in Flash Player bleibt das Erscheinungsbild des Zeilenabstands, des Kernings und der Laufweite erhalten. Wenn Sie Text als Pfade exportieren möchten, wählen Sie im Dialogfeld „SWF-Optionen“ die Option „Text als Konturen exportieren“ aus oder konvertieren Sie den Text mit dem Befehl „In Pfade umwandeln“ vor dem Exportieren in das SWF-Format.

Erstellen von Flash-Animationen

Sie haben verschiedene Möglichkeiten, in Illustrator Flash-Animationen zu erstellen. Eine der einfachsten Methoden besteht darin, für jeden Animationsframe eine separate Illustrator-Ebene zu verwenden und beim Exportieren von Bildmaterial die Option „AI-Ebenen in SWF-Frames“ auszuwählen.

  1. Erstellen Sie das Bildmaterial, das Sie animieren möchten. Verwenden Sie Symbole, um die Dateigröße der Animation zu verringern und Ihre Arbeit zu vereinfachen.
  2. Erstellen Sie für jeden Frame in der Animation eine eigene Ebene.

    Hierfür müssen Sie das Bildmaterial in eine neue Ebene einfügen und dann bearbeiten. Wahlweise können Sie den Befehl „Ebenen für Objekte erstellen“ verwenden, um automatisch Ebenen mit Objekten zu erstellen, die sich nacheinander aufbauen.

  3. Stellen Sie sicher, dass die Ebenen in der von Ihnen gewünschten Reihenfolge als Animationsframes angezeigt werden.
  4. Führen Sie einen der folgenden Schritte durch:
    • Wählen Sie „Datei“ > „Exportieren“, wählen Sie das Format „Flash (SWF)“ und klicken Sie auf „Exportieren“. Aktivieren Sie im Dialogfeld „SWF-Optionen“ unter „Exportieren als“ die Option „AI-Ebenen in SWF-Frames“. Legen Sie weitere Animationsoptionen fest und klicken Sie auf „OK“.

    • Wählen Sie „Datei“ > „Für Web und Geräte speichern“. Wählen Sie im Menü „Optimierungsformat“ die Option „SWF“. Wählen Sie im Menü „Exporttyp“ die Option „AI-Ebenen in SWF-Frames“. Legen Sie weitere Optionen fest und klicken Sie auf „Speichern“.

Arbeiten mit Illustrator und Flash

Bildmaterial aus Illustrator kann direkt in die Flash-Bearbeitungsumgebung und in den Flash Player verschoben werden. Außerdem besteht die Möglichkeit, Bildmaterial zu kopieren und einzufügen, Dateien im SWF-Format zu speichern und Bildmaterial direkt in Flash zu exportieren. Illustrator bietet zusätzlich Unterstützung für dynamische Flash-Texte und Filmclipsymbole.

Über Device Central lässt sich überprüfen, wie das Illustrator-Bildmaterial auf anderen Handheld-Geräten im Flash Player angezeigt wird.

Einfügen von Illustrator-Bildmaterial

In Illustrator können Sie komplexes Bildmaterial erstellen und dieses dann kopieren und ganz einfach in Flash einfügen.

Wenn Sie aus Illustrator kopiertes Bildmaterial in Flash einfügen, bleiben die folgenden Attribute erhalten:

  • Pfade und Formen

  • Skalierbarkeit

  • Konturstärken

  • Verlaufsdefinitionen

  • Text (inklusive OpenType-Schriftarten)

  • Verknüpfte Bilder

  • Symbole

  • Füllmethoden

Außerdem unterstützen Illustrator und Flash Bildmaterial, das auf eine der folgenden Methoden eingefügt wurde:

  • Wenn Sie vollständige obere Ebenen in Illustrator-Bildmaterial auswählen und in Flash einfügen, werden die Ebenen sowie die Eigenschaften (Sichtbarkeit und Fixierung) beibehalten.

  • CMYK-Farben, Graustufen und benutzerdefinierte Illustrator-Farben werden in Flash in RGB umgewandelt. RGB-Farben werden ohne Veränderung eingefügt.

  • Wenn Sie Illustrator-Bildmaterial importieren oder einfügen, können Sie die Effekte (z. B. Schlagschatten auf Text) über verschiedene Optionen als Flash-Filter beibehalten.

  • Illustrator-Masken werden in Flash beibehalten.

Exportieren von SWF-Dateien aus Illustrator

Aus Illustrator können Sie SWF-Dateien in gleicher Qualität und Komprimierung wie aus Flash exportieren.

Beim Export stehen verschiedene Vorgaben für eine optimale Ausgabe zur Auswahl. Außerdem kann angegeben werden, wie mit mehreren Zeichenflächen, Symbolen, Ebenen, Text und Masken verfahren werden soll. Beispielsweise könnte angegeben werden, ob Illustrator-Symbole als Filmclips oder Grafiken exportiert oder ob aus Illustrator-Ebenen SWF-Symbole erstellt werden sollen.

Importieren von Illustrator-Dateien in Flash

Wenn Sie vollständige Layouts in Illustrator erstellen und diese anschließend in einem Schritt in Flash importieren möchten, können Sie Ihr Bildmaterial im Illustrator-eigenen Format (AI) speichern und es mit dem Befehl „Datei“ > „In Bühne importieren“ bzw. „Datei“ > „In Bibliothek importieren“ fast originalgetreu in Flash importieren.

Wenn Ihre Illustrator-Datei mehrere Zeichenflächen enthält, wählen Sie im Dialogfeld „Importieren“ in Flash die zu importierende Zeichenfläche aus und legen Sie Einstellungen für jede Ebene in dieser Zeichenfläche fest. Alle Objekte auf der ausgewählten Zeichenfläche werden als eine Ebene in Flash importiert. Wenn Sie eine weitere Zeichenfläche aus derselben AI-Datei importieren, werden die Objekte von dieser Zeichenfläche als neue Ebene in Flash importiert.

Wenn Sie Illustrator-Bildmaterial als AI-, EPS- oder PDF-Datei importieren, behält Flash die Attribute des eingefügten Illustrator-Bildmaterials bei. Zusätzlich können Sie die Ebenen einer importierten Illustrator-Datei auf eine der folgenden Weisen importieren:

  • Umwandeln von Illustrator-Ebenen in Flash-Ebenen

  • Umwandeln von Illustrator-Ebenen in Flash-Frames

  • Umwandeln aller Illustrator-Ebenen in eine einzige Flash-Ebene

Symbol-Workflow

Der Symbol-Workflow in Illustrator ähnelt dem Symbol-Workflow in Flash.

Symbolerstellung

Wenn Sie in Illustrator ein Symbol erstellen, können Sie im Dialogfeld „Symboloptionen“ den Namen des Symbols sowie spezielle Flash-Optionen festlegen, etwa Typ des Movieclip-Symbols (Standard für Flash-Symbole), Position im Flash-Registrierungsraster und Hilfslinien für die 9-Slice-Skalierung. Zusätzlich sind viele Tastaturbefehle für Symbole in Illustrator und Flash identisch (wie z. B. „F8“ zur Erstellung eines Symbols).

Isolationsmodus für die Symbolbearbeitung

Doppelklicken Sie in Illustrator auf ein Symbol, um den Isolationsmodus zu öffnen, in dem Sie das Symbol leichter bearbeiten können. Im Isolationsmodus kann nur die Symbolinstanz bearbeitet werden. Alle anderen Objekte sind abgeblendet und nicht verfügbar. Nach Beendigung des Isolationsmodus werden das Symbol im Symbolbedienfeld und sämtliche Instanzen des Symbols entsprechend aktualisiert. In Flash funktionieren der Symbolbearbeitungsmodus und das Bibliotheksbedienfeld auf ähnliche Weise.

Symboleigenschaften und Verknüpfungen

Im Symbol- und im Steuerungsbedienfeld können Sie Symbolinstanzen einfach Namen zuweisen, Verknüpfungen zwischen Instanzen und Symbolen aufheben und eine Symbolinstanz gegen ein anderes Symbol austauschen sowie eine Kopie des Symbols erstellen. In Flash funktionieren die Bearbeitungsfunktionen und das Bibliotheksbedienfeld auf ähnliche Weise.

Statische und dynamische Objekte sowie Eingabetextobjekte

Wenn Sie statischen Text aus Illustrator in Flash importieren, wird der Text in Pfade konvertiert. Zusätzlich können Sie Ihren Text in Illustrator als dynamischen Text einrichten. Den Inhalt von dynamischem Text können Sie per Skript in Flash ändern und Projekte, die in mehrere Sprachen übersetzt werden müssen, lassen sich mit dynamischem Text leichter verwalten.

In Illustrator können Sie einzelne Textobjekte als statischen oder dynamischen Text bzw. als Eingabetext definieren. Die dynamischen Textobjekte in Illustrator und Flash weisen ähnliche Eigenschaften auf. Bei beiden wirkt sich beispielsweise der Kerning-Wert auf sämtliche Zeichen in einem Textblock aus, nicht nur auf einzelne Zeichen. Die Glättung von Text erfolgt auch bei beiden auf identische Weise. Ebenfalls bei beiden können Textobjekte mit einer externen XML-Datei verknüpft werden, die Text enthält.

Adobe-Logo

Bei Ihrem Konto anmelden