Flash Thanksgiving-animatie

• Mei 4, 2024

In deze zelfstudie maken we een eenvoudig teksteffect Tween met Flash^R Motion Presets voor een Thanksgiving-project. Als je de zelfstudies over Digital Art hebt gevolgd, heb je de achtergrondafbeelding voor dit project al gemaakt. Zo niet, gebruik dan de link onderaan de pagina om die zelfstudie te lezen.

De eerste stap is om alle lagen in onze Photoshop samen te voegen^R beeld. Zoals vermeld in de tutorial hadden we elk blad op zijn eigen laag nodig toen we de achtergrondafbeelding maakten. Nu we klaar zijn om het te gebruiken als achtergrondafbeelding voor onze Flash-animatie, kunnen we alle lagen samenvoegen in die ene achtergrondlaag.

1. Open uw achtergrondafbeelding in Photoshop. Klik op de menubalk op Laag - Afbeelding afvlakken. Nu kunnen we deze versie van onze afbeelding opslaan in het standaard psd-formaat. Om de gelaagde versie intact te houden, moeten we deze platte versie opslaan met een nieuwe naam. Laten we het ThanksgivingFlattened.psd noemen.
   
   
2. Start een nieuw project in Flash CS4. Wijzig laag 1 in "Achtergrond".
   
   
3. We kunnen onze afgeplatte afbeelding importeren in ons Flash-project. Klik op Bestand - Importeren - Importeren naar werkgebied. Blader naar uw ThanksgivingFlattened.psd en kies dat als uw importafbeelding. Het zou op het Flash-podium moeten verschijnen.
   
   Omdat we de achtergrondafbeelding dezelfde breedte en hoogte hebben gemaakt als de standaard Flash-fase, wordt deze automatisch gecentreerd in positie op het podium en klaar voor gebruik.
   
   
4. Voeg een nieuwe laag toe aan de tijdlijn en noem deze "Happy Thanksgiving". Dit houdt de vooraf ingestelde bewegingstween voor onze "Happy Thanksgiving" -tekst vast.
   
   
5. Klik op het werkgebied met het gereedschap Tekst en voeg onze tekst toe in het tekstvak. In het paneel Eigenschappen kunt u het lettertype, de stijl, de grootte en de kleur van de tekst wijzigen. In het voorbeeld heb ik de tekst Times New Roman behouden maar de grootte ingesteld op 35pt. Ik heb ook de Anti-alias ingesteld voor animatie en de kleur veranderd in een donkerrood (# BD2226).
   
   
6. Terwijl de tekst nog steeds is geselecteerd, klikt u op Venster - Bewegingsvoorinstellingen om dat paneel te openen. In dit paneel hebben we verschillende presets in de map Default Presets. Experimenteer met elke voorinstelling om te zien welke u wilt gebruiken in uw animatie. In het voorbeeld gebruikte ik de voorinstelling "Meerdere bounce".
   
   Er is één belangrijk ding om te onthouden bij het werken met Motion Presets. De voorinstelling wordt toegepast op het object (onze tekst) zoals deze wordt weergegeven in het eerste frame van de vooraf ingestelde animatie. Op dit punt staat onze tekst centraal op het podium. In de voorinstelling Meervoudig stuiteren valt de tekst een beetje weg en stuitert een paar keer. Maar als ik de voorinstelling op de huidige positie op de tekst toepas, is de tekst niet zichtbaar wanneer deze valt. Het zal onderaan het podium vallen en we zullen het niet kunnen zien stuiteren. Daarom moet ik de tekst bovenaan of boven het werkgebied plaatsen. Op deze manier valt hij naar beneden en stuitert hij in het midden van het podium. Dit is het effect dat we willen. Als u een andere voorinstelling gebruikt, wilt u misschien beslissen waar de tekst aan het begin van uw animatie moet staan.
   
   
7. Selecteer de tekst en sleep deze naar net boven het werkgebied. Als u een voorinstelling op uw tekst wilt toepassen, selecteert u de gewenste voorinstelling en klikt u op de knop Toepassen.
   
   Elke voorinstelling is een bewegings-tween met een vast aantal frames die worden toegevoegd aan de Happy Thanksgiving-laag.
   
   
8. Voordat we onze animatie testen, moeten we de achtergrondlaag uitbreiden tot het einde van de vooraf ingestelde tween. In het voorbeeld is dat Frame 75. Klik met de rechtermuisknop op dit frame op de achtergrondlaag en voeg een frame in. Nu kunnen we op Besturing - Film testen klikken om onze animatie tot nu toe te bekijken.
   
   

In de volgende tutorial zullen we deze animatie verfijnen en een tweede preset toevoegen om ons project te voltooien. Sla uw project nu op in de standaard .fla-indeling.

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] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Lego Justice League Play Thanksgiving Memory Game Animation Cartoon (Mei 2024).