Deze keer lichten we een functie uit die LesLinq absoluut uniek maakt: het importeren van Adobe Illustrator (.ai) bestanden, waarbij de losse lagen gescheiden blijven (naar wens). Op die manier kan je aan elke afzonderlijke laag uit het Illustrator bestand interactiviteit toevoegen. Wij leggen je graag uit hoe dit werkt.
Als basisbestand gebruiken we het onderstaande AI bestand. Zoals je ziet is het bestand uit een aantal verschillende lagen opgebouwd.
AI bestand in LesLinq importeren
Vanuit LesLinq open je een bestaand project, of maak je een niew project aan. Vervolgens dubbelklik je op het Image icon, of je sleept deze naar je canvas. Je ziet dan het volgende scherm:
Je kiest nu voor de optie ‘UPLOAD AI FILE’ en selecteert het Adobe Illustrator bestand dat je wilt importeren. Klik op ‘Openen’. Het volgende scherm verschijnt:
Kies welk bestandsformaat je wilt importeren (PNG of SVG) en selecteer de lagen uit je Adobe Illustrator bestand die je wilt importeren. Je kunt de lagen selecteren door op de + te drukken tot je alle lagen geselecteerd hebt die je wilt importeren. Wanneer je de +knop niet gebruikt, wordt je Illustrator bestand als 1 aparte laag (= 1 afbeelding) geïmporteerd. Je kunt dan niet de afzonderlijke lagen bewerken.
Klik nu op ‘Import’ en je ziet dat de aparte lagen uit Adobe Illustrator als los bestand worden geïmporteerd. Je kunt nu elke afbeelding apart animeren en bewerken.
Let op: soms wordt er een transparante laag over de geïmporteerde objecten heen gezet. Je kunt deze gewoon selecteren en verplaatsen of verwijderen, zodat je alle losse geïmporteerde objecten apart kunt aanklikken en bewerken.
Het eindresultaat
Hieronder zie je een voorbeeld van het geïmporteerde Adobe Illustrator bestand, waarbij we de diverse lagen apart geanimeerd hebben.
Vragen over het importeren van Adobe Illustrator bestanden in LesLinq?
Neem contact op met Chris Hof per e-mail of bel 0682 077 845. Direct aan de slag? Klik hier om in te loggen op LesLinq.