• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 419
  • Last Modified:

Batch export all graphic elements of an AI file

I own AI CS5, but I'm a total noob.

Is there a way to take an AI document and export ALL of the graphic elements as separate distinct images?


I was given an AI document that I am trying to slice up and convert over to a web page that looks like the AI doc.

0
Tom Knowlton
Asked:
Tom Knowlton
  • 2
  • 2
  • 2
2 Solutions
 
Sigurdur ArmannssonDesignerCommented:
There is a tool, Slice-Tool (Shift+K) that you can use to kind of draw boxes that are the slices.
When you are satisfied you can go to the Edit menu and Choose: Save Selected Slices... and it will save your file as slices and an html file along with it.

Make sure you keep a copy of the original in case you want to try a few variations.
0
 
Tom KnowltonWeb developerAuthor Commented:
Huh.....I am not sure if this is what I am looking for.

Does the "slice" area pick up the background behind it as well?

I want the discrete images with transparent backgrounds.
0
 
David BruggeCommented:
If the objects are on a transparent background AND you export as a png or gif with transparency, the transparency will be preserved.

However, you will be exporting bitmapped images of the objects and not the vector objects themselves.
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
Sigurdur ArmannssonDesignerCommented:
Ok. Then you might want to do this:

Use the Rectangle tool, M to draw a box arround every item in the artwork. Use no fill for the boxes so you can better see what you are doing.

These boxes may overlap.

Select every box you just made using the black arrow and Shift.

Go to: Object > Artboards > Convert to Artboards.

Go to: File > Export, select PNG as format, Transparent background et al, and at the bottom of this save dialog check Use Artboards and All.

This will export every item as a separate .png file of your choice. Closer?
0
 
David BruggeCommented:
knowlton,

Are you familiar with the slice tool in Illustrator? This may be what you are looking for.
0
 
Tom KnowltonWeb developerAuthor Commented:
thx.  They eventually sent me the artwork...so I guess this is moot now.

No...not familiar with the slice tool!
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now