Grafische filters

Met filters (afbeeldingseffecten) kunt u interessante visuele effecten aan tekst, knoppen en filmclips toevoegen. Een unieke eigenschap van Animate is dat u de toegepaste filters kunt laten bewegen met bewegings-tweens.

Met overvloeimodi kunt u in Animate samengestelde afbeeldingen maken. Bij samenstellen wordt de transparantie- of kleurinteractie van twee of meer overlappende objecten gevarieerd. Overvloeimodi bieden extra mogelijkheden om de dekking van objecten en afbeeldingen te beheren. U kunt de overvloeimodi in Animate gebruiken om markeringen of schaduwen te maken waardoor details van een onderliggende afbeelding worden weergegeven of om een onverzadigde afbeelding kleur te geven.

U kunt filters in de tijdlijn laten bewegen. Voor objecten op afzonderlijke hoofdframes die zijn verbonden met een tween, worden de parameters voor overeenkomende filters op tussenliggende frames getweend. Wanneer een filter geen overeenkomend filter (een filter van hetzelfde type) heeft aan het andere uiteinde van de tween, wordt automatisch een overeenkomend filter toegevoegd om te zorgen dat het effect aan het einde van de animatiereeks wordt uitgevoerd.

In Animate wordt als volgt voorkomen dat bewegings-tweens onjuist functioneren wanneer een filter aan het ene uiteinde van de tween ontbreekt of wanneer filters aan elk uiteinde worden toegepast in een verschillende volgorde:

• Wanneer u een bewegings-tween toepast op een filmclip waarop filters zijn toegepast en u vervolgens een hoofdframe aan het andere uiteinde van de tween invoegt, heeft de filmclip automatisch dezelfde filters in dezelfde stapelvolgorde op het laatste frame van de tween als aan het begin van de tween.

• Wanneer u filmclips met verschillende filters op twee verschillende frames plaatst en u vervolgens een bewegings-tween tussen de frames toepast, verwerkt Animate eerst de filmclip met de meeste filters. Vervolgens vergelijkt Animate de filters die op de eerste filmclip zijn toegepast met de filters die op de tweede filmclip zijn toegepast. Wanneer geen overeenkomende filters in de tweede filmclip worden gevonden, genereert Animate een dummyfilter zonder parameters en met de kleur van de bestaande filters.

• Wanneer er een bewegings-tween is tussen twee hoofdframes en u een filter toevoegt aan het object in het ene hoofdframe, voegt Animate automatisch een dummyfilter toe aan de filmclip wanneer het hoofdframe aan het andere uiteinde van de tween wordt bereikt.

• Wanneer er een bewegings-tween is tussen twee hoofdframes en u verwijdert een filter uit een object in het ene hoofdframe, voegt Animate automatisch een dummyfilter toe aan de filmclip wanneer het hoofdframe aan het andere uiteinde van de tween wordt bereikt.

• Wanneer u filterparameters niet consistent instelt tussen het begin en het einde van een bewegings-tween, past Animate de filterinstellingen van het beginframe toe op de geïnterpoleerde frames. Er kunnen inconsistente instellingen voorkomen wanneer de volgende parameters verschillend zijn ingesteld tussen het begin en het einde van de tween: uitnemen, binnenschaduw, binnengloed en het type verlopende gloed en verlopende schuine kant.

  Wanneer u bijvoorbeeld een bewegings-tween maakt met het slagschaduwfilter en een slagschaduw met een uitneemeffect toepast op het eerste frame van de tween en een binnenschaduw op het laatste frame van de tween, corrigeert Animate het inconsistente gebruik van het filter in de bewegings-tween. In dat geval past Animate de filterinstellingen toe op het eerste frame van de tween, een slagschaduw met een uitneemeffect.

Het type, aantal en de kwaliteit van de filters die u toepast op objecten kan invloed hebben op de prestaties van de SWF-bestanden wanneer u deze afspeelt. Hoe meer filters u op een object toepast, hoe meer berekeningen Adobe® Flash® Player moet verwerken om de door u gemaakte visuele effecten correct weer te geven. Adobe® raadt hierom aan dat u een beperkt aantal filters op een object toepast.

Elk filter bevat besturingselementen waarmee u de sterkte en de kwaliteit van het toegepaste filter kunt aanpassen. Wanneer u lagere instellingen gebruikt, worden de prestaties op langzamere computers verbeterd. Wanneer u inhoud maakt die op verschillende computers wordt afgespeeld, of als u niet zeker weet over hoeveel verwerkingskracht uw publiek beschikt, stelt u een laag kwaliteitsniveau in voor maximale weergaveprestaties.

Adobe Pixel Bender™ is een door Adobe ontwikkelde programmeertaal waarmee gebruikers aangepaste filters, effecten en vervloeiingsmodussen kunnen maken voor gebruik in Animate en After Effects. Pixel Bender is hardware-onafhankelijk en ontworpen om automatisch en efficiënt op verschillende GPU- en CPU-architecturen te draaien.

Pixel Bender-ontwikkelaars maken filters door Pixel Bender-code te schrijven en de code op te slaan in een tekstbestand met de bestandsextensie pbj. Een eenmaal geschreven Pixel Bender-filter kan door elk Animate-document worden gebruikt. Gebruik ActionScript® 3.0 om het filter te laden en de aansturing te gebruiken.

Zie de ActionScript® 3.0-ontwikkelaarsgids voor meer informatie over het werken met Pixel Bender in ActionScript.

Lee Brimelow heeft verschillende nuttige voorbeelden over het werken met Pixel Bender op zijn blog op http://theflashblog.com/?cat=44 geplaatst.

De volgende videozelfstudies tonen het gebruik van Pixel Bender-filters in Animate:

Verbeterd in Animate CC

Wanneer u een nieuw filter aan een object toevoegt, wordt dit filter toegevoegd aan de lijst met toegevoegde filters voor dat object in Eigenschapcontrole. U kunt meerdere filters toepassen op een object en u kunt filters verwijderen die eerder zijn toegepast. U kunt filters alleen toepassen op de volgende objecten: tekst, knoppen, filmclips, componenten en gecompileerde clips.

U kunt een bibliotheek met filterinstellingen maken waarmee u eenvoudig hetzelfde filter of set filters op een object kunt toepassen. Animate slaat de filtervoorinstellingen die u in Eigenschapcontrole maakt op in het gedeelte Filters van Eigenschapcontrole in het menu Filters > Voorinstellingen.

In Flash Professional CS6 en eerder kon u alleen filters toepassen op filmclip- en knopsymbolen. Het is in Animate CC nu mogelijk aanvullende filters toe te passen op gecompileerde clips en filmclipcomponenten. Zo kunt u rechtstreeks en met een paar luttele klikken op een knop meerdere effecten toepassen op componenten en uw toepassingen er veel beter uit laten zien. Als u in Flash CS6 filters of andere effecten wilt toevoegen aan componenten, moet u deze in een filmclipsymbool insluiten. Dat betekent:

1. Maak een component in het werkgebied of voeg een component toe.
2. Klik met de rechtermuisknop op de component en selecteer Omzetten in symbool.
   

1. Maak een knop in het werkgebied of voeg een knop toe uit het deelvenster Componenten en selecteer deze knop.
2. Klik in het deelvenster Eigenschappen op de knop in de vervolgkeuzelijst in de sectie Filters en selecteer het filter Schuine kant. De eigenschappen en waarden voor het filter Schuine kant worden weergegeven.
3. Wijzig de waarden voor de gewenste eigenschappen of stel deze in. U kunt bijvoorbeeld de eigenschappen X vervagen, Y vervagen, Sterkte en Schaduw wijzigen of instellen. De effecten worden meteen weerspiegeld in de geselecteerde knop.
   

U kunt filtervoorinstellingen opslaan als voorinstellingbibliotheken die u eenvoudig kunt toepassen op filmclips en tekstobjecten. U kunt uw filtervoorinstellingen ook eenvoudig met andere gebruikers delen door ze het filterconfiguratiebestand te geven. Het filterconfiguratiebestand is een XML-bestand dat is opgeslagen in de configuratiemap van Animate op de volgende locatie:

• Windows 7 en 8: C:\Users\gebruikersnaam\AppData\Local\Adobe\Flash CC\taal\Configuration
• (Alleen in Flash Professional CS6 of eerdere versies) Windows XP: C:\Documents and Settings\gebruikersnaam\Local Settings\Application Data\Adobe\Flash CS6\taal\Configuration\Filters\filtername.xml
• (Alleen in Flash Professional CS6 of eerdere versies) Windows Vista: C:\Users\gebruikersnaam\Local Settings\Application Data\Adobe\Flash CS6\taal\Configuration\Filters\filtername.xml
• Macintosh: Macintosh HD/Users/gebruikersnaam/Library/Application Support/Adobe/Flash CC/taal/Configuration/Filters/filternaam.xml

Bibliotheek van filters met voorinstellingen maken

Naam wijzigen van filtervoorinstelling

Filtervoorinstelling verwijderen

Het filter Slagschaduw simuleert de weergave van een object dat een schaduw op een oppervlak werpt.

Zie de pagina met Flash-voorbeelden op www.adobe.com/go/learn_fl_samples_nl voor een voorbeeld van een slagschaduw met een klassieke tween. Download het bestand Samples.zip, pak het uit en ga naar de map Graphics\AnimatedDropShadow.

Het vervagende filter verzacht de randen en accenten van objecten. Wanneer u een vervaging op een object toepast, lijkt het mogelijk alsof het object zich achter andere objecten bevindt of dat het object zich beweegt.

Met het gloedfilter kunt u een kleur rond de randen van een object toepassen.

Wanneer u een schuine kant toepast, wordt een markeringseffect op het object toegepast waardoor het lijkt alsof het object zich schuin boven het achtergrondoppervlak bevindt.

Wanneer u een verlopende-gloedfilter toepast, wordt een gloed weergegeven met een kleurverloop over het hele oppervlak van de gloed. Voor de verlopende gloed moet zich een kleur aan het begin van het verloop bevinden met een alpha-waarde van 0. U kunt de positie van deze kleur niet wijzigen, maar u kunt wel de kleur wijzigen.

Wanneer u een verlopende schuine kant toepast, lijkt het alsof het object zich boven de achtergrond verheft, waarbij een verloopkleur over het oppervlak van de schuine kant is toegepast. Voor de verlopende schuine kant moet zich een kleur in het midden van het verloop bevinden met een alpha-waarde van 0.

Met het filter Kleur aanpassen kunt u de kleurattributen van het geselecteerde object nauwkeurig aanpassen, zoals contrast, helderheid, verzadiging en tint.