Ecard Shop-animatie

• Mei 9, 2024

Op dit punt in ons Flash-project^R, we hebben onze kaartenwinkel gevuld met miniatuurkaarten. Nu is het tijd om de presentatie van onze artiesten te starten. Elke artiest heeft een kaart op de plank. We zullen elk van deze kaarten animeren en de informatie van de artiest in een tekstballon weergeven.

Elke ecard heeft dezelfde animatie, dus we maken de animatie 6 keer. Vergeet niet dat ons doel is om elke ecard als een kleine ecard op de plank te laten beginnen en te vergroten om het podium bijna te vullen. Onze eerste stap is om een ​​paar horizontale en verticale hulplijnen in te stellen die we kunnen gebruiken om de ecard en de tekstballon te plaatsen. Onze eerste ecard zal een wintersneeuwman scène zijn geschilderd in aquarellen door Kate Mawdsley. Eerst importeren we de ecard-afbeelding in de Flash-bibliotheek.

Voeg vervolgens een hoofdframe toe aan een laag van de tijdlijn waar we willen dat de animatie begint. Laten we beginnen met Frame 275. Sleep de ecard-afbeelding naar het werkgebied en plaats deze naast de hulplijnen. Klik met de rechtermuisknop en converteer de afbeelding naar een symbool met de naam KateM. Klik opnieuw met de rechtermuisknop en kies Create Motion Tween in het menu. We zullen de eerste 30 frames gebruiken om de kleine ecard van de plank te laten inzoomen. Als we 30 frames toevoegen voorbij Frame 275, wordt de ecard vergroot tot volledig formaat op Frame 305. Voeg een keyframe toe aan Frame 305. Hierdoor wordt de volledige grootte en eindpositie van de ecard "vergrendeld".

Nu kunnen we teruggaan naar frame 275, het begin van de animatie, en de tool Transformeren gebruiken om de ecard te verkleinen tot een klein vierkantje. Vervolgens plaatsen we de kleine ecard bovenop de bijpassende ecard die op de plank ligt. Gebruik de schuifregelaar Tijdlijn om langs de 30 frames van onze animatie te bladeren. We moeten de kaart op de plank zien beginnen en tot volledige grootte vergroten. Een laatste aanraking zal zijn om de dekking van de ecard te verminderen tot 0% aan het begin van de animatie. Nu begint de kaart onzichtbaar en zoomt over de eerste 30 frames naar volledige grootte en volledige dekking.

Voor de volgende 60 frames (305 tot 365) willen we dat de ecard op het podium blijft en in principe niets doet. Dit geeft de kijker de kans om de ecard te bekijken. In deze periode voegen we ook de tekstballon toe. Voeg dus een keyframe toe aan Frame 365 om de ecard op zijn plaats te "vergrendelen" over die 60 frames. Ten slotte zullen we de dekking van de ecard verminderen zodat deze lijkt te vervagen. Dit duurt slechts 10 frames. Voeg een hoofdframe toe aan frame 375 en verminder de dekking van de ecard tot 0%. Dat is de hele animatie voor de eerste ecard. Nu kunnen we de bijpassende animatie voor de tekstballon toevoegen.

Pamela Gladding Ecards

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: CGI Animated Short Film: "One Small Step" by TAIKO Studios | CGMeetup (Mei 2024).