Path animation
Met path animation kun je een element, zoals een afbeelding, knop of pictogram, langs een zelfgekozen pad door het beeld laten bewegen. Dit biedt de vrijheid om unieke patronen en bewegingen te creëren, waardoor je animaties dynamischer en visueel aantrekkelijker worden. Om een pad te maken, kun je in LesLinq kiezen tussen de potlood- en pen tool. De potlood tool is ideaal voor het snel tekenen van vloeiende, vrije lijnen, terwijl de pen tool meer controle biedt om precieze vormen te maken door punten één voor één te plaatsen.
Potlood tool
Ga met je muis over het potloodje in de menubalk en kies voor ‘Pencil’. Je kunt een lijn tekenen door de linkermuisknop ingedrukt te houden.
Als je een touchscreen gebruikt, kun je ook de lijn tekenen door met de potlood tool ingeschakeld over het scherm te bewegen.
De lijn zou er zo uit kunnen zien.
Pen tool
Om de pen tool te gebruiken, ga je weer met de muis over het potloodje in de menubalk. Hier klik je op ‘Pen’.
Door op het werkveld te klikken, maak je 1 punt. Met elke extra klik maak je een nieuw punt aan.
Om de lijn af te sluiten, dubbelklik je op het werkveld om het laatste punt te maken, of druk je op de ‘Esc’-toets om te stoppen bij het laatste aangeklikte punt.
Lijn bewerken
Om een lijn te bewerken, klik je op de lijn. Je kan nu de gehele lijn groter of kleiner maken.
Door op ‘Edit Path’ te klikken via de lijn met 4 punten boven in het scherm, kan je de bochten en lijnpunten aanpassen.
Als je op een lijnpunt klikt, ontstaan er handgrepen (de groene lijnen). Met deze lijnen kan je de ronding van de bocht bepalen. Eén punt van de handgreep volgt de muis terwijl je sleept, en het andere punt beweegt mee. Wanneer je de muisknop loslaat, stopt de handgreep met bewegen en ontstaat er een bocht. Door opnieuw te klikken zet je de bocht vast.
- Lijnpunten slepen: Hiermee pas je de positie van de lijn aan.
- Handgrepen slepen: Hiermee pas je de kromming van de lijn aan.
Als er geen lijnpunten zijn gemaakt of je wilt ze resetten, houd je de ‘Alt’-toets ingedrukt en sleep je de lijn vanaf het lijnpunt om nieuwe punten te maken (vergelijkbaar met het proces bij de pen tool).
Door de ‘Shift’-toets ingedrukt te houden tijdens het slepen van een controlepunt kun je het controlepunt beperken tot hoeken van 15 graden, zodat je het controlepunt perfect horizontaal, verticaal of diagonaal ten opzichte van het knooppunt kan uitlijnen.
Path Editor-modus verlaten
Dubbelklik in het werkgebied om de Pad Editor te verlaten en een element op het werkveld te maken.
Om van de potlood tool naar de pen tool te wisselen, moet je eerst naast het canvas klikken. Daarna ga je opnieuw met je muis over het potlood en kan je opnieuw kiezen voor de pen- of potlood tool.
Animatie maken
Voeg elementen (afbeeldingen, vormen, knoppen, iconen) toe aan het werkveld.
Wanneer je een vorm selecteert, wordt het Property Panel geopend.
Voeg een actie toe door op een van de actieknoppen te klikken.
Selecteer de optie ‘Play Animation’ in het actiemenu.
Na het selecteren van ‘Play Animation’ verschijnt het Animation Property Panel.
Kies de optie ‘Follow Path’ in de keuzelijst ‘Animations’.
Selecteer in de keuzelijst ‘Target’ een van de beschikbare paden op het werkveld. Hierdoor kun je de animatie aan een specifiek pad toewijzen.
Herhaal opties
De keuzelijst ‘Loop’ biedt drie opties:
- Once: de animatie speelt 1 keer af.
- Forever: de animatie herhaalt zich oneindig.
- Custom: je kunt opgeven hoe vaak de animatie moet worden herhaald.
Richtingsopties
De keuzelijst ‘Direction’ biedt drie keuzes:
- Normal: de animatie speelt de standaardrichting af.
- Reverse: de animatie speelt achterstevoren af, van eind naar begin.
- Alternate: de animatie wisselt af, eerst vooruit en dan achteruit bij elke cyclus.
Duur en vertraging
Het veld ‘Duration’ bepaalt de tijd die nodig is om één cyclus van de animatie te voltooien, wat de snelheid van de animatie beïnvloedt.
Het veld ‘Delay’ stelt een wachttijd in voordat de animatie begint.
Na het configureren van de animatie-instellingen klik je op ‘Confirm’ om de animatie toe te passen. Je kunt de animatie bekijken door op de knop ‘Preview’ te klikken.