{"id":3721,"date":"2021-08-20T09:31:46","date_gmt":"2021-08-20T07:31:46","guid":{"rendered":"https:\/\/upgrade.leslinq.comimport-adobe-illustrator-file-with-separate-layers-into-leslinq\/"},"modified":"2026-04-09T11:12:22","modified_gmt":"2026-04-09T09:12:22","slug":"import-adobe-illustrator-file-with-separate-layers-into-leslinq","status":"publish","type":"post","link":"https:\/\/www.leslinq.com\/en\/import-adobe-illustrator-file-with-separate-layers-into-leslinq\/","title":{"rendered":"Import Adobe Illustrator file with separate layers into LesLinq"},"content":{"rendered":"

This time we'll highlight a feature that makes LesLinq absolutely unique: importing Adobe Illustrator (.ai) files, keeping the individual layers separate (as desired). That way you can add interactivity to each individual layer from the Illustrator file. We are happy to explain to you how this works.<\/p>\n

We use the AI \u200b\u200bfile below as a base file. As you can see, the file consists of a number of different layers.<\/p>\n<\/div><\/div>

\"import<\/span><\/div>

Import AI file into LesLinq<\/h2>\n

From LesLinq you can open an existing project, or create a new one. Then double click on the Image icon, or drag it to your canvas. You will then see the following screen:<\/p>\n

 <\/p>\n

<\/p>\n<\/div><\/div>

\"Import<\/span><\/div>

You now choose the option 'UPLOAD AI FILE' and select the Adobe Illustrator file that you want to import. Click on 'Open'. the next screen appears:<\/p>\n<\/div><\/div>

\"import<\/span><\/div>

Choose which file format you want to import (PNG or SVG) and select the layers from your Adobe Illustrator file that you want to import. You can select the layers by pressing the + until you have selected all the layers you want to import If you don't use the + button, your Illustrator file will be imported as 1 separate layer (= 1 image). You cannot edit the individual layers then.<\/p>\n

Now click on 'Import' and you will see that the separate layers from Adobe Illustrator are imported as a separate files. You can now animate and edit each image separately.<\/p>\n

Note: sometimes a transparent layer is placed over the imported objects. You can simply select and move or delete them, so that you can click and edit all individual imported objects separately.<\/p>\n<\/div><\/div>

The end result<\/h2>\n

Below you see an example of the imported Adobe Illustrator file, where we have animated the various layers separately. <\/p>\n<\/div><\/div>