Een realistische kaarsanimatie plannen

• Mei 13, 2024

In de vorige tutorials voor deze les hebben we de bitmaps voor onze kaarsvlam gemaakt in Photoshop^R en geïmporteerd in onze Flash^R project met bewerkbare laagstijlen. Nu zullen we de Tween-animatie plannen. Open uw Flash-bestand en laten we beginnen. Onze animatie zal worden opgebouwd uit een reeks transformaties van de drie filmclips waaruit onze vlam bestaat, die de vlamvorm, vlamvorm en achtergrondverlichting zijn.

We hebben onze eerste vlampositie standaard al op frame 1 van de tijdlijn. We moeten beslissen hoeveel veranderingen in de vorm van de vlam, of transformaties van de filmclips, we zullen gebruiken om onze animatie te maken en hoeveel Tween-frames we tussen deze transformaties plaatsen. Zoals je zou verwachten, zullen onze animaties er realistischer uitzien naarmate we meer van vorm veranderen.

De menselijke geest zal een herhalend patroon opmerken. Als we bijvoorbeeld slechts twee verschillende vormtransformaties gebruiken voor onze vlam in onze Tween, zal de kijker de herhaling snel opmerken en onze vlamanimatie zal niet erg realistisch zijn. Als we echter 5 vormveranderingen in onze Tween gebruiken, krijgen we betere resultaten.

Het aantal frames dat tussen vlamtransformaties wordt geplaatst, heeft niet alleen invloed op hoe realistisch onze animatie is, maar heeft ook invloed op de snelheid van de animatie. Als we een ander aantal fames tussen elke transformatie plaatsen, wordt de animatie realistischer. Ten slotte zal de hoeveelheid verandering of vormtransformatie het aantal Tween-frames bepalen.

Onze eerste transformatie zal bijvoorbeeld een zeer kleine vormverandering zijn. Wanneer dit gebeurt in een echte kaarsvlam, is de beweging erg snel. Aan de andere kant zullen we ook een transformatie ondergaan wanneer onze vlam erg lang wordt. Net als bij een echte vlam, zal de duur van deze vormverandering veel langer zijn.

De derde beslissing die we moeten nemen is of de wind die onze vlam zal blazen van links of rechts komt. Dit kan worden bepaald door wat er nog meer gebeurt op het podium ten tijde van onze vlamanimatie. Als een personage bijvoorbeeld op het podium beweegt, zal dit de lucht rond het personage verplaatsen en ervoor zorgen dat onze vlam "weg" beweegt. Laten we aannemen dat onze "wind" zich links van de vlam bevindt.

Vergeet niet dat we willen dat deze filmclip herbruikbaar is in andere Flash-projecten. Als we besluiten dat we de beweging nodig hebben die de vlam aan de rechterkant verplaatst voor een ander project, kunnen we de filmclip eenvoudig horizontaal op het podium draaien.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.