Beweging toepassen op illustraties

Ontdek hoe je met de technieken frame-voor-frame of bewegingspad beweging kunt toevoegen aan illustraties in Fresco.

Je kunt beweging toepassen op onderdelen van je illustraties om zo aantrekkelijke visuele verhalen te creëren. Je kunt de uiteindelijke illustratie vervolgens exporteren als MP4-, GIF- of PNG-bestand.

Beweging toepassen op illustraties

Technieken om beweging toe te passen

Je kunt de technieken frame-voor-frame of bewegingspad of een combinatie van beide gebruiken om beweging toe te voegen aan illustraties of onderdelen ervan.

Frame-voor-frame 

De illustratie in elk frame verschilt net iets van het vorige frame en wanneer deze achter elkaar worden weergegeven, ontstaat de illusie van beweging. Gebruik dit wanneer de objecteigenschappen of beweging in elk frame veranderen.

Bewegingspad

Volgt objecten beweegt langs een ingesteld pad. Wordt gebruikt om elementen of een illustratie te laten bewegen in een herhalende beweging zonder dat hun uiterlijk verandert.

Voordat je begint

Maak kennis met deze concepten en beperkingen voordat je aan je animatiereis begint:

  • Wanneer je beweging gebruikt met een complexe illustratie waarin verschillende objecten of hun eigenschappen moeten veranderen, raden we aan de objecten op afzonderlijke lagen te maken. Zo heb je meer controle over de wijzigingen in elk object in je illustratie.
  • De laagtijdlijn wordt weergegeven wanneer je klikt op een object of illustratie met frames. De tijdlijn bevat standaard alle objecten op de geselecteerde laag en geeft het totale aantal gemaakte frames aan en het frame waaraan je momenteel werkt. Zo betekent de aanduiding 2/13 dat je werkt aan het tweede frame van in totaal 13 frames.
Laagtijdlijn

Laagtijdlijn

De laagtijdlijn openen:

  1.  Selecteer de laag met het object waarop je beweging wilt toepassen.
  2. Tik op Beweging .
  3. Tik op Beweging   om de laagtijdlijn te sluiten.

Beweging toevoegen met frame-voor-frame of een bewegingspad

Afhankelijk van de complexiteit van de veranderingen in elk frame gebruik je frame-voor-frame of een bewegingspad om beweging toe te passen op een illustratie.

Klik op het bijbehorende tabblad hieronder om te leren hoe je deze technieken toepast en hoe je de instellingen ervan kunt configureren voor je ontwerpresultaat.

Je voegt frame-voor-frame-beweging aan een illustratie toe via de tijdlijn van de desbetreffende laag. De stapsgewijze wijzigingen die je aanbrengt in de illustratie in elk frame, creëren een illusie van beweging of verandering tijdens het afspelen.

Volg deze stappen om frame-voor-frame-beweging toe te passen:

  1. Selecteer  . De tijdlijn bevat standaard alle objecten op de geselecteerde laag.

  2. Tik op het geselecteerde frame als je een nieuw frame wilt toevoegen. Gebruik de weergegeven opties om frames te dupliceren, te kopiëren of te verwijderen.   

    • Frame dupliceren: Er wordt een frame gedupliceerd met het geselecteerde frame als referentie.
    • Frame kopiëren en plakken: Selecteer Frame kopiëren en selecteer daarna het frame waarna je het gekopieerde frame wilt plakken. Er wordt een nieuw frame toegevoegd met de gekopieerde objecten.
    • Frame verwijderen: Hiermee verwijder je het frame van de tijdlijn. Selecteer onmiddellijk Ongedaan maken   om het verwijderde frame te herstellen.
  3. Als je de volgorde van frames wilt wijzigen, selecteer je het frame dat je wilt verplaatsen, sleep je langs de tijdlijn en zet je het frame neer.  Voordat je je illustraties op een nieuwe laag bewerkt, schakel je Overtrek in.

  4. Selecteer Alles afspelen om een voorvertoning te bekijken van de beweging die je op je illustratie hebt toegepast. Kies de optie Afspelen bij Bewegingsinstellingen om de voorvertoning in een lus, heen en weer of slechts één keer af te spelen. 

  5. Configureer Bewegingsinstellingen om de snelheid aan te passen, afspeelopties te wijzigen, de dekking en frames voor Overtrek aan te passen en de documenttijdlijn weer te geven.

Frame-voor-frame-beweging toepassen op illustraties

Volg deze stappen om het bewegingspad te gebruiken om objecten langs een opgegeven pad te laten bewegen:

  1. Selecteer de laag met het object en selecteer beweging   boven de liniaal  .

  2. Selecteer het Pad   op de balk Beweging onderaan.

  3. Teken het pad dat het object moet volgen of waar het langs moet bewegen. Als je een pad opnieuw wilt maken, verwijder je   en teken je het pad opnieuw.

    Tekenen uit de vrije hand

    Tekenen met tekenhulpmiddelen

  4. Selecteer effecten in de laagtijdlijn of in de laageigenschappen om de volgende padeffecten toe te voegen:

    • Veelvouden toevoegen: Voeg meerdere objecten aan hetzelfde pad toe en bekijk een real-time voorvertoning.
    • Spreiding: Pas effecten toe op de overeenkomstige objecten en bekijk een real-time voorvertoning.
    • Snelheidsopties: Pas de afspeelsnelheid langs het bewegingspad aan.
    • Verschijnen/verdwijnen: Pas deze effecten toe als je wilt dat de objecten langzaam op het scherm verschijnen of verdwijnen.
    • Snelheid: Je kunt de snelheid van zijwaartse bewegingen aanpassen.
    • Uitlijnen op pad: Lijn objecten uit op het opgegeven pad.

    De effecten Meerdere en Spreiding toevoegen

    Hier is een ontwerpresultaat nadat het effect Uitlijnen op pad is toegepast.

    Uitlijnen op pad uitgeschakeld

    Uitlijnen op pad ingeschakeld

  5. Selecteer Alles afspelen om een voorvertoning te bekijken van de beweging waaraan je werkt. Selecteer Pad   om de voorvertoning met de paden te zien. Je kunt een afspeeloptie bij de bewegingsinstellingen kiezen om de voorvertoning in een lus, heen en weer of slechts één keer af te spelen.

  6. Schakel Bewegingsinstellingen in om de snelheid aan te passen, afspeelopties te wijzigen, de dekking en frames voor Overtrek aan te passen en de documenttijdlijn weer te geven.

Meerdere paden tekenen

Je kunt een of meer paden tekenen op de geselecteerde laag. Als je meerdere paden tekent, wordt ook automatisch het object of de beweging van het object op dezelfde laag gedupliceerd, zodat je niet meerdere objecten hoeft te maken, tenzij je op elk object verschillende bewegingen wilt toepassen.

Als je aan een of meer paden werkt, selecteer je Instellingen > Documenttijdlijn > Paden weergeven als frames om de padtijdlijn in te schakelen voor het converteren van paden als frames. 

Nu je jouw ontwerpen hebt gemaakt, pas je deze bewegingsinstellingen toe op je animaties:

Frames/seconde

Bepaalt de snelheid van de animatie in frames per seconde (FPS). Als je het aantal FPS verhoogt of verlaagt, neemt de snelheid toe of af.

Weergave

Geeft de afspeel- en voorbeeldopties weer. De beschikbare afspeelopties zijn Lus, Boemerang en Eenmaal afspelen.

Documenttijdlijn

Toont alle paden als frames. Je kunt de optie Paden weergeven als frames inschakelen om een pad om te zetten in een frametijdlijn.

Overtrek

Biedt een referentie door de inhoud van de vorige en volgende frames weer te geven.

Het frame onder de afspeelkop wordt in kleur weergegeven.

Schakel de functie Overtrek in en uit in de instellingen van de balk Beweging:

  • Frames: Pas het aantal frames aan dat je voor en na het geselecteerde frame wilt zien.
  • Dekking: Pas de dekking van de andere frames aan, zodat je de frames beter kunt zien. Het frame ervoor ziet eruit als een schaduw en als er een frame na komt, wordt dit in kleur weergegeven om je te helpen de positie van frames te bepalen.

Met Overtrek kun je een voorvertoning van de tekening in het frame bekijken om je te helpen bij het tekenen of om nauwkeurig kleine wijzigingen aan te brengen. Je kunt ook het aantal frames aanpassen dat je zichtbaar wilt houden. Bekijk de video hieronder voor meer informatie.

Bewegingsinstellingen toepassen op je animaties

Bewegende illustraties delen

Volg deze stappen om je bewegende illustraties in handige indelingen te delen:

  1. Selecteer Exporteren   en Publiceren en exporteren > Beweging.

  2. Kies een van de exportindelingen:

    • GIF: wordt gebruikt voor bewegende webillustraties.
    • MP4: wordt gebruikt om geluid en video op te slaan. Fresco biedt twee voorinstellingen voor MP4:
      • Automatisch: Exporteert de uitvoer in de hoogst mogelijke resolutie. Dit kan ook leiden tot een toename in de bestandsgrootte.
      • Geschikt voor web: Optimaliseert de grootte en kwaliteit van de uitvoer voor weergave op het web.
      • PNG-reeks: wordt gebruikt voor bewegingen met transparante objecten. Je kunt het PNG-bestand exporteren voor verdere bewerking in Adobe After Effects.
  3. Als je een voorvertoning van de uitvoer wilt bekijken, selecteer je Frames genereren.

  4. Selecteer Exporteren om je illustratie te delen of op te slaan.

En nu verder?

We hebben je op weg geholpen met het tekenen van vormen in Adobe Fresco. De interface van Fresco is intuïtief. We hopen dat je gemakkelijk creatief aan de slag kunt gaan met lagen, penselen, maskers en meer.

Je creaties delen

Vraag het aan de community

Toon je creaties en stel vragen in de Adobe Fresco-community. We horen graag van je.

Adobe-logo

Aanmelden bij je account