Met de camera in Animate kunnen animators een echte camera simuleren. In het verleden vertrouwden animators op extensies van derden met een wisselende kwaliteit en compatibiliteit, of veranderden ze hun animaties om de beweging van een camera na te bootsen. Animators kunnen de volgende functies gebruiken die ook standaard worden toegepast in elke film.

• Pannen met het onderwerp van het frame
• Inzoomen op het object dat uw belangstelling heeft voor een dramatisch effect
• Uitzoomen vanuit een frame om de kijker een overzicht van het geheel te bieden
• Het focuspunt aanpassen om de aandacht van de kijker te verplaatsen van het ene onderwerp naar het andere
• De camera roteren
• Kleurtinten of filters gebruiken om kleureffecten toe te passen op een scène

Wanneer u een cameraweergave voor uw compositie instelt, kijkt u naar de lagen alsof u door die camera kijkt. U kunt ook tweens of hoofdframes op een cameralaag toevoegen.

De camera is beschikbaar voor alle ingebouwde documenttypen in Animate: HTML Canvas, WebGL en Actionscript.

Gebruik een van de volgende opties om het gereedschap Camera in te schakelen:

• Klik op het gereedschap Camera in het deelvenster Gereedschappen.
• Klik op de knop Camera toevoegen/verwijderen in de tijdlijn.

Wanneer een camera is ingeschakeld, wordt er een werkgebiedgrens weergegeven in dezelfde kleur als de cameralaag.

Het werkgebied gedraagt zich nu als de camera voor het document. Een nieuwe cameralaag met het cameraobject wordt toegevoegd aan het deelvenster Tijdlijn. Wanneer u het gereedschap Camera selecteert, wordt het camerapictogram ingeschakeld in de Eigenschappencontrole.

Wanneer de camera is ingeschakeld, gebeurt het volgende:

• Het huidige document wordt in de cameramodus geplaatst.
• Het werkgebied wordt omgezet in een camera.
• De camerarand is zichtbaar in de grens van het werkgebied.
• De cameralaag wordt geselecteerd.  

Zoomen, roteren of pannen met de camera

Zoomen met de camera

De camera roteren

De camera pannen

Besturingselementen gebruike voor het pannen van de camera

Als u objecten in horizontale richting wilt pannen, plaatst u de muisaanwijzer boven de waarde van de X-coördinaat en sleept u de schuifregelaar naar links of rechts. 

Als u objecten in verticale richting wilt pannen, plaatst u de muisaanwijzer boven de waarde van de X-coördinaat en sleept u de schuifregelaar naar links of rechts.

Herstelopties voor camera-effecten

U kunt uw camerawijzigingen met betrekking tot pan-, rotatie-, zoom- en kleureffecten altijd herstellen. Als u uw vorige eigenschapswaarden wilt behouden, klikt u naast elk van de eigenschappen op het pictogram voor herstellen.

Een kleurtint toepassen op een cameralaag

Kleurfilters aanpassen voor een cameralaag

Parallaxeffecten creëren met de camera en laagdiepte

Als ontwerper of ontwikkelaar van games wilt u meeslepende game-ervaringen maken. Door verschillende objecten van een game in de voor- en achtergrondlagen te gebruiken, kunt u de snelheid en positie van deze objecten bepalen. Door de camera op een constant focuspunt te houden, kunt u de objecten met verschillende snelheden verplaatsen om een driedimensionaal effect te creëren. In Animate kunt u dit effect tijdens het maken van uw 2D-animatie bereiken door een camera en de functie voor laagdiepte te gebruiken. U kunt een parallaxeffect voor objecten creëren door de diepte van lagen te wijzigen via het deelvenster Laagdiepte. Als u laagdiepte wilt gebruiken, klikt u op Venster > Laagdiepte.

Klik hier voor meer informatie over laagdiepte. 

U kunt de diepte en het perspectief van objecten met dit effect bekijken.

• De objecten die zich kan dichter bij de camera bevinden, bewegen sneller dan de objecten die zich verder van de camera af bevinden.
• Wanneer de cameralaag een waarde van 0 heeft, hebben de objecten dichter bij de camera een lagere positieve waarde. De objecten die zich verder van de camera bevinden, hebben een hoge positieve waarde. De lagen achter de camera hebben negatieve numerieke waarden. 

Video waarin het parallaxeffect en de z-diepte van de camera worden weergeven

Een laag vergrendelen met de camera

Als animator of gameontwerper wilt u sommige objecten van de animatie vastzetten in het camerabeeld. Dit kan bijvoorbeeld gaan om een handelingsknop, een HUD met een tijdmeting of een wapen. In dergelijke gevallen moet u het element vergrendelen met de camerabeweging. Met de functie Aansluiten op camera in Animate kunt u dit effect bereiken.

Wanneer u een laag aan de camera koppelt, worden de objecten in die laag vastgepind aan de camera en bewegen ze altijd mee met de camera. Zo lijkt het alsof ze niet worden beïnvloed door camerabewegingen in de uitvoer.

U kunt één laag aan de camera koppelen door te klikken op de punt in de kolom met het pictogram voor het koppelen van de camera. Als de laag aan de camera is gekoppeld, wordt een bijbehorend pictogram weergegeven naast de naam van die laag.  

In de volgende illustraties wordt het laaggedrag voor en na koppeling aan de camera weergegeven: 

Afbeelding van een animatie waarbij de laag niet aan de camera is gekoppeld:

Afbeelding van een animatie waarbij de laag aan de camera is gekoppeld:

U kunt alle lagen koppelen aan of ontkoppelen van de camera door op het pictogram voor het koppelen van de camera in de tijdlijn te klikken. 

Camera gebruiken bij uitvoering

Met de camera-API's voor AS3-, WebGL- en HTML Canvas-documenttypen kunt u de camera bij uitvoering introduceren, openen en beheren. Hieronder worden de camera-API's voor AS3-, WebGL- en HTML Canvas-documenttypen beschreven die u bij uitvoering kunt gebruiken:

Alle methoden zijn van toepassing op het documenttype AS3. Sommige methoden zijn niet beschikbaar voor WebGL en HTML Canvas. De methoden die al dan niet van toepassing zijn op WebGL en HTML Canvas worden aangeduid in de laatste twee kolommen van de tabel.

Virtuele cameramethoden

Camera openen als een filmclipobject

Objecten maskeren tijdens runtime (voor AS3-documenten)

U kunt de objecten tijdens runtime maskeren met de volgende camera-API-code:

import fl.VirtualCamera;
fl.VirtualCamera.getCamera(root).setCameraMask(torch);

Wanneer u een ovaal masker gebruikt, wordt een schermopname van een animatie als volgt weergegeven:

Interactieve camera-animaties maken met de codewizard voor handelingen

Het volgende stroomdiagram toont een stapsgewijze aanpak voor het maken van animaties met een interactieve camera. U kunt de codewizard voor handelingen gebruiken in een HTML Canvas-document. 

Hieronder vindt u een voorbeeldvideo waarin het gebruik van de interactieve camera wordt uitgelegd. U ziet hoe u de focus tijdens runtime kunt variëren en bij verschillende intervallen kunt instellen op de parachute, het jetpack en de stad op de achtergrond.

Video waarin het gebruik van de camera tijdens runtime wordt gedemonstreerd

Het object bijsnijden in het werkgebied

Met Adobe XD kunt u inhoud op een ander tekengebied stapelen of het gebied bedekken om interactieve dia-effecten te simuleren. Bijvoorbeeld vervolgkeuzelijsten, softwaretoetsenborden die omhoog schuiven of lichtbakeffecten. Met overlays kunt u ook een tekengebied meerdere keren opnieuw gebruiken zonder dat de inhoud van de overlay voor elk tekengebied wordt gedupliceerd. 

Als u de inhoud wilt bijsnijden die buiten het werkgebied doorloopt, klikt u op de knop Clipinhoud buiten het werkgebied.  Met de camera en de weergave van het werkgebied kunt u de inhoud binnen de cameragrenzen bekijken.