Geanimeerde tattoo

Stap 1 — Denk na over de beweging (±10 min)

Wat als je tatoeage zou bewegen — hoe zou dat eruitzien? Denk aan:

• een vlam die flikkert
• een slang die kronkelt
• een hart dat klopt
• een oog dat knippert

Opdracht:

1. Schrijf op wat beweegt en hoe.
2. Maak eventueel een schets van de beweging.

Stap 2 — Illustrator-bestand voorbereiden (±20 min)

Je moet je bestand zo opbouwen dat elk onderdeel dat beweegt op een aparte laag staat.

1. Open je tatoeagebestand in Illustrator.
2. Open het Lagenpaneel (Venster > Lagen).
3. Controleer of je illustratie logisch is opgebouwd
   • Staat alles op één laag? → Pas dit aan.
   • Wil je dat onderdelen apart bewegen? → Die onderdelen moeten elk een aparte laag krijgen.
4. Gebruik indien nodig:
   • Selectietool (V) om delen te selecteren.
   • Het schaar- of mes-gereedschap om onderdelen los te snijden.
   • Nieuwe lagen maken + duidelijk benoemen (vb. vleugel_links, oog, poot ...).
5. Controleer:
   • Elk bewegend onderdeel zit op zijn eigen laag.
   • Alle lagen zijn duidelijk benoemd.
6. Sla regelmatig op!
   • Gebruik Cmd + S.
   • Zet je bestand in de juiste map: Design Studio / Tattoo animatie / Opmaak / tattoo_animatie.ai

Stap 3 — De basis van After Effects (±20 min)

Maak kennis met de interface en de belangrijkste eigenschappen:

• A panel — overzicht van geïmporteerde bestanden
• B viewer — toont je animatie
• C Timeline — bepaalt wanneer iets beweegt

Belangrijkste properties (D)

• P — Position
  Verplaatst een laag in X- en Y-richting (en Z in 3D). Tip: verplaats het anchor point eerst; dat is het referentiepunt voor beweging.
• S — Scale
  Vergroot of verkleint een laag in %. Met het kettingsymbool schaalt X en Y gekoppeld; ontkoppel om niet-uniform te schalen.
• R — Rotation
  Laat de laag draaien rond het anchor point. In 2D: rotatie in graden (en “turns” bij meerdere omwentelingen). In 3D heb je aparte X/Y/Z-rotatie.
• T — Opacity
  Bepaalt de zichtbaarheid (0–100%). Handig voor infades/out en overlappende elementen zonder de laag te knippen.

Stap 4 — Test het zelf

Teken in je compositie een rechthoek (met de rectangle-tool) en probeer elk van deze properties.

Position (P)

1. Selecteer laag → druk P.
2. Klik op het diamanticoon om een keyframe te maken bij 0 sec.
3. Verplaats de tijdsindicator naar 3 sec.
4. Versleep de laag in het beeld.
5. Speel af met de spatiebalk.

Scale (S)

1. Selecteer laag → druk S.
2. Klik op diamanticoon → eerste keyframe.
3. Ga naar 3 sec → verander het schaalpercentage (bijv. 100% → 130%).

Rotation (R)

1. Selecteer laag → druk R.
2. Eerste keyframe → draaiwaarde veranderen bij 3 sec (bijv. 1x + 45°).

Opacity (T)

1. Selecteer laag → druk T.
2. Keyframe bij 0 sec: 0%.
3. Keyframe bij 3 sec: 100%. Zo laat je iets langzaam verschijnen.

Altijd opslaan tussendoor! (Cmd + S)

Het Anchor Point (Y)

Het anchor point is het draaipunt en schaalreferentie van een laag. Rotatie en Scale gebeuren rond dit punt.

Niet hetzelfde als de tool: de Pan Behind (Anchor Point) Tool (Y) is het gereedschap waarmee je het anchor point verplaatst zonder de laag zelf te verplaatsen.

Voorbeeld: de spin

• Je hebt een spin met poten in aparte lagen.
• Roteer je een poot zonder anchor point te verplaatsen, dan draait ze rond haar midden → onnatuurlijk.
• Verplaats je het anchor point naar de aanhechting aan het lijf, dan roteert de poot realistisch.

Zo pas je het aan:

1. Selecteer de laag.
2. Druk op Y (Pan Behind Tool).
3. Sleep het kleine kruisje (anchor point) naar het punt waar de beweging moet draaien.
4. Ga terug naar de Selection Tool (V).
5. Test met Rotation (R).

EXTRA: Vloeiende bewegingen

Gebruik Ease In / Ease Out voor natuurlijkere timing:

• Rechtsklik op een keyframe → Keyframe Assistant → Easy Ease (vertraagt bij begin/einde).

Pro-tip: eerst je anchor point juist zetten, dan pas keyframes plaatsen. Zo voorkom je “wegdriften” bij roteren/schalen.

Stap 4 — Mini-demo: testproject

Voor je aan je echte tattoo werkt, oefen even in een nieuw project:

1. Maak een nieuwe compositie aan (Composition > New Composition): 10 sec, 1920×1080 px, 25 fps.
2. Voeg twee vormen toe: een cirkel en een vierkant.
3. Geef ze elk een eigen laagnaam (rechtermuisknop: Rename).
4. Animeren:
   • Cirkel: beweegt van links naar rechts (Position).
   • Vierkant: draait langzaam (Rotation).
5. Voeg Ease In / Ease Out toe aan beide.
6. Speel af (spatiebalk) → bekijk het resultaat.

Stap 6 — Je Illustrator-bestand importeren (±10 min)

1. File → Import → File → selecteer je .ai-bestand.
2. Kies bij Import As: Composition – Retain Layer Sizes.
3. Open de composition en stel de achtergrondkleur en duur (10s) in.
4. Sla op: Design Studio / Tattoo animatie / 01. Opmaak / tattoo_animatie.aep.

Stap 7 — Je tattoo animeren (±30 min)

Maak een animatie van ongeveer 10 seconden. Denk na over tempo, richting en betekenis van de beweging.

• Begin met één onderdeel.
• Gebruik Ease In/Out voor natuurlijke overgangen.
• Laat niet alles tegelijk bewegen.

Stap 8 — Exporteren (±10 min)

1. Composition → Add to Render Queue.
2. Output Module → H.264 (.mp4).
3. Output To → Uitvoer / voornaam_achternaam_tattoo.mp4.
4. Klik op Render en controleer je video.

Reflectie

• Wat ging goed?
• Wat kan beter?
• Wat heb je geleerd over beweging en timing?