Oogmaskers behouden wanneer je personageillustraties in een symbool nest

Beschouw elke werkende oogopzet als één geheel: de vorm die de opening bepaalt, de illustratie die erdoor zichtbaar wordt en de frames die hun beweging aansturen. Adobe maakt onderscheid tussen Mask-lagen en Masked-lagen; laatstgenoemde tonen alleen de delen die door het bijbehorende masker zichtbaar worden gemaakt. Deze laagrelaties moet je behouden. Adobe: Tijdlijnlagen maken met Animate

Bepaal voordat je iets omzet welke lagen welke functie hebben. Een oogomtrek kan simpelweg zichtbare illustratie zijn, terwijl een aparte gevulde vorm bepaalt waar de pupil wordt uitgesneden. Geef deze lagen beschrijvende namen, zodat je ze binnen het nieuwe symbool uit elkaar kunt houden.

Een voorbeeld van een hoofdopzet kan de volgende lagen bevatten, gerangschikt van boven naar beneden. Herhaal de oogspecifieke lagen voor het andere oog als dat onafhankelijk moet worden aangestuurd:

Laag	Beoogde functie
Ooglid en omtrek	Zichtbare illustratie op een laag van het type Normal
Oogopening	Masker dat het zichtbare gebied van de pupil bepaalt
Pupil	Gemaskeerde illustratie die is gekoppeld aan Eye opening
Oogwit	Zichtbare achtergrond op een laag van het type Normal
Hoofdillustratie	Overige zichtbare hoofdvormen

Dit is een aanbevolen startpunt, geen verplicht rigsysteem. Als je bestaande oog al werkt, behoud dan eerst de structuur ervan. Door reorganiseren en nesten in aparte stappen uit te voeren, kun je makkelijker achterhalen welke wijziging een probleem heeft veroorzaakt.

Gebruik een Graphic-symbool als je wilt dat de geneste animatie de bovenliggende tijdlijn volgt en zichtbaar is wanneer je die beeld voor beeld bekijkt. Gebruik een Movie Clip als de animatie een onafhankelijke tijdlijn nodig heeft. Adobe beschrijft beide gedragingen; kies dus op basis van de gewenste afspeelwijze voordat je een knippering gaat onderzoeken die bevroren lijkt. Adobe: Werken met symbolen in Animate

Voor een hoofdbeweging met een knippering die op bepaalde frames moet vallen, is een Graphic-container een praktisch startpunt. Een personage-element dat onafhankelijk moet loopen, kan baat hebben bij een Movie Clip. Geen van beide keuzes vervangt de noodzaak om de interne maskeropzet te behouden.

Met nesten kun je ook de hoofdbeweging scheiden van de ooganimatie. Het oorspronkelijke lesmateriaal van BMCC over Animate laat zien hoe je knipperende ogen in een hoofdsymbool maakt, zodat ze met het hoofd meebewegen en hun eigen animatie behouden. Dat voorbeeld ondersteunt de nestmethode; het is geen tutorial over gemaskeerde ogen. BMCC: Adobe Animate: loop- en knippercycli

Sla een aparte werkkopie van het FLA-bestand op voordat je de structuur wijzigt. Noteer het oorspronkelijke aantal frames en bekijk drie bruikbare referentieposes: volledig open, gedeeltelijk gesloten en volledig gesloten. Zo heb je na het omzetten concrete poses om mee te vergelijken.

In Animate-versies met de opdracht Convert Layers to Symbol selecteer je de relevante laagnamen in de tijdlijn, klik je met de rechtermuisknop en kies je die opdracht. Adobe introduceerde deze laaggebaseerde werkwijze met Animate 2021. Neem alle oogmaskers, de bijbehorende illustratie en de overige hoofdlagen die samen moeten bewegen mee. Adobe: Maak je eerste animatie in vijf minuten — Adobe Animate 2021 nu beschikbaar!

Volg deze stappen:

1. Bepaal de volledige set hoofdlagen, inclusief maskerlagen die niet als gewone zichtbare illustratie verschijnen.
2. Selecteer die lagen in de tijdlijn en kies Convert Layers to Symbol.
3. Geef de container een duidelijke naam, zoals Character_Head, en kies het gewenste symbooltype.
4. Open het resulterende symbool en vergelijk de lagen en het aantal frames met het origineel.
5. Controleer de drie referentieposes voordat je beweging aan de buitenste instantie toevoegt.

Houd Convert Layers to Symbol apart van Modify > Convert to Symbol. Adobe beschrijft die laatste opdracht als een manier om geselecteerde elementen op het werkgebied om te zetten. Begin bij bestaande gelaagde animatie met de laaggebaseerde opdracht, zodat je selectie expliciet de tijdlijnstructuur omvat. Adobe: Werken met symbolen in Animate

Als de laaggebaseerde opdracht niet beschikbaar is, beschrijft Adobe een alternatief waarbij je frames kopieert: selecteer alle benodigde frames in de relevante lagen, kies Copy Frames, maak via Insert > New Symbol een lege Movie Clip en gebruik Paste Frames op frame 1. Zo worden de gekopieerde frames en lagen overgezet naar een onafhankelijke animatie. Laat het origineel intact totdat je de vervangende instantie hebt geplaatst en gecontroleerd. Adobe: Animatie op het werkgebied omzetten in een Movie Clip-symbool

Bekijk de tijdlijn in de nieuwe container voordat je afzonderlijke vormen verplaatst. Het masker moet boven de illustratie staan die het zichtbaar maakt. In de maskerinstructies van Adobe worden gekoppelde Masked-lagen aangeduid met inspringing en gewijzigde pictogrammen. Vergrendel zowel de Mask- als de Masked-lagen om het maskereffect in de bewerkingsweergave te zien. Adobe: Maskerlagen gebruiken in Adobe Animate

Ontbreekt er een relatie, plaats dan de laag met de oogopening direct boven de bedoelde pupil-laag en stel deze via het contextmenu in op Mask. Koppel extra bedoelde lagen met de instelling Masked in Layer Properties. Laat de hoofdillustratie en decoratieve omtrekken buiten die koppeling, tenzij je die ook wilt maskeren. Adobe: Maskerlagen gebruiken in Adobe Animate

Controleer ook de geometrie van het masker. De standaardlaagmaskers van Animate gebruiken gevulde gebieden; lijnstijlen, kleurverlopen en transparantie bepalen geen zachte maskerrand. Een oogomtrek met alleen een lijn heeft daarom een geschikte gevulde opening nodig om als masker te functioneren. Adobe: Maskerlagen gebruiken in Adobe Animate

Controleer zodra de open pose er goed uitziet ook de gedeeltelijk en volledig gesloten poses. Een correcte weergave op het eerste frame bewijst niet dat het masker en de pupil in de hele reeks overeenkomende inhoud hebben.

Gebruik de volgende diagnostische volgorde voordat je de ogen opnieuw tekent. Dit is een praktisch hulpmiddel bij het nemen van beslissingen, gebaseerd op de gedocumenteerde werking van lagen en symbolen. Het betekent niet dat elk visueel probleem dezelfde oorzaak heeft.

Symptoom	Controleer eerst	Volgende stap
De pupil steekt buiten de opening	Interne relatie tussen Mask en Masked en de vergrendeling voor de voorbeeldweergave	Herstel de koppeling en vergrendel beide lagen
De ogen zijn intern goed uitgelijnd, maar het hele hoofd staat verkeerd	Plaatsing van de buitenste instantie	Verplaats de samengestelde instantie voordat je de interne illustratie wijzigt
Slechts één oogonderdeel staat intern verkeerd	De positie van dat onderdeel op het betreffende frame	Vergelijk het met de oorspronkelijke referentiepose
De knippering werkt intern, maar blijft in het bovenliggende symbool stilstaan	Symbooltype, afspeeloptie en beschikbare frames in de bovenliggende tijdlijn	Controleer de afspeelinstellingen van de instantie
De open pose werkt, maar een latere pose niet	Inhoud van masker en pupil op precies dat frame	Vergelijk hun framereeksen en keyframes

Controleer bij een Graphic-instantie Properties > Looping. Adobe beschrijft de opties Loop, Play Once en Single Frame, plus een instelling voor het startframe. Single Frame houdt bewust één interne pose vast; Loop herhaalt de reeks gedurende de frames waarin de instantie voorkomt. Controleer deze instellingen voordat je ervan uitgaat dat het masker niet werkt. Adobe: Symboolinstanties, framekiezer en automatische lipsynchronisatie gebruiken in Animate

Houd bij uitlijning de correctie op het niveau waar de fout optreedt. Moet het hele geneste hoofd worden verschoven, pas dan de buitenste instantie aan. Zit alleen de pupil binnen het hoofd verkeerd, controleer dan dat interne element. Als je beide niveaus tegelijk wijzigt, wordt vergelijken met je oorspronkelijke poses minder nuttig.

Voer een korte controle uit met het samengestelde hoofd. Laat het eerst stilstaan en bekijk de oogreeks. Verplaats daarna de buitenste instantie en bekijk dezelfde poses opnieuw. Zo kun je een intern oogprobleem onderscheiden van een probleem dat ontstaat wanneer je het personage transformeert.

Gebruik voor tijdelijke transformaties een dubbele testinstantie en verwijder die daarna. Als je de interne illustratie onafhankelijk wilt uitproberen, dupliceer dan ook het bibliotheeksymbool: wijzigingen in een symbooldefinitie worden doorgevoerd in de instanties ervan. Adobe: Werken met symbolen in Animate

Controleer de volgende punten in de uitvoer die je wilt maken:

• De pupillen blijven gemaskeerd wanneer ze naar de randen van de openingen kijken.
• Bij gedeeltelijke sluiting komt er geen ongewenste strook van de pupilillustratie tevoorschijn.
• In de gesloten pose is alleen de bedoelde illustratie zichtbaar.
• De oogopzet beweegt mee met het hoofd.
• De knippering begint en herhaalt zich op de bedoelde frames.

Exporteer een kort voorbeeld in het formaat dat je daadwerkelijk nodig hebt en controleer dezelfde poses. Keert er een afwijking terug, ga dan naar het eerste frame waar het misgaat en volg de diagnostische volgorde hierboven. Bewaar de werkende geneste versie terwijl je het probleem onderzoekt.

De taak is voltooid wanneer de interne oogopzet bewerkbaar blijft, de maskerrelaties gedurende de animatie intact blijven en het samengestelde hoofd zich in de beoogde uitvoer correct gedraagt. Na deze controles kun je de buitenste personageinstantie verder animeren zonder de ogen opnieuw op te bouwen.

• Maskerlagen gebruiken in Adobe Animate — Adobe
• Tijdlijnlagen maken met Animate — Adobe
• Werken met symbolen in Animate — Adobe
• Symboolinstanties, framekiezer en automatische lipsynchronisatie gebruiken in Animate — Adobe
• Maak je eerste animatie in vijf minuten — Adobe Animate 2021 nu beschikbaar! — Adobe
• Adobe Animate: loop- en knippercycli — BMCC, Introductie tot 2D-animatie