Een slagschaduw toevoegen aan een geanimeerd Flash-object

• Mei 9, 2024

Een van de beste toevoegingen aan de Flash^R technieken was de mogelijkheid om filters te animeren. In deze tutorial maken we een heel eenvoudige stuiterende balanimatie en animeren we vervolgens een schaduw om de bal te volgen.

1. Start een nieuw project in Flash CS3. Gebruik de standaard documentinstellingen voor een ActionScript 3.0-film.
   
   
2. Hernoem laag 1 op de tijdlijn naar "Schaduw". Deze laag bevat onze schaduwanimatie.
   
   
3. Teken op frame 1 van de schaduwlaag een cirkel met het gereedschap Ovaal. Stel in de eigenschappencontrole de vulling in op elke gewenste kleur en de lijn op nul. Stel de breedte en hoogte in op ongeveer 80 pixels. We willen dat de bal in de linkerbovenhoek van het podium begint. Zet de X- en Y-posities op 50.
   
   
4. Om de bal te animeren, moeten we deze omzetten in een symbool. De bal moet nog steeds worden geselecteerd. Klik in de menubalk op Wijzigen - Converteren naar symbool. Geef in het dialoogvenster het symbool "Ball" en stel Type in op Filmclip.
   
   
5. Onze animatie zal ongeveer 30 frames lang zijn, wat het middelpunt vormt voor onze animatie Frame 15. Voeg aan Frame 15 een Keyframe (Insert - Tijdlijn - Keyframe) toe en verplaats de bal naar het midden onderaan van het podium. Stel in Eigenschapcontrole de X-positie in op 260 en de Y-positie op 300. Hierdoor blijft er onderaan voldoende ruimte over voor de schaduw.
   
   
6. Frame 30 is het laatste frame voor onze animatie. Voeg op frame 30 een keyframe toe en verplaats de bal rechtsboven in het werkgebied (X 480, Y 120).
   
   
7. Het is tijd om de animatie te maken. Klik met de rechtermuisknop op een frame tussen 1 en 15 en kies Create Motion Tween in het menu. Herhaal dit voor het tweede gedeelte van de animatie.
   
   Klik op Besturing - Film testen. Je bal moet eenmaal over het podium stuiteren en dan herhalen.
   
   Nu zijn we klaar om het Slagschaduwfilter toe te voegen. Voor het voorbeeld heb ik besloten dat de zon hoog aan de hemel staat en de schaduw direct onder de bal. Daarom heb ik het filter Hoek van de slagschaduw ingesteld op 90 graden. Misschien wilt u experimenteren met de eigenschap Angle van het filter om te suggereren dat de lichtbron zich in een andere hoek bevindt.
   
   
8. We willen dat de schaduw onderaan het podium staat, zelfs als de bal bovenaan is. Daarom zal de afstand tussen de bal en zijn schaduw groter zijn dan wanneer de bal zich dicht bij de onderkant van het podium bevindt. Wanneer de bal bovenaan is, is de sterkte van de schaduw minder.
   
   Selecteer de bal op frame 1 van de tijdlijn. Ga naar het tabblad Filters en klik op het plusteken. Kies Slagschaduw in het menu Filters en stel de volgende waarden in.
   
   Vervaging X en Y: 20
   Sterkte: 30%
   Hoge kwaliteit
   Hoek: 90
   Afstand: 150
   
   

Volgende →

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.

Video-Instructies: Technology Stacks - Computer Science for Business Leaders 2016 (Mei 2024).