Adobe Illustrator and InDesign Integration with Layered Images [Visual Imagination #3]
Adobe Illustrator and Adobe InDesign integrate in a cool way when it comes to images. Let's say you have a layered image in Illustrator. When you insert that illustrator .ai file into InDesign, you can turn the layers on or off within InDesign itself. This control with the layers allows you to use the same image multiple times without duplicating it or exporting it to another format.
Here's a screencast showing how I implemented this integration in one of my guides. (My voice is kind of soft here because it's late and I didn't want to wake up the kids.)
To turn the layers on or off in InDesign, select the image, and then go to Object > Object Layer Options.
In the screencast, I also noted some more obvious integration points with images between these two applications. First, you can leave your file in the .ai format (or .psd if working with Photoshop) without exporting it to a JPG, GIF, or some other format. When you insert the file as a linked file, you can continue to edit the file within Illustrator and then just update the linked image in InDesign to get the latest edits.
This integration can be infinite, I believe. I didn't explain this in the screencast, but with my Illustrator image, the image itself was made up of about 8 separate images that reside in their own Illustrator files. Each of the .ai files is inserted as a linked image into the master diagram .ai file. This master diagram is then inserted into InDesign. So if I open one of those supporting image files (for example, the firewall icon file), and update that, the changes propagate through all other files where I've inserted the image.
Given this integration, if you're using InDesign as your authoring tool (which I do for quick reference guides), I highly recommend using another Adobe suite product, such as Illustrator or Photoshop, as your graphics tool, especially if your graphics have layeres.
About Tom Johnson
I'm an API technical writer based in the Seattle area. On this blog, I write about topics related to technical writing and communication — such as software documentation, API documentation, AI, information architecture, content strategy, writing processes, plain language, tech comm careers, and more. Check out my API documentation course if you're looking for more info about documenting APIs. Or see my posts on AI and AI course section for more on the latest in AI and tech comm.
If you're a technical writer and want to keep on top of the latest trends in the tech comm, be sure to subscribe to email updates below. You can also learn more about me or contact me. Finally, note that the opinions I express on my blog are my own points of view, not that of my employer.
HI. Not sure if this has already been asked... if so, apologies.
I have a, Indesign file with layers that I need to open in Illustrator (mainly to check that all the layers are correct, before going to print). The job is using white ink onto dark paper. I have one layer for background, which I have set to "paper", one for the white print/underprint and then the top layer is everything else to be printed.
When I create my pdf, I have chosen the latest Acrobat version, have create Acrobat layers and export all layers on, no compression, but although all elements seem to be there, they are in a single layer when I open the pdf with Illustrator.
I have an older version of Adobe Illustrator for Windows (I think it's 2 yrs old) that I'll sell you...
But I can't give away a license key. Not only would it violate the license, you can only activate the license in two computers.
blog: idratherbewriting.com
twitter: tomjohnson
408-540-8562
Hi Tom,
Pretty sure that 'Hina' is probably a spam bot, given the URL link to an Adobe crack. :)
Great site, btw!
Thank you for sharing this! A friend of mine found your blog and told me about it. Very nice!
I'm curious: This tip seems both very useful and potentially troublesome. I understand there is only one Illustrator file, linked to several pages, each page showing one layer of the whole AI file. However, aren't all those layers still present? Does that make your image larger than it has to be?
If you had created separate files with one layer each, wouldn't each linked (or imported) image be smaller in your final PDF (assuming you're going to export the InDesign file)? Or does InDesign perhaps account for this upon export to PDF?
Thank you again for the insight and the excellent site!
Ben M:
Your problem probably comes from the fact that .jpg and .gif are bitmap formats. Even if you create an image in a vector format, they will be broken into pixels when you save them with that file extension.
Now if we could see the same sort of functionality in FrameMaker, there would be much rejoicing! For now it looks like we're stuck sucking in PDFs.
Strangely, in nearly 7 years as a technical writer, I've never had to use Framemaker. I use InDesign a lot, but not Frame. I keep waiting for it to die. But if Adobe did release a tech comm product that offered the same integration as their creative suites, that would be powerful.
Another great thing about putting .ai files directly into InDesign is you can resize them there and keep them sharp.
I've noticed that vector images in .ai put directly in InDesign are sharper in the PDF output than if you save the images as a .jpg or .gif first and then put them in InDesign. InDesign probably rasterizes images when you export to PDF, but it manages to keep .ai images pretty crisp in the process.
Good to know. Thanks for the tip, Ben.