Hoe Flash-animatie te maken (met illustraties)

We zijn constant geconfronteerd met Flash-animatie - op internet en in televisie-uitzendingen. Simpele Flash-animaties maken met Flash-technologie - een vrij eenvoudige taak, omdat Flash veel nuttige hulpmiddelen biedt die het hele proces vereenvoudigen. Als u een Flash-animatie of cartoon wilt maken, kunt u het in slechts een paar uur schets maken.

Stappen

Deel 1 van 3:

Flash Flash-animatie

een. Fundamentals van satellietanimatie. Deze methode wordt beschouwd als de hoofdmethode voor het creëren van een "traditionele" animatie waarin elk volgend frame er één bevat, maar een enigszins gemodificeerd beeld. Bij het spelen van alle frames, komt de afbeelding "tot leven". Dezelfde methode wordt gebruikt door animators tekenen tekenfilms uit de hand en neemt meer tijd nodig dan een tweepon (zie het volgende gedeelte).

Standaard reproduceert Flash 24 frames per seconde (FPS). Dit betekent dat in één seconde 24 frames wordt getoond, maar niet allemaal moeten ze noodzakelijkerwijs anders zijn. U kunt deze parameter (indien gewenst) voor 12 frames per seconde wijzigen, maar bij 24 frames per seconde wordt de animatie meer "soepel" afgespeeld.

Titel afbeelding Maak een Flash-animatie Stap 2

2. Installeer Flash Professional. Er zijn veel programma`s voor het maken van Flash-animaties, maar de krachtigste is Adobe Flash Professional CC. U kunt de proefversie van dit programma gratis instellen of een ander product gebruiken (als u zich niet wilt registreren op Adobe Creative Cloud). Vervolgens beschrijft dit artikel hoe te werken met Flash Professional.

Titel afbeelding Maak een Flash-animatie Stap 3

3. Omdat frame-animatie meerdere afbeeldingen vereist (die enigszins van elkaar verschillen), moet u deze afbeeldingen handmatig maken. Om dit te doen, gebruik Adobe Flash Professional of teken afbeeldingen in elke grafische editor.

Als u de grootte van uw afbeeldingen wilt wijzigen om gemakkelijk te veranderen zonder verlies van hun kwaliteit, maakt u afbeeldingen in een vector en niet in rasterafbeeldingen. Vectorafbeeldingen zullen jezelf opnieuw vertrekken bij het veranderen van hun grootte (dat wil zeggen, je zult pixelisatie of afvlakking voorkomen). Rasterafbeeldingen zijn traditionele afbeeldingen, zoals foto`s, getekende foto`s enzovoort. Wanneer u probeert dergelijke afbeeldingen te vergroten, krijgt u een sterk vervormde afbeelding.

Titel afbeelding Maak een Flash-animatie Stap 4

4. Maak eerste frame. Wanneer u Adobe Flash Professional voor het eerst start, ziet u een leeg canvas (laag) en een lege tijdlijn. Naarmate het frame toevoegt, wordt de tijdlijn automatisch gevuld. Je kunt met lagen werken zoals je het in Photoshop doet.

Maak alvorens een afbeelding toe te voegen, maakt u een basisachtergrond van uw animatie. Hernoem de "laag 1" in de "achtergrond" en maak het vervolgens vast. Maak een tweede laag en noem het zoals je wilt. Het zal een laag zijn waarop je een animatie maakt.

Voeg een foto toe op het canvas van het eerste frame. U kunt een tekening van uw computer importeren of u kunt tekenapparaten gebruiken om rechtstreeks in het programma een tekening te maken.

Het eerste frame is een "sleutel" -frame. Het sleutelframe is een frame met de afbeelding en vormt de basis ("benige") animatie. Je maakt een nieuw keyframe elke keer dat je de afbeelding verandert.

Sleutelpersoneel op de tijdlijn wordt zwart aangemerkt.

U hebt geen sleutelframe nodig in elk volgend frame. Maak een sleutelframe om de vier of vijf frames om een goede animatie te maken.

Titel afbeelding Maak een Flash-animatie Stap 5

vijf. Converteer het beeld in een symbool. In dit geval kunt u meerdere keren een afbeelding in een frame toevoegen. Dit is vooral handig als u snel een aantal van hetzelfde type foto`s in één frame moet toevoegen (bijvoorbeeld vis in het aquarium).

Markeer figuur. Klik met de rechtermuisknop op de tekening en selecteer "Convert to Symboly" (converteren naar het symbool). Het beeld wordt toegevoegd aan de bibliotheek, die het gebruik in de toekomst zal vereenvoudigen.

Verwijder de afbeelding. Maak je geen zorgen - je kunt het toevoegen aan een frame eenvoudig slepen vanuit de bibliotheek. U kunt dus meerdere keren een en dezelfde tekening in het frame toevoegen.

Titel afbeelding Maak een Flash-animatie Stap 6

6. Voeg lege frames toe. Als uw eerste sleutelframe gereed is, voegt u lege frames in en gaat u verder met het maken van een tweede keyframe. Druk op F5 (vier of vijf keer) om lege frames toe te voegen na het eerste keyframe.

Titel afbeelding Maak een Flash-animatie Stap 7

7. Maak een tweede keyframe (nadat u verschillende lege frames hebt toegevoegd). Er zijn twee verschillende manieren om dit te doen: u kunt een bestaande keyframe kopiëren en er kleine wijzigingen aanbrengen, of u kunt een leeg keyframe maken en er een nieuwe afbeelding aan toevoegen. Als u een tekening gebruikt in een ander programma, gebruikt u de tweede weg. Als u een afbeelding invoegt die is gemaakt met behulp van Adobe Flash Professional Tekening Tools, gebruikt u de eerste methode.

Om een keyframe te maken met de inhoud van het vorige keyframe, drukt u op F6. Als u een leeg sleutelframe wilt maken, klikt u met de rechtermuisknop op het laatste frame op de tijdlijn en selecteert u "Blanco-keyframe invoegen" (Plak een leeg sleutelframe).

Nadat u een tweede keyframe hebt gemaakt, moet u wijzigingen aanbrengen in zijn afbeelding, zodat de animatie "tot leven kwam". Als u Adobe Flash Professional Tekening-tools hebt gebruikt, selecteert u het TRANSFORM-tool om het item van uw tekening te markeren (bijvoorbeeld de hand van een personage) en verander deze.

Als u een nieuwe afbeelding op elk keyframe plaatst, moet u ervoor zorgen dat deze op de juiste plaats is (volgens de logische volgorde van frames).

Titel afbeelding Maak een Flash-animatie Stap 8

acht. Herhaal het proces. Na het maken van twee keyframes, herhaalt u het proces - voeg verschillende lege frames toe tussen elke keyframes en zorg ervoor dat de animatie "soepel" zal afspelen.

Maak kleine veranderingen. De kleinere (niet-nernotter) veranderingen, de uitlijning wordt gereproduceerd. Als u bijvoorbeeld een teken wilt om uw hand op te heffen, mag het tweede sleutelframe niet de tekening bevatten, waarop het personage met de hand wordt afgebeeld. Gebruik in plaats daarvan meerdere sleutelframes voor het verplaatsen van verlaagde handen naar een verhoogde hand. In dit geval zal de animatie gladder zijn.

Deel 2 van 3:

Tweepersoonsbed

een. Flash bevat de functie "Tweening" (Twine), waarmee u het initiële en eindframe van uw animatie kunt instellen. Flash maakt automatisch intermediaire frames, zodat de overgang van het ene keyframe naar het andere glad was. U hoeft dus geen afbeeldingen te maken voor elk keyframe (zoals in Sample Animation).

Twarden is vooral handig voor morphing - soepele omzetting van één beeld naar een andere (met behulp van geometrische operaties en kleurinterpolatie).
Bij het maken van animatie kunt u tegelijkertijd zowel een framemethode als TWING gebruiken.
Als u verschillende tekens tegelijkertijd wilt animeren, moet elk animatieframe verschillende lagen bevatten (één laag voor één teken).

Titel afbeelding Maak een Flash-animatie Stap 10

2. Maak het eerste beeld. In tegenstelling tot de kadermethode is het niet nodig om meerdere afbeeldingen voor animatie te maken. In plaats daarvan moet je een afbeelding maken die wordt gewijzigd in het proces van twee.

Het wordt sterk aanbevolen om ingebouwde tekeningstools (in Flash) of import vectorafbeelding te gebruiken. Als u de grootte van uw afbeeldingen wilt wijzigen om gemakkelijk te veranderen zonder verlies van hun kwaliteit, maakt u afbeeldingen in een vector en niet in rasterafbeeldingen. Vectorafbeeldingen zullen jezelf opnieuw vertrekken bij het veranderen van hun grootte (dat wil zeggen, je zult pixelisatie of afvlakking voorkomen).

Titel afbeelding Maak een Flash-animatie Stap 11

3. Converteer het beeld in een symbool. In dit geval kan Flash in staat zijn om het beeld te manipuleren. Als u geprobeerd te maken met een afbeelding die niet is omgezet in een symbool, zal het programma u voorstellen om het te doen.

Titel afbeelding Maak een Flash-animatie Stap 12

4. Maak eerste geanimeerde tweeling. Animated Twin beweegt het beeld van de ene positie naar de andere. Klik met de rechtermuisknop op het symbool en selecteer "Motion Tween maken" (maak geanimeerde twin). 24 frames worden toegevoegd aan de tijdlijn, omdat dit de standaardlengte van de tweeling is. Vergeet niet dat de animatie standaard soepel wordt gespeeld bij 24 framesnelheden per seconde, dus geanimeerde tweeling duurt slechts 1 seconde.

Wanneer u een geanimeerde tweeling maakt, gaat u automatisch naar het laatste frame van de animatie.

Titel afbeelding Maak een Flash-animatie Stap 13

vijf. Stel het traject in. Nadat u tweeling hebt gemaakt, verplaatst u de afbeelding naar het einde van de animatie. Flash geeft een traject weer met stippen die de positie van elk dubbel frame aanduidt.

Wanneer u voor het eerst een traject maakt, ziet het eruit als een rechte lijn (vanaf het startpunt tot het eindpunt).

Titel afbeelding Maak een flash-animatie Stap 14

6. Achtergrond toevoegen. Als u de animatie start, bewaart uw afbeelding langs het traject, maar de achtergrond zal na het eerste frame verdwijnen. Daarom moet je een achtergrond toevoegen aan elk frame van animatie.

Selecteer op de tijdlijn een laag met achtergrond. Klik op het laatste frame op de tijdlijn (dit frame moet het laatste frame van de hele animatie zijn). Klik op F5 om achtergrondframes (van start tot eindanimatie) in te voegen.

Titel afbeelding Maak een flash-animatie Stap 15

7. Voeg keyframes toe. Sleutelframes op het traject toevoegen, kunt u de tekening in geanimeerde tweeling wijzigen. U kunt de afbeelding alleen wijzigen wanneer deze in het toets Frame is geplaatst. Als u een keyframe op het traject wilt toevoegen, selecteert u een frame op de tijdlijn (dat frame wilt u een sleutel maken). Sleep de afbeelding vervolgens naar het geselecteerde frame. Het traject wordt automatisch aangepast en het sleutelframe wordt toegevoegd aan de tijdlijn. Op de tijdlijn worden belangrijke frames aangeduid met Rhombic.

Titel afbeelding Maak een Flash-animatie Stap 16

acht. Pas het Twine Traject in. Om het traject te wijzigen, sleept u de framemarkeringen naar een nieuwe positie. Maak geen overmatig aantal veranderingen in het Twine Trajectory, omdat dit zal leiden tot een onregelmatige beweging van de tekening (als het natuurlijk niet jouw doel is!).

Titel afbeelding Maak een Flash-animatie Stap 17

negen. Converteer figuur. Als u belangrijke frames en een traject hebt gemaakt, kunt u de afbeelding omzetten zodat deze soepel is gewijzigd wanneer het Twin Trajectory in beweging is. U kunt de vorm, kleur, helling, grootte en elke andere beeldparameter wijzigen.

Selecteer een frame waarin de afbeelding wordt getransformeerd.

Open het paneel Tekening Eigenschappen. Om dit te doen, drukt u op F3.

Wijzig de parameterwaarden in het venster Tekening Eigenschappen. U kunt bijvoorbeeld de schaduw of kleur wijzigen, filters toevoegen, formaat wijzigen.

U kunt ook de gratis transformatie-tool gebruiken (gratis transformatie) om de tekening alsjeblieft te wijzigen.

Titel afbeelding Maak een flash-animatie Stap 18

10. Voeg finale slagen toe. Controleer de gemaakte animatie door op CTRL + ENTER te drukken. Zorg ervoor dat de tekening (teken) correct verandert en dat de animatie met de juiste snelheid wordt gereproduceerd. Als de animatie te snel wordt gespeeld, vermindert u de FPS-waarde of verhoogt u de touwduur.

De standaard FPS is 24, dus probeer deze waarde tot 12 te verminderen. Wijzig de FPS-waarde op het paneel Eigenschappen. Wanneer FPS = 12 echter, kan de animatie niet genoeg soepel worden gespeeld.

Als u de duur van de tweelingduur wilt wijzigen, selecteert u een laag met tweeling en met een schuifregelaar, verander de duur van de tweeling. Als u de duur van de tweelingduur wilt verdubbelen, verplaatst u de schuifregelaar naar 48 frames. Vergeet niet om de achtergrond in lege frames in te brengen, zodat de achtergrond niet verdwijnt in het midden van de animatie. Om dit te doen, selecteert u de achtergrondlaag, klik op het laatste frame van de animatie (op de tijdlijn) en druk vervolgens op F5.

Deel 3 van 3:

Audio-effecten en muziek toevoegen

een. Noteer of download geluidseffecten en muziek. U kunt geluidseffecten toevoegen aan animatie om het spectaculairder te maken. Muziek maakt een animatie spannender en kan een goede animatie veranderen in een prachtig. Flash ondersteunt verschillende audiobestandsindelingen, waaronder AAC, MP3, WAV en AU. Selecteer een formaat dat een hoge geluidskwaliteit garandeert met minimale bestandsgrootte.

MP3-formaat garandeert een hoge geluidskwaliteit met minimale bestandsgrootte. WAV-formaatbestanden zijn groot.

Titel afbeelding Maak een Flash-animatie Stap 20

2. Audiobestanden importeren naar de bibliotheek om snel geluiden en muziek toe te voegen aan animatie. Klik op "Bestand" - "Importeren" - "Importeren in bibliotheek" (importeren naar bibliotheek). Zoek het audiobestand op uw computer. Zorg ervoor dat het audiobestand een eenvoudig te onthouden naam heeft, zodat u het snel kunt vinden.

Titel afbeelding Maak een Flash-animatie Stap 21

3. Maak een nieuwe laag voor elk audiobestand. Dit is niet noodzakelijk en u kunt geluid toevoegen aan bestaande lagen, maar de insertie van het audiobestand op een aparte laag staat u toe om het geluidspoor van de animatie beter te bedienen.

Titel afbeelding Maak een Flash-animatie Stap 22

4. Maak een keyframe van welk geluidsweergave begint. Selecteer op de laag met geluid het frame van de animatie waaruit het geluid begint. Druk op F7 om een leeg keyframe in te voegen. Als u bijvoorbeeld een audiobestand wilt invoegen dat tijdens de animatie wordt afgespeeld, selecteert u het eerste frame op de laag met een audiobestand. Als u een stem van het teken toevoegt, selecteert u een frame waar het teken begint te praten.

Titel afbeelding Maak een Flash-animatie Stap 23

vijf. Audiobestanden toevoegen. Druk op "Eigenschappen" - "Geluid" - "NAME" en selecteer een audiobestand uit de bibliotheek.

Titel afbeelding Maak een Flash-animatie Stap 24

6. Configureer het geluidsbestand in overeenstemming met de vereisten van de animatie. U kunt effecten toevoegen, synchronisatie-instellingen wijzigen en de reproductie van audiobestand configureren (in het menu Naam).

Effecten (bijvoorbeeld verzwakking of echo). U kunt een van de vooraf ingestelde parameters in het vervolgkeuzemenu kiezen of u kunt op een pictogram van een potlood klikken (naast het menu) om uw eigen aangepaste instellingen te maken.

Synchronisatie. Bepaalt de procedure voor het spelen van geluid in animatie. De parameter Event (Event) speelt een audiobestand aan het einde. Als hetzelfde audiobestand opnieuw wordt gereproduceerd (totdat het eerste afspelen voorbij is), blijft het eerste afspelen (tot het einde). De parameter "Start" werkt als de parameter "Evenement" met het enige verschil dat de eerste weergave stopt bij het reproduceren van het geluid. De parameter "Stop" stopt het geluidsweergave in een specifiek frame. Als u deze parameter in combinatie met andere parameters van het audiobestand wilt gebruiken, maakt u een nieuw sleutelframe aan waar het geluidsweergave zal stoppen. De parameter "Stream" (stroom) synchroniseert een bepaald geluid met frames op andere lagen. Deze parameter is beter om te gebruiken bij het invoegen van tekenstemmen.

Reproductie reproductie. Specificeert het aantal herhaaldelijk afspelen van een specifiek audiobestand (een of vele malen). Als uw animatie cyclisch is, stelt u deze parameter in op oneindig afspelen van het audiobestand.

Titel afbeelding Maak een Flash-animatie Stap 25

7. Bewaar de gemaakte animatie in SWF-formaat. Dit formaat wordt gereproduceerd door bijna elke webbrowser. Ook kan het bestand van dit formaat worden gedownload naar bepaalde sites (Newgrounds, Albino BlackSheimp, Kongregate, om het andere gebruikers te bekijken.

Titel afbeelding Maak een Flash-animatie Stap 26

acht. Dit artikel vertelt over de basis van het maken van flash-animatie, maar je kunt bijvoorbeeld veel meer flash-knoppen maken. U kunt ook een versnelde cursus van ActionScript doorgeven om alle subtiliteiten van het maken en beheren van animatie te verkennen. Experimenteren, en u leert alle trucjes voor het maken van animatie.

Tips

Als u van plan bent om animatie te bewerken, bewaar deze in het formaat .Fla.

Deel in het sociale netwerk:

Hoe een flash-animatie te maken

Stappen

Tips