Geanimeerde tattoo

Leerdoelen

Ik kan mijn eigen tatoeage-illustratie tot leven brengen met beweging.
Ik begrijp de basis van Adobe After Effects: tijdslijn, keyframes, properties.
Ik kan een Illustrator-bestand voorbereiden, importeren, en animeren.

Benodigdheden

Je afgewerkte tatoeage-ontwerp uit Illustrator (.ai)
Adobe Illustrator en Adobe After Effects
Potlood en papier voor ideeën of schetsen

Bestandsstructuur

Design Studio/ Tattoo animatie/
  01. Opmaak/   → After Effects & Illustrator bestanden
  02. Imports/  → gebruikte beelden, logo’s, textures
  03. Uitvoer/  → geëxporteerde mp4, screenshots

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:

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

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

Open je tatoeagebestand in Illustrator.
Open het Lagenpaneel (Venster → Lagen).
Controleer of je illustratie logisch is opgebouwd.
Zorg dat elk bewegend onderdeel op een aparte laag staat en duidelijk benoemd is.
Sla regelmatig op en plaats het bestand in 01. Opmaak/tattoo_animatie.ai.

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

Maak kennis met de interface en de belangrijkste eigenschappen:

Project panel — overzicht van geïmporteerde bestanden
Composition viewer — toont je animatie
Timeline — bepaalt wanneer iets beweegt

Belangrijkste properties:

P — Position
S — Scale
R — Rotation
T — Opacity

Schermafbeelding 3 — After Effects interface

Overzicht van de interface.

Stap 4 — Test het zelf

Maak een nieuw project en probeer de basisbewegingen:

Position: verplaats een rechthoek van links naar rechts.
Scale: vergroot of verklein een object.
Rotation: laat een vorm draaien.
Opacity: laat iets langzaam verschijnen.

Schermafbeelding 4 — Keyframes test

Voorbeeld: keyframes voor beweging.

Stap 5 — Het anchor point en vloeiende bewegingen

Verplaats het anchor point (Y) zodat onderdelen realistisch bewegen. Gebruik Ease In en Ease Out voor natuurlijke timing.

Schermafbeelding 5 — Anchor point

Anchor point verplaatsen met de Pan Behind Tool (Y).

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

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

Schermafbeelding 6 — import

Importeer je Illustrator-lagen als composition.

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.

Schermafbeelding 7 — animatie

Animatie van je tattoo in After Effects.

Stap 8 — Exporteren (±10 min)

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

Schermafbeelding 8 — render

Renderqueue en exportinstellingen.

Reflectie

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

Project Uiterlijk