Hoe maak je een Flash-animatie (met foto`s)

Flash is het premier medium voor animatie op internet en zelfs op andere formaten zoals televisie. Het maken van een eenvoudige flits-animatie in Flash is eigenlijk vrij eenvoudig om te volbrengen, omdat de flits veel nuttige hulpmiddelen biedt die het hele proces vereenvoudigen. Als je een idee hebt voor een flash-animatie of een cartoon, kun je waarschijnlijk een ruwe schets in slechts een paar uur laten gaan. Zie stap # 1 hieronder om te leren hoe Maak een Flash-animatie.

Ondersteuning voor Adobe Flash eindigt in december 2020.Na die tijd is het niet langer mogelijk om Flash te gebruiken.

Dit artikel is gemarkeerd als historisch.

Adobe Flash Player is stopgezet en stopte met functioneren op 12 januari, 2021.(Geplaatst 2021-01-12).

Stappen

Deel 1 van 3:

Een frame-by-frame flash-animatie maken

1. Begrijp de basis van frame-by-frame-animatie. Dit wordt beschouwd als de "traditioneel" Werkwijze voor animatie, in dat elk frame dezelfde foto heeft, maar enigszins gewijzigd. Wanneer de frames worden gespeeld, lijken de afbeeldingen te bewegen. Dit is dezelfde basistechniek die wordt gebruikt door traditionele hand-animators, en is meer tijdrovend dan een tweening (zie het volgende gedeelte).

Flash produceert standaard animaties bij 24 frames per seconde (FPS). Dat betekent dat een seconde van de animatie 24 frames heeft, maar niet elk frame moet anders zijn. U kunt dit aanpassen als u wilt, en veel Flash-animaties gebruiken 12 FPS, maar 24 zal veel produceren "soepeler"-op zoek naar animatie.

Titel afbeelding Maak een Flash-animatie Stap 2

2. Installeer Flash Professional. Er zijn verschillende flash-animatieprogramma`s beschikbaar, maar de meest krachtige is Adobe`s Flash Professional CC. U kunt de proef gratis installeren, of u kunt een ander product gebruiken als het abonneren op de Creative Cloud van Adobe niet aan u aanspreken. De rest van dit artikel verwijst naar Flash Professional of een ander bewerkenprogramma als "Flash".

Titel afbeelding Maak een Flash-animatie Stap 3

3. Maak je activa. Omdat frame-by-frame-animatie meerdere afbeeldingen met kleine verschillen vereist, moet u al deze activa met de hand maken. Je kunt ze allemaal maken voordat je begint, of ze te maken terwijl je gaat. U kunt het Flash-programma gebruiken om rechtstreeks in uw project te tekenen, of u kunt uw activa tekenen in het creatieprogramma van uw favoriete image.

Als u uw afbeeldingen wilt schalen zonder de kwaliteit op te offeren, wilt u ze als vectoren maken in plaats van rasters. Vectorafbeeldingen zullen zichzelf opnieuw doen wanneer ze worden geschaald, wat betekent dat er geen pixelatie of aliasing zal zijn. Rasterafbeeldingen zijn de traditionele afbeeldingen waaraan je waarschijnlijk gewend bent (foto`s, verfafbeeldingen, enz.). Deze zijn niet goed, en kunnen er best lelijk uitzien als je ze groter wilt maken.

Titel afbeelding Maak een Flash-animatie Stap 4

4. Maak je eerste frame. Wanneer u voor het eerst start, heeft u een lege laag en een lege tijdlijn. Terwijl u frames toevoegt, wordt uw tijdlijn automatisch ingevuld. Je kunt op dezelfde manier communiceren met lagen die je in Photoshop zou doen.

Maak alvorens uw afbeelding toe te voegen, maakt u een basisachtergrond voor uw film. Hernoem laag 1 tot "Achtergrond" en vervolgens de laag vergrendelen. Maak een tweede laag en noem het wat je maar wilt. Dit is de laag die u uw animatie maakt.

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

Je eerste frame is een keyframe. Keyframes zijn frames met een afbeelding en vormen de backbone van uw animatie. Je maakt elke keer dat de afbeelding verandert, een nieuw keyframe.

Keyframes worden aangeduid met een zwarte stip in de tijdlijn.

U hebt geen nieuwe afbeelding nodig in elk frame. Over het algemeen zullen elke vier-vijf frames een goede animatie produceren.

Titel afbeelding Maak een Flash-animatie Stap 5

5. Draai je tekening in een symbool. Door je tekening in een symbool te draaien, kun je het eenvoudig meerdere keren toevoegen in een frame. Dit is vooral handig als u snel meerdere objecten moet maken, zoals een school van vissen.

Selecteer uw volledige tekening. Klik met de rechtermuisknop op de selectie en selecteer "Converteren naar symbool". Dit voegt de afbeelding toe aan uw bibliotheek waar u in de toekomst snel toegang hebt.

Verwijder de tekening. Maak je geen zorgen! U zult het weer aan de scène toevoegen door eenvoudig het object uit uw bibliotheek te slepen. Je kunt met gemak meerdere instanties van dezelfde tekening aan je scène toevoegen!

Titel afbeelding Maak een Flash-animatie Stap 6

6. Voeg wat blinde frames toe. Zodra u uw eerste frame gereed hebt, kunt u uw lege frames toevoegen die bestaan tussen het eerste keyframe en het tweede keyframe. druk op F5 vier of vijf keer om lege frames toe te voegen na je eerste keyframe.

Titel afbeelding Maak een Flash-animatie Stap 7

7. Maak je tweede keyframe. Zodra u een paar lege frames hebt toegevoegd, bent u klaar om uw tweede keyframe te maken. Er zijn in wezen twee verschillende manieren waarop u dit kunt doen: u kunt uw bestaande keyframe kopiëren en kleine aanpassingen maken, of u kunt een blanco keyframe maken en een nieuwe afbeelding invoegen. Als u kunst gebruikt in een ander programma, wilt u de tweede methode. Als u uw kunst hebt gemaakt met behulp van Flash`s Design Tools, gebruikt u de eerste methode.

Om een keyframe te maken met behulp van de inhoud van het vorige keyframe, drukt u op F6. Om een leeg keyframe te maken, klikt u met de rechtermuisknop op het laatste frame in uw tijdlijn en selecteer "Plaats leeg keyframe". Alles in uw scène wordt verwijderd.

Zodra u uw tweede keyframe hebt gemaakt, moet u aanpassingen aan het beeld maken om het effect van beweging te geven. Als u Flash`s ontwerptools gebruikt, kunt u het TRANSFORM-tool gebruiken om aspecten van uw tekening te selecteren en u iets te verplaatsen, zoals de arm van een stick-persoon.

Als u nieuwe kunst voor elk keyframe invoegt, wilt u ervoor zorgen dat deze op dezelfde locatie of op de volgende logische locatie op het scherm wordt geplaatst. Dit zorgt ervoor dat de kunst niet tussen frames springt.

Titel afbeelding Maak een Flash-animatie Stap 8

8. Herhaal het proces. Nu dat je twee keyframes hebt gemaakt, is het tijd om te itereren. Je zult in wezen hetzelfde proces herhalen totdat je klaar bent met je animatie. Voeg een paar lege frames toe tussen elk keyframe en zorg ervoor dat uw bewegingen er vloeistof uitzien.

Maak kleine, incrementele veranderingen. Je animatie ziet er veel soepeler uit als je heel kleine veranderingen in het keyframe maakt. Als u bijvoorbeeld wilt dat een stokpersoon een arm zwaait, mag uw tweede keyframe niet het andere uiteinde van de golf zijn. Gebruik in plaats daarvan een paar keyframes om van het begin van de golf naar het einde te gaan. Dit zal een veel gladdere animatie produceren.

Deel 2 van 3:

Een point-to-point-animatie maken (Tweening)

1. Begrijp de basis van tweening. Flash bevat een functie met de naam Tweening, waarmee u in wezen start- en eindpunten voor uw object kunt stellen. Flash verplaatst en transformeert en transformeert het object op basis van uw instellingen tussen deze twee punten, waardoor de illusie van animatie wordt gemaakt. U hoeft geen afbeeldingen te maken voor elk keyframe zoals u met frame-by-frame-animatie.

Tweening is vooral handig voor het creëren "morphing" effecten, waarbij een object een andere wordt in de loop van de animatie.
Frame-by-frame-animatie en tweening kunnen worden gebruikt in combinatie in dezelfde film.
Je kunt maar één object hebben dat een beweging tussen een tijd is. Dit betekent dat als u meerdere objecten wilt animeren, ze allemaal op afzonderlijke lagen moeten zijn.

Titel afbeelding Maak een Flash-animatie Stap 10

2. Maak je eerste object. In tegenstelling tot frame-by-frame-animatie hoeft u niet meerdere objecten te maken om te animeren met behulp van de Tween-functie. In plaats daarvan maakt u één object en verandert vervolgens de eigenschappen tijdens het tweeningproces.

Het is zeer aanrader dat u de ingebouwde ontwerphulpmiddelen van Flash gebruikt of uw afbeelding importeert van een vector-tekeningprogramma. Vectoren kunnen gemakkelijk losmaken zonder vervorming, terwijl traditionele rasterafbeeldingen niet zullen schalen en transformeren.

Titel afbeelding Maak een Flash-animatie Stap 11

3. Converteer je object naar een symbool. Om je object te tween, moet je het omzetten in een symbool. Dit is het formaat voor objecten die knipperen om ze te manipuleren. Als u probeert een object te tween, dat niet in een symbool is gemaakt, wordt u gevraagd om dit eerst te doen.

Klik met de rechtermuisknop op uw object en selecteer "Converteren naar symbool" Het object wordt toegevoegd aan uw bibliotheek, waardoor het gemakkelijk is om objecten te klonen.

Titel afbeelding Maak een Flash-animatie Stap 12

4. Maak je eerste Motion Tween. Een Motion Tween verplaatst het object van de ene locatie naar de andere met de rechtermuisknop op het symbool in uw scène en selecteer "Maak bewegende animatie". 24 frames worden toegevoegd aan uw tijdlijn, omdat dit de standaardlengte van een tween is. Vergeet niet, standaard zal flitser op 24 frames per seconde animeren, wat betekent dat deze Motion Tween één seconde zal duren om te voltooien.

Wanneer u de Motion Tween maakt, wordt u automatisch verplaatst naar het laatste frame van de Tween.

Titel afbeelding Maak een Flash-animatie Stap 13

5. Maak het traject. Zodra u de Tween hebt gemaakt, kunt u het object verplaatsen naar de locatie die u wilt dat het terechtkomt op. Flash geeft de trajectlijn weer, die is gestippeld om de locatie van het object voor elk frame van de Tween te laten zien.

Wanneer u voor het eerst het traject maakt, wordt het een rechte lijn van het startpunt naar het eindpunt.

Titel afbeelding Maak een flash-animatie Stap 14

6. Verleng je achtergrondframes. Als je nu je animatie liep, zou je object langs het traject bewegen, maar je achtergrond zou verdwijnen na één frame. Om dit te verhelpen, moet u uw achtergrond uitbreiden in alle frames van de animatie.

Selecteer uw achtergrondlaag in de tijdlijn. Klik op het laatste frame op je tijdlijn, dat ook het frame moet zijn dat je Motion Twen eindigt. druk op F5 Om frames tot op dit punt in te voegen, dat uw achtergrond tijdens het geheel van de Tween wordt weergegeven.

Titel afbeelding Maak een flash-animatie Stap 15

7. Voeg keyframes toe. Keyframes toevoegen aan uw traject kunt u in staat om uw object te transformeren tijdens de Motion Tween.U kunt alleen wijzigingen in een object aanbrengen als deze is ingeschakeld. Als u KeyFRAMES aan uw traject wilt toevoegen, selecteert u eerst het frame in de tijdlijn die u in een keyframe wilt veranderen. Klik vervolgens en sleep en sleep het object in de positie die u wilt dat het in dat frame is. Uw traject past automatisch aan en een keyframe wordt toegevoegd aan de tijdlijn. Keyframes worden aangeduid met diamantpictogrammen in de tijdlijn.

Titel afbeelding Maak een Flash-animatie Stap 16

8. Pas je tween traject aan. Als u het pad van uw object wilt wijzigen, kunt u elk van de framepositiemarkeringen op het pad naar een nieuwe locatie klikken en slepen. Vermijd te veel variatie op het pad, of het object zal op een grillige manier bewegen (tenzij dit uw doel is!).

Titel afbeelding Maak een Flash-animatie Stap 17

9. Transformeer je object. Zodra u uw keyframes en traject hebt opgericht, kunt u uw object transformeren, zodat deze verandert terwijl deze door de Motion Tween-traject beweegt. U kunt de vorm, kleur, rotatie, grootte en andere eigenschappen van het object wijzigen.

Selecteer het frame dat u wilt dat de transformatie plaatsvindt in.

Open het eigenschappenpaneel van het object. Je kunt op drukken Ctrl+F3 Als het paneel momenteel niet zichtbaar is.

Wijzig alle waarden in het venster Eigenschappen om het object te beïnvloeden. U kunt bijvoorbeeld de tint of kleur wijzigen, filters toevoegen of de schaal wijzigen.

U kunt ook het GRATIS TRANSFORM-tool gebruiken om de vorm vrij te veranderen, maar u maar wilt.

Titel afbeelding Maak een flash-animatie Stap 18

10. Maak afwerking aan op je tween. Test je Motion Tween door op te drukken Ctrl+ ↵ ENTER. Zorg ervoor dat de transformaties er goed uitzien en dat de animatie op de juiste snelheid beweegt. Als uw animatie te snel beweegt, kunt u de FPS van de scène verlagen of de tween-spanwijdte vergroten.

Standaard is de FPS 24, dus probeer het tot 12 te verlagen. Om dit te doen, klik je buiten de scène en verander dan de FPS in het paneel Eigenschappen. Veranderen tot 12 zal de lengte van uw animatie verdubbelen, maar kan het meer maken "jerky".

Als u uw tween-span wilt wijzigen, selecteert u de laag die de Tween bevat en de schuifregelaar gebruikt om het uit te halen. Als u wilt dat de Tween twee keer zo lang is, verlengt u deze naar 48 frames. Zorg ervoor dat u lege frames in uw achtergrondlaag invoegt, zodat de achtergrond niet halverwege de animatie verdwijnt. Als u de achtergrond wilt verlengen, selecteert u de laag, klikt u op het laatste frame van de animatie in de tijdlijn en drukt u vervolgens op F5

Deel 3 van 3:

Geluid en muziek toevoegen

1. Neem uw geluidseffecten en muziek op of vind uw geluidseffecten. U kunt geluidseffecten toevoegen aan acties die voorkomen in uw animatie om het te laten opvallen en een persoonlijkheid te geven. Muziek maakt je animatie meer meeslepend en kan een goede animatie maken in een ongelooflijke. Flash ondersteunt een verscheidenheid aan bestandsindelingen, waaronder AAC, MP3, WAV en AU. Kies de Aan die u de beste kwaliteit geeft voor de laagste bestandsgrootte.

MP3 geeft je meestal perfect aanvaardbare geluidskwaliteit terwijl je de bestandsgrootte tot een minimum beperkt. Vermijd WAV-bestanden indien mogelijk, omdat deze vaak vrij groot zijn.

Titel afbeelding Maak een Flash-animatie Stap 20

2. Importeer de geluidsbestanden in uw bibliotheek. Voordat u geluiden aan uw project kunt toevoegen, moeten ze worden toegevoegd aan de bibliotheek van Flash. Hiermee kunt u ze later snel aan uw project toevoegen. Klik op Bestand → Importeren → Importeren naar de bibliotheek. Blader naar het geluidsbestand op uw computer. Zorg ervoor dat het geluidsbestand een eenvoudig te onthouden naam heeft, zodat u het later snel van het menu kunt vinden.

Titel afbeelding Maak een Flash-animatie Stap 21

3. Maak een nieuwe laag voor elk geluidsbestand. Dit is niet strikt noodzakelijk, omdat u geluid kunt toevoegen aan bestaande lagen, maar elk bestand op zijn eigen laag kunt plaatsen, geeft u veel meer controle over het vervagen in en uit, wanneer u begint en stopt, en het is gemakkelijker om geluiden in de buurt te verplaatsen.

Titel afbeelding Maak een Flash-animatie Stap 22

4. Maak een keyframe waar het geluid start. Selecteer op de laag van het geluid het frame in de animatie die u wilt dat het geluid begint. druk op F7 om een leeg keyframe in te voegen. Als u bijvoorbeeld een muziekbestand wilt opnemen die speelt voor de duur van de animatie, selecteert u het eerste frame op de laag van het muziekbestand. Als u een dialoogvenster voor een teken toevoegt, selecteert u het frame waar het teken begint te praten.

Titel afbeelding Maak een Flash-animatie Stap 23

5. Voeg het geluids- of muziekbestand toe. In het frame Eigenschappen ziet u een geluidsgedeelte. Mogelijk moet u deze uitbreiden om de opties te bekijken. Klik op de "Naam" Menu en selecteer het gewenste bestand in uw bibliotheek.

Titel afbeelding Maak een Flash-animatie Stap 24

6. Configureer het geluidsbestand. Nadat u een bestand hebt geselecteerd, kunt u configureren hoe het zal spelen. Wat u selecteert, is gebaseerd op wat u nodig hebt om het geluid nodig te hebben om in de animatie te bereiken. U kunt het effect, de synchronisatie en de herhaalinstellingen van elk geluid wijzigen met behulp van het menu onder het menu Naam in het frame Eigenschappen.

EFFECT - Hiermee kunnen effecten toevoegen aan het geluid, zoals vervagen in en uit of toevoeging van echo. U kunt kiezen uit vooraf ingestelde instellingen in het vervolgkeuzemenu of u kunt op het pictogram Pencil op het menu klikken om uw eigen aangepaste instellingen te maken.

Synchronisatie - dit bepaalt hoe het nummer wordt gespeeld in de animatie. Evenement zal het geluid spelen totdat het klaar is. Als hetzelfde geluid opnieuw wordt geactiveerd voordat de eerste eindigt, blijft het origineel blijven spelen totdat deze is voltooid. Begin Werkt als evenement, maar stopt als het geluid weer speelt. Hou op stopt het geluid in dat frame. Als u dit in combinatie met andere geluidseigenschappen wilt gebruiken, maakt u een nieuw keyframe waarin u wilt dat het geluid stopt en deze optie gebruikt. Stroom zal proberen het geluid te evenaren dat speelt met het aantal frames op andere lagen. Dit wordt het best gebruikt voor dialoog.

Herhaal - Met deze instelling kunt u instellen hoe lang het geluid herhaalt. Je kunt het alleen instellen om maar één keer te spelen, of laat het zo vaak als je wilt. Als uw animatie een looping-animatie is, moet u uw muziek oneindig instellen.

Titel afbeelding Maak een Flash-animatie Stap 25

7. Maak je project af. Wanneer u eindelijk bent klaar met uw project, bewaar het als een SWF-bestand. Dit is het formaat dat wordt gebruikt om de film af te spelen. U kunt het in vrijwel elke webbrowser spelen of een speciale Flash Player gebruiken om het te bekijken. Er zijn ook een verscheidenheid aan sites waarmee u het kunt uploaden voor anderen om te zien, zoals Newgrounds, Albino BlackSheimp en Kongregate.

Titel afbeelding Maak een Flash-animatie Stap 26

8. Neem uw toekomstige projecten verder. Deze gids behandelt de basis van het maken van een animatie, maar er is zoveel meer die je kunt leren en doen. Voeg een paar knoppen en vertakkingspaden toe en je hebt een Choose-Your-Own-Adventure-game. Je kunt een nemen Crash Course in ActionScript en krijg veel meer controle over de fijnere details van je animatie. Blijf experimenteren, en je zult snel vinden dat je allerlei soorten trucs en implementaties leert.