Grafikfilter

Übersicht über Filter

Mithilfe von Filtern (Grafikeffekten) können Sie Text, Schaltflächen und Movieclips interessante Effekte hinzufügen. Mit einer speziellen Funktion haben Sie in Animate die Möglichkeit, die von Ihnen angewendeten Filter mit Bewegungs-Tweens zu animieren.

Mit Animate-Mischmodi können Sie zusammengesetzte Bilder erstellen. Das Verfahren, mit dem die Transparenz oder Farbinteraktion von zwei oder mehr überlappenden Objekten variiert wird, wird Compositing genannt. Mischmodi verleihen Ihnen auch eine zusätzliche Steuerungsmöglichkeit über die Transparenz von Objekten und Bildern. Mit den Animate-Mischmodi können Sie Glanzlichter oder Schatten, die Details des darunter liegenden Bildes erkennen lassen, hinzufügen oder verblasste Bilder einfärben.

Informationen zu animierten Filtern

Sie können Filter in der Zeitleiste animieren. Bei Objekten in verschiedenen Schlüsselbildern, die durch ein Tween verbunden sind, werden die Parameter der entsprechenden Filter auf dazwischenliegenden Bildern getweent. Wenn es für einen Filter am anderen Ende keinen entsprechenden Filter gibt (einen Filter vom selben Typ), wird automatisch ein entsprechender Filter hinzugefügt, um sicherzustellen, dass der Effekt am Ende der Animationssequenz angewendet wird.

Um die Fehlfunktion von Bewegungs-Tweens zu verhindern, falls an einem Ende des Tweens ein Filter fehlt oder die Filter in einer anderen Reihenfolge angewendet werden, führt Animate die folgenden Prüfungen aus:

• Wenn Sie einen Bewegungs-Tween auf einen Movieclip anwenden, auf den bereits Filter angewendet wurden, und dann am anderen Ende des Tweens ein Schlüsselbild einfügen, dann weist das letzte Bild des Tweens automatisch dieselben Filter in derselben Reihenfolge wie am Anfang des Tweens auf.

• Wenn Sie Movieclips auf zwei verschiedenen Bildern platzieren, auf die verschiedene Filter angewendet werden, und Sie dann einen Bewegungs-Tween auf die Bilder anwenden, verarbeitet Animate den Movieclip mit den meisten Filtern zuerst. Animate vergleicht dann die auf den ersten Movieclip angewendeten Filter mit denen, die auf den zweiten Movieclip angewendet werden. Falls im zweiten Movieclip keine übereinstimmenden Filter gefunden werden, erzeugt Animate einen Dummy-Movieclip ohne Parameter in der Farbe der vorhandenen Filter.

• Wenn es zwischen zwei Schlüsselbildern einen Bewegungs-Tween gibt und Sie in einem Schlüsselbild einem Objekt einen Filter hinzufügen, fügt Animate dem Movieclip beim Erreichen des Schlüsselbilds am anderen Ende des Tweens automatisch einen Dummy-Filter hinzu.

• Wenn es zwischen zwei Schlüsselbildern einen Bewegungs-Tween gibt und Sie in einem Schlüsselbild einen Filter von einem Objekt entfernen, entfernt Animate beim Erreichen des Schlüsselbilds am anderen Ende des Tweens automatisch einen Dummy-Filter.

• Wurden Filterparameter zwischen dem Anfang und dem Ende eines Bewegungs-Tweens widersprüchlich festgelegt, wendet Animate die Filtereinstellungen des ersten Bildes auf die interpolierten Bilder an. Widersprüchliche Einstellungen treten auf, wenn die folgenden Parameter zwischen dem ersten und letzten Tween unterschiedlich festgelegt wurden: „Aussparung“, „Innerer Schatten“, „Inneres Glühen“ sowie den Typ von „Farbverlauf - Glühen“ und „Farbverlauf - Geschliffen“.

  Beispiel: Sie erstellen einen Bewegungs-Tween mit dem Filter „Schlagschatten“, wenden auf das erste Bild im Tween einen Schlagschatten mit Aussparung an und auf das letzte Bild im Tween einen inneren Schatten, dann korrigiert Animate die widersprüchlichen Filterparameter im Bewegungs-Tween. In diesem Fall wendet Animate die Filtereinstellungen des ersten Bilds im Tween an: einen Schlagschatten mit einer Aussparung.

Filter und die Performance von Flash Player

Der Typ, die Anzahl und die Qualität der Filter, die Sie auf Objekte anwenden, können sich auf die Wiedergabe der SWF-Dateien auswirken. Je mehr Filter Sie auf ein Objekt anwenden, um so mehr Berechnungen muss Adobe® Flash® Player durchführen, um die erstellten visuellen Effekte korrekt wiederzugeben. Adobe® empfiehlt, nur eine begrenzte Anzahl von Filtern auf ein gegebenes Objekt anzuwenden.

Jeder Filter bietet Steuerungen, mit denen Sie die Stärke und Qualität des angewendeten Filters anpassen können. Niedrigere Einstellungen führen auf langsameren Computern zu einer verbesserten Leistung. Wenn Sie Inhalte für eine Wiedergabe auf einer breiten Palette von Computern erstellen oder wenn Sie nicht wissen, über welche Rechnerleistung ihre Zielgruppe verfügt, empfiehlt es sich, eine niedrige Qualitätsstufe einzustellen, um die Wiedergabeleistung zu optimieren.

Pixel Bender-Filter

Adobe Pixel Bender™ ist eine von Adobe entwickelte Programmiersprache, die es Benutzern ermöglicht, benutzerdefinierte Filter, Effekte und Mischmodi zur Verwendung in Animate und After Effects zu erstellen. Pixel Bender ist hardwareunabhängig und kann in einer Vielzahl von GPU- und CPU-Architekturen automatisch effizient ausgeführt werden.

Pixel Bender-Entwickler erstellen Filter, indem sie Pixel Bender-Code schreiben und den Code in einer Textdatei mit der Dateierweiterung pbj speichern. Nachdem er geschrieben wurde, kann ein Pixel Bender-Filter in jedem beliebigen Animate-Dokument verwendet werden. Verwenden Sie ActionScript® 3.0, um den Filter zu laden und seine Steuerungen zu nutzen.

Weitere Informationen zum Verwenden von Pixel Bender in ActionScript finden Sie im ActionScript 3.0-Entwicklerhandbuch.

Die folgenden Videotutorials veranschaulichen die Verwendung von Pixel Bender-Filtern in Animate:

Arbeiten mit Filtern

Verbesserte Funktionen in Animate

Sobald Sie einen neuen Filter auf ein Objekt anwenden, wird er im Eigenschafteninspektor zur Liste der angewendeten Filter dieses Objekts hinzugefügt. Sie können mehrere Filter auf ein Objekt anwenden und zuvor angewendete Filter entfernen. Sie können Filter nur auf Text-, Schaltflächen-, Movieclip-, Komponenten- und kompilierte Clip-Objekte anwenden.

Sie können eine Filtereinstellungsbibliothek erstellen, mit der Sie leicht die gleichen Filter oder Filtersätze auf ein Objekt anwenden können. Animate speichert die Filtervoreinstellungen, die Sie im Bereich „Filter“ des Eigenschafteninspektors im Menü „Filter“ > „Voreinstellungen“ erstellen.

In Flash Professional CS6 und früheren Versionen war das Anwenden von Filtern auf Movieclip- und Schaltflächensymbole beschränkt. Mit Animate können Sie Filter jetzt zusätzlich auf kompilierte Clips und Movieclip-Komponenten anwenden. So können Sie verschiedene Effekte direkt zu den Komponenten hinzufügen und das Erscheinungsbild Ihrer Anwendungen mit nur ein oder zwei Klicks attraktiver gestalten. In Flash CS6 konnten Filter oder andere Effekte nur dann zu Komponenten hinzugefügt werden, wenn sie von einem Movieclipsymbol „umhüllt“ wurden. Das bedeutet:

1. Erstellen Sie eine Komponente oder fügen Sie sie der Bühne hinzu.
2. Klicken Sie mit der rechten Maustaste auf die Komponente und wählen Sie „In Symbol konvertieren“.
   

In CS6 (und früheren Versionen) konnten Sie Filter und verschiedene andere Effekte nach dem Umhüllen der Komponente mit einem Symbol hinzufügen. Dies war jedoch nur ein Workaround, kein bewährtes Verfahren.   In Animate können Sie verschiedene Filter direkt zu Komponenten hinzufügen, indem Sie die Optionen „Filter“, „Farbeffekte“ und „Anzeigeeinstellungen“ im Bedienfeld „Eigenschaften“ verwenden. Sehen Sie sich zum besseren Verständnis dieser wichtigen Erweiterung das folgende Beispiel an:   Hinzufügen des Filters „Geschliffen“ zu einer Button-Komponente  

1. Erstellen Sie auf der Bühne eine Schaltfläche (Button) oder fügen Sie eine Button-Komponente aus dem Bedienfeld „Komponenten“ hinzu und wählen Sie diese Schaltfläche dann aus.
2. Klicken Sie im Bedienfeld „Eigenschaften“ auf die Dropdownliste der Schaltfläche im Bereich „Filter“ und wählen Sie „Geschliffen“. Es werden Eigenschaften und Werte für den Filter „Geschliffen“ angezeigt.
3. Sie können für jede gewünschte Eigenschaft Werte ändern oder festlegen, zum Beispiel „Weichzeichnen X“, „Weichzeichnen Y“, „Stärke“, „Schatten“ usw. Sie können sofort sehen, wie sich die Effekte auf die Schaltfläche auswirken.
   

Anwenden oder Entfernen von Filtern

Kopieren und Einfügen von Filtern

Anwenden von voreingestellten Filtern auf ein Objekt

 Wenn Sie die für ein Objekt vorgenommenen Filtervoreinstellungen anwenden, ersetzt Animate alle momentan auf das ausgewählte Objekt angewendeten Filter durch die standardmäßig verwendeten Filter.

Aktivieren oder Deaktivieren von auf Objekten angewendeten Filtern

Aktivieren oder Deaktivieren von allen auf ein Objekt angewendeten Filtern

Erstellen von Bibliotheken der voreingestellten Filter

Sie können Filtereinstellungen als Voreinstellungsbibliotheken speichern, die Sie dann leicht auf Movieclip- und Textobjekte anwenden können. Diese Voreinstellungen können auch von anderen Benutzern genutzt werden, indem Sie ihnen die Filterkonfigurationsdatei zur Verfügung stellen. Die Filterkonfigurationsdatei ist eine XML-Datei, die im Animate-Konfigurationsordner im folgenden Verzeichnis gespeichert wird:

 

• Windows 7 und 8: C:\Benutzer\Benutzername\AppData\Local\Adobe\Flash CC\Sprache\Configuration
• (Nur Flash Professional CS6 oder ältere Versionen) Windows XP: C:\Dokumente und Einstellungen\Benutzername\Lokale Einstellungen\Anwendungsdaten\Adobe\Flash CS6\Sprache\Configuration\Filters\filtername.xml
• (Nur Flash Professional CS6 oder ältere Versionen) Windows Vista: C:\Benutzer\Benutzername\Lokale Einstellungen\Anwendungsdaten\Adobe\Flash CS6\Sprache\Configuration\Filters\filtername.xml
• Macintosh: Macintosh HD/Users/Benutzername/Library/Application Support/Adobe/Flash CC/Sprache/Configuration/Filters/filtername.xml

Erstellen einer Bibliothek mit voreingestellten Filtern

Umbenennen von voreingestellten Filtern

Löschen von voreingestellten Filtern

Anwenden von Filtern

Anwenden von Schlagschatten

Der Filter „Schlagschatten“ bewirkt, dass ein Objekt scheinbar einen Schatten auf eine Oberfläche wirft.

Ein Beispiel für einen Schlagschatten mit einem klassischen Tween finden Sie auf der Webseite mit Animate-Beispielen unter www.adobe.com/go/learn_fl_samples_de. Laden Sie die komprimierten Beispieldatei herunter, dekomprimieren Sie sie und wechseln Sie in das Verzeichnis Graphics\AnimatedDropShadow.

Erstellen eines geneigten Schlagschattens

Anwenden des Weichzeichnens

Mit dem Filter „Weichzeichnen“ werden die Ecken und Einzelheiten eines Objekts abgerundet. Dadurch kann es so aussehen, als befände sich das Objekt hinter anderen Objekten oder als wäre es in Bewegung.

Anwenden des Glühens

Mit dem Filter „Glühen“ können Sie eine Farbe um den Rand eines Objekts herum anzeigen.

Anwenden von geschliffenen Kanten

Mit dem Filter „Geschliffen“ können Sie ein Objekt hervorheben, sodass es vor der Hintergrundoberfläche nach oben gekrümmt aussieht.

Anwenden des Glühen-Effekts mit Farbverlauf

Mit dem Filter „Farbverlauf - Glühen“ können Sie ein Glühen erstellen und der Oberfläche des Glühens eine Verlaufsfarbe zuweisen. Dabei ist es erforderlich, dass Sie am Anfang des Farbverlaufs eine Farbe mit dem Alphawert „0“ auswählen. Sie können zwar nicht die Position dieser Farbe ändern, aber Sie können die Farbe ändern.

Anwenden des Geschliffen-Effekts mit Farbverlauf

Mit dem Filter „Farbverlauf - Geschliffen“ können Sie ein Objekt über den Hintergrund hervorgehoben aussehen lassen und der Oberfläche der geschliffenen Kante eine Verlaufsfarbe zuweisen. Dabei ist es erforderlich, dass Sie in der Mitte des Farbverlaufs eine Farbe mit dem Alphawert „0“ auswählen.

Anwenden des Filters „Farbe anpassen“

Der Filter „Farbe anpassen“ ermöglicht Ihnen, die Farbattribute des ausgewählten Objekts, darunter Kontrast, Helligkeit, Sättigung und Ton, genauer einzustellen.