Hoe een flash-animatie te maken

Flash is het belangrijkste middel voor animatie op internet en zelfs in andere indelingen zoals televisie. Het maken van een eenvoudige animatie in Flash is eigenlijk vrij eenvoudig te realiseren, omdat Flash veel nuttige hulpmiddelen biedt die het hele proces vereenvoudigen. Als je een idee hebt voor een Flash-animatie of een cartoon, kun je een schets bij benadering binnen een paar uur klaar hebben. Lees stap 1 hieronder voor informatie over het maken van een animatie in Flash.

Inhoud

Stappen

Deel 1voer een frame per frame in flash uit
Deel 2een point-to-point-animatie uitvoeren (interpolatie)
Deel 3voeg geluid en muziek toe

Tips

stappen

Deel 1
Voer een frame per frame in Flash uit

Titel afbeelding Create a Flash Animation Step 1

Begrijp de basisbegrippen van animatie frame voor frame. Dit wordt als de methode beschouwd "traditioneel" van animatie, in de zin dat elk schilderij hetzelfde beeld heeft, maar slechts lichtjes is veranderd. Wanneer de afbeeldingen samen worden afgespeeld, lijkt het beeld te bewegen. Dit is dezelfde basistechniek die animators met de hand gebruiken en die meer tijd kost dan bewegingsinterpolatie (zie het volgende gedeelte).

Flash produceert standaard animaties met 24 frames per seconde (FPS, voor de afkorting in het Engels). Dit betekent dat een tweede animatie 24 frames heeft, maar niet alle frames moeten hetzelfde zijn. Je kunt dit aanpassen als je wilt, en veel animaties in Flash gebruiken 12 FPS, maar 24 FPS produceren een veel meer uiterlijk animatie "vloeistof".

Titel afbeelding Create a Flash Animation Step 2

Installeer Flash Professional. Er is een verscheidenheid aan animatieprogramma`s met Flash beschikbaar, maar het krachtigste is Flash Professional CC van Adobe. U kunt de proefversie gratis installeren of u kunt een ander product gebruiken als het u niet aanspreekt om u te abonneren op de Creative Cloud van Adobe. De rest van dit artikel zal worden aangeduid als "flash" naar Flash Professional of een ander bewerkingsprogramma.

Titel afbeelding Create a Flash Animation Step 3

Maak uw activa aan Omdat frame-voor-frame-animatie meerdere afbeeldingen met kleine verschillen vereist, moet u al deze items met de hand maken. U kunt ze allemaal maken voordat u begint of ze maken terwijl u bezig bent. U kunt het Flash-programma gebruiken om rechtstreeks op uw project te tekenen, of u kunt de elementen in uw favoriete programma voor het maken van afbeeldingen tekenen.

Als u wilt dat de afbeeldingen worden geschaald zonder concessies te doen aan de kwaliteit, moet u ze maken als vectoren in plaats van als rasterafbeeldingen. Vectorafbeeldingen worden opnieuw getekend telkens wanneer ze worden geschaald, wat betekent dat er geen pixel of overlapping is. Rasterafbeeldingen zijn de traditionele afbeeldingen waaraan u waarschijnlijk gewend bent (foto`s, afbeeldingen in Paint, enz.). Deze kunnen niet goed worden aangepast en kunnen behoorlijk lelijk zijn als je ze wilt vergroten.

Titel afbeelding Create a Flash Animation Step 4

Maak het eerste frame. Wanneer u Flash voor de eerste keer start, heeft u een lege laag en een lege tijdlijn. Terwijl u vakken toevoegt, wordt uw tijdlijn automatisch ingevuld. Je kunt met lagen werken zoals je zou doen in Photoshop.

Voordat u de afbeelding toevoegt, maakt u een basisachtergrond voor de film. Verander de naam van Laag 1 in "achtergrond" en repareer de laag. Maak een tweede laag en plaats de gewenste naam. Dit is de laag waarop u de animatie zult maken.

Voeg de tekening toe aan het canvas in het eerste frame. U kunt de tekening van uw computer importeren of u kunt de tekengereedschappen van Flash gebruiken om een tekening rechtstreeks in het programma te maken.

De eerste tafel zal een zijn "sleutelkastje". De sleutelframes zijn frames die een afbeelding hebben en de ruggengraat vormen van de animatie. U maakt een nieuw keyframe telkens wanneer de afbeelding wordt gewijzigd.

De hoofdframes worden aangegeven met een zwarte stip in de tijdlijn.

U hebt geen nieuw beeld in elk frame nodig. Over het algemeen zal het hebben van een keyframe om de vier of vijf frames een goede animatie opleveren.

Titel afbeelding Create a Flash Animation Step 5

Verander de tekening in een "symbool". Door de tekening om te zetten in een symbool, kunt u deze eenvoudig meerdere keren aan een schilderij toevoegen. Dit is vooral handig als u snel meerdere objecten moet maken, zoals een school vissen.

Selecteer de hele tekening. Klik met de rechtermuisknop op de selectie en kies "Converteren in symbool". Hiermee wordt de afbeelding toegevoegd aan uw bibliotheek, waar u deze in de toekomst snel kunt openen.

Verwijder de tekening. Maak je geen zorgen! U voegt het opnieuw toe aan de scène door het object eenvoudigweg uit uw bibliotheek te slepen. U kunt eenvoudig meerdere instanties van dezelfde tekening aan de scène toevoegen.

Titel afbeelding Create a Flash Animation Step 6

Voeg enkele lege vakken toe. Zodra u de eerste tabel gereed hebt, kunt u de lege vakken toevoegen die tussen het eerste en tweede hoofdframe zullen bestaan. pers F5 vier of vijf keer om lege vakken toe te voegen na het eerste hoofdframe.

Titel afbeelding Create a Flash Animation Step 7

Maak het tweede keyframe. Nadat u enkele lege vakken hebt toegevoegd, bent u klaar om het tweede keyframe te maken. In essentie zijn er twee verschillende manieren om dit te doen: u kunt het bestaande hoofdframe kopiëren en kleine aanpassingen maken, of u kunt een leeg hoofdframe maken en een nieuwe afbeelding invoeren. Als u een afbeelding gebruikt die in een ander programma is gemaakt, moet u de tweede methode gebruiken. Als u een afbeelding hebt gemaakt met behulp van de Flash-ontwerpgereedschappen, gebruikt u de eerste methode.

Als u een hoofdframe wilt maken met behulp van de inhoud van het vorige hoofdframe, drukt u op F6. Als u een leeg hoofdframe wilt maken, klikt u met de rechtermuisknop op het laatste frame op de tijdlijn en selecteert u "Voer het lege sleutelkader in". Alles in de scène zal worden verwijderd.

Nadat u het tweede keyframe hebt gemaakt, moet u de afbeelding aanpassen om het effect van beweging te krijgen. Als u de Flash-ontwerpgereedschappen gebruikt, kunt u de transformatietool gebruiken om aspecten van de tekening te selecteren en deze iets te verplaatsen, zoals de arm van een stickman.

Als u voor elk hoofdframe een nieuwe afbeelding invoert, moet u ervoor zorgen dat deze op dezelfde locatie of de volgende logische locatie op het scherm wordt geplaatst. Dit zorgt ervoor dat het beeld niet tussen frames springt.

Titel afbeelding Create a Flash Animation Step 8

Herhaal het proces. Nu u twee keyframes hebt gemaakt, is het tijd om te herhalen. U herhaalt in essentie hetzelfde proces totdat u de animatie hebt voltooid. Voeg een paar lege vakken toe tussen elk hoofdframe en zorg ervoor dat de bewegingen er glad uitzien.

Maak kleine progressieve veranderingen. Je animatie ziet er veel vloeiender uit als je heel kleine wijzigingen aanbrengt in het keyframe. Als u bijvoorbeeld een stickman met uw arm wilt laten zwaaien, mag uw tweede keyframe niet het andere uiteinde van de begroeting zijn. Gebruik in plaats daarvan een paar sleutelframes om de overgang van het begin van de begroeting naar het einde te maken. Dit levert een veel vloeiendere animatie op.

Deel 2
Een point-to-point-animatie uitvoeren (interpolatie)

Titel afbeelding Create a Flash Animation Step 9

Begrijp de basisbegrippen van bewegingsinterpolatie. Flash bevat een functie genaamd interpolatie, waarmee u in wezen start- en eindpunten voor het object kunt instellen. Flash verplaatst dan en transformeert het object op basis van uw configuratie tussen deze twee punten, waardoor de illusie van een animatie ontstaat. U hoeft geen beelden te maken voor elk hoofdframe zoals u dat zou doen met beeld-voor-beeld-animatie.

Interpolatie is vooral handig voor het creëren van effecten van "morphing", waarbij het ene object een ander wordt in de loop van de animatie.
Beeld-voor-beeld animatie en interpolatie kunnen samen in dezelfde film worden gebruikt.
Er kan slechts één object tegelijk aan bewegingsinterpolatie worden onderworpen. Dit betekent dat als u meerdere objecten tegelijkertijd wilt animeren, ze allemaal op afzonderlijke lagen moeten staan.

Titel afbeelding Create a Flash Animation Step 10

Maak het eerste object. In tegenstelling tot beeld-voor-beeld-animatie, hoeft u niet meerdere objecten te creëren om te animeren met behulp van de interpolatiefunctie. In plaats daarvan maakt u een object en wijzigt u de eigenschappen ervan tijdens het interpolatieproces.

Het wordt sterk aanbevolen om de ontwerphulpmiddelen te gebruiken die zijn opgenomen in Flash of de afbeelding van een tekenprogramma met vectoren te importeren. Vectoren kunnen eenvoudig worden geschaald zonder vervorming, terwijl traditionele rasterafbeeldingen niet goed kunnen worden geschaald of getransformeerd.

Titel afbeelding Create a Flash Animation Step 11

Verander het object in een symbool. Om het object te interpoleren, moet je er een symbool van maken. Dit is het formaat om objecten te manipuleren die Flash gebruikt. Als u een object probeert te interpoleren dat geen symbool is geworden, wordt u eerst gevraagd om dit te doen.

Klik met de rechtermuisknop op het object en selecteer "Converteren in symbool". Het object wordt toegevoegd aan uw bibliotheek, waardoor objecten gemakkelijk kunnen worden gekloond.

Titel afbeelding Create a Flash Animation Step 12

Maak de eerste bewegingsinterpolatie. Een interpolatie van beweging verplaatst het object van de ene naar de andere locatie. Klik met de rechtermuisknop op het symbool in de scène en selecteer "Creëer bewegingsinterpolatie". 24 frames worden toegevoegd aan de tijdlijn, omdat dit de lengte is van een standaardinterpolatie. Onthoud dat Flash standaard wordt geanimeerd met 24 frames per seconde, wat betekent dat deze bewegingsinterpolatie een seconde duurt om te voltooien.

Wanneer u de bewegingsinterpolatie maakt, gaat u automatisch naar het laatste frame van de interpolatie.

Titel afbeelding Create a Flash Animation Step 13

Maak het pad. Nadat u de interpolatie hebt gemaakt, kunt u het object verplaatsen naar de locatie waar u het wilt laten eindigen. Flash toont de lijn van het traject, die wordt gestippeld om de locatie van het object voor elk frame van de interpolatie te tonen.

Wanneer u het traject voor de eerste keer maakt, is dit een rechte lijn van het beginpunt tot het eindpunt.

Titel afbeelding Create a Flash Animation Step 14

Verleng de achtergrondafbeeldingen. Als u de animatie op dit moment hebt gereproduceerd, beweegt het object langs het pad, maar de achtergrond verdwijnt na een frame. Om dit op te lossen, moet je de achtergrond uitbreiden door alle frames van de animatie.

Selecteer de achtergrondlaag in de tijdlijn. Klik op het laatste frame van de tijdlijn, dat ook de box moet zijn waar de bewegingsinterpolatie eindigt. pers F5 om frames op dit punt in te voeren, waardoor de achtergrond tijdens de interpolatie blijft weergeven.

Titel afbeelding Create a Flash Animation Step 15

Voeg sleutelframes toe Door keyframes toe te voegen aan het pad, kunt u het object transformeren tijdens bewegingsinterpolatie. U kunt alleen wijzigingen aanbrengen in een object als het zich in een hoofdframe bevindt. Als u hoofdframes aan het pad wilt toevoegen, selecteert u eerst het vak in de tijdlijn die u wilt converteren naar een hoofdframe. Klik en sleep vervolgens het object naar de positie die u tijdens dat frame wilt hebben. Het traject wordt automatisch aangepast en er wordt een hoofdframe aan de tijdlijn toegevoegd. De hoofdframes worden aangegeven met diamantpictogrammen in de tijdlijn.

Titel afbeelding Create a Flash Animation Step 16

Past het pad van de interpolatie aan. Als u het pad van het object wilt wijzigen, kunt u klikken en naar een nieuwe locatie slepen elk van de markeringen van de positie van het vak op het pad. Vermijd veel variaties op het pad of het object zal onregelmatig bewegen (tenzij dit je doel is!).

Titel afbeelding Create a Flash Animation Step 17

Transformeer het object. Nadat u de hoofdframes en het traject hebt vastgelegd, kunt u het object transformeren zodat het verandert wanneer het door het traject van bewegingsinterpolatie beweegt. U kunt de vorm, kleur, rotatie, grootte en andere eigenschappen van het traject wijzigen.

Selecteer het vak waar u de transformatie wilt laten plaatsvinden.

Open het paneel met objecteigenschappen. U kunt op drukken ^ Ctrl+F3 als het paneel op dat moment niet zichtbaar is.

Wijzig een waarde in het eigenschappenvenster om het object te beïnvloeden. U kunt bijvoorbeeld de tint of kleur wijzigen, filters toevoegen of de schaal wijzigen.

U kunt ook de gratis transformatietool gebruiken om de manier te veranderen waarop u wilt.

Titel afbeelding Create a Flash Animation Step 18

Geef de laatste hand aan de interpolatie. Probeer de bewegingsinterpolatie door op te drukken ^ Ctrl+⌅ Ga naar binnen. Zorg ervoor dat de transformaties er goed uitzien en dat de animatie met de juiste snelheid beweegt. Als de animatie te snel beweegt, kunt u het aantal frames per seconde van de scène verminderen of de interpolatieperiode verlengen.

Standaard is het aantal frames per seconde 24, dus probeer het te verkleinen tot 12. Klik hier buiten de scène en wijzig de frames per seconde in het eigenschappenvenster. Als je ze verandert in 12, verdubbel je de lengte van de animatie, maar deze kan er meer van maken "grillige".

Als u de interpolatieperiode wilt wijzigen, selecteert u de laag met de interpolatie en gebruikt u de aanpassingsbalk. Als u wilt dat de interpolatie twee keer zo lang is, verlengt u deze tot 48 frames. Zorg ervoor dat u lege vakken invoegt in de achtergrondlaag zodat de achtergrond niet verdwijnt in het midden van de animatie. Als u de achtergrond wilt uitbreiden, selecteert u de laag, klikt u op het laatste frame van de animatie op de tijdlijn en drukt u vervolgens op F5.

Deel 3
Voeg geluid en muziek toe

Titel afbeelding Create a Flash Animation Step 19

Opnemen of zoeken naar geluidseffecten en muziek. U kunt geluidseffecten toevoegen aan de acties die plaatsvinden in de animatie om het op te laten vallen en het een persoonlijkheid te geven. Muziek maakt de animatie meeslepender en kan van een goede animatie een geweldige animatie maken. Flash ondersteunt verschillende bestandsindelingen, waaronder AAC, MP3, WAV en AU. Kies degene die u de beste kwaliteit geeft voor de kleinste bestandsgrootte.

Het MP3-formaat geeft normaal gesproken een perfect acceptabele geluidskwaliteit terwijl de bestandsgrootte tot een minimum wordt beperkt. Vermijd WAV-bestanden indien mogelijk, aangezien deze vaak vrij groot zijn.

Titel afbeelding Create a Flash Animation Step 20

Importeer de geluidsbestanden naar uw bibliotheek. Voordat u geluiden aan uw project kunt toevoegen, moet u ze toevoegen aan de Flash-bibliotheek. Hiermee kunt u ze later snel aan het project toevoegen. Klik op "archief", dan in "import" en "Importeren naar de bibliotheek". Zoek het geluidsbestand op uw computer. Zorg dat je een naam hebt die gemakkelijk te onthouden is, zodat je deze later snel in het menu kunt vinden.

Titel afbeelding Create a Flash Animation Step 21

Maak een nieuwe laag voor elk geluidsbestand. Dit is niet strikt noodzakelijk, omdat je geluid aan bestaande lagen kunt toevoegen, maar als je elk bestand op een eigen laag plaatst, heb je veel meer controle over fades, wanneer je moet starten en stoppen en kun je gemakkelijker geluiden verplaatsen.

Titel afbeelding Create a Flash Animation Step 22

Maak een keyframe waarin het geluid begint. Selecteer in de geluidslaag het animatiekader waar u wilt dat het geluid begint. pers F7 om een leeg sleutelvak in te voeren. Als u bijvoorbeeld een muziekbestand wilt toevoegen dat door de animatie wordt afgespeeld, selecteert u het eerste frame in de laag muziekbestanden. Als u dialoog voor een teken gaat toevoegen, selecteert u de laag waar het personage begint te spreken.

Titel afbeelding Create a Flash Animation Step 23

Voeg het geluids- of muziekbestand toe. In het eigenschappenvak ziet u een geluidsgedeelte. U moet het mogelijk uitbreiden om de opties te zien. Klik op het menu "naam" en selecteer het gewenste bestand uit uw bibliotheek.

Titel afbeelding Create a Flash Animation Step 24

Configureer het geluidsbestand. Nadat u een bestand hebt geselecteerd, kunt u configureren hoe het wordt afgespeeld. Wat u selecteert, is gebaseerd op wat u nodig hebt om het geluid in de animatie te bereiken. U kunt de effect-, synchronisatie- en herhalingsinstellingen van elk geluid wijzigen via het menu onder het menu "naam" in het eigenschappenvak.

Effect: hiermee kunt u effecten aan het geluid toevoegen, zoals fades of echo. U kunt standaardinstellingen selecteren in het vervolgkeuzemenu of u kunt op het potloodpictogram naast het menu klikken om aangepaste instellingen te maken.

Synchronisatie: dit bepaalt hoe het nummer in de animatie wordt afgespeeld. "gebeurtenis" speelt het nummer totdat het is afgelopen. Als hetzelfde geluid opnieuw wordt geactiveerd voordat de eerste eindigt, blijft het origineel spelen tot het is afgelopen. "inwijding" het werkt als "gebeurtenis", maar stopt als het geluid opnieuw wordt afgespeeld. "stoppen" stopt het geluid in dat vak. Als u dit in combinatie met andere geluidseigenschappen wilt gebruiken, maakt u een nieuw hoofdframe waarin u wilt dat het geluid stopt en gebruikt u deze optie. "Continue ontlading" zal proberen het geluid dat speelt af te stemmen op het aantal frames in andere lagen. Dit wordt het best gebruikt voor de dialoog.

Herhaling: met deze instelling kunt u instellen hoe lang het geluid wordt herhaald. U kunt het zo vaak herhalen als een keer of in een lus. Als de animatie een looping-animatie is, moet u de muziek in een oneindige lus laten afspelen.

Titel afbeelding Create a Flash Animation Step 25

Maak het project af. Wanneer u het project definitief hebt voltooid, slaat u het op als een SWF-bestand. Dit is het formaat dat wordt gebruikt om de film af te spelen. Je kunt het praktisch in elke internetbrowser spelen of een speciale Flash-speler gebruiken om het te bekijken. Er is ook een verscheidenheid aan websites die u naar anderen kunt uploaden voor weergave, zoals Newgrounds, Albino Blacksheep en Kongregate.

Titel afbeelding Create a Flash Animation Step 26

Breng uw toekomstige projecten verder. Deze gids behandelt de basis van het maken van een animatie, maar er is nog veel meer dat u kunt doen en leren. voegt een paar knoppen en takken en je krijgt een spel om je eigen avontuur te kiezen. Je kunt een ActionScript-intensieve cursus en krijg veel meer controle over de fijnere details van je animatie. Blijf experimenteren en al snel zul je merken dat je allerlei trucs en implementaties leert.