How To Cut Illustrator Objects into Pieces

Adobe Illustrator is a useful tool employed by graphic artists in creating various graphics and designs. Illustrator is a vector graphics software, which means it creates graphical images using geometry, such that even as you zoom in infinitely on a part of the graphic, it still retains the same level of detail and crispness as if when seen zoomed out. Vector graphics are usually taken in contrast with bitmap graphics or raster graphics, which define a picture point-by-point.

In Adobe Illustrator, you can cut objects into several pieces for ease of use. These can then be applied for use on a website, combined together. You have two options of cutting an illustrator object into pieces. One is by using another object. Another is by splitting using a line.

Using an object. You can cut illustrator object into different pieces with the use of another object.

  1. Create separate objects.
  2. Assign one object as a “cookie cutter.” You will have to select the object to be used for “cutting” with the selection tool.
  3. Drag the cutting object such that it will touch or overlap with the first object.
  4. Look for the Object menu. Click Path. Then, click Slice.
  5. The “cutting” object will now have made a cut into the bottom object, with the overlap as a guide.

Split using a line. You can also split illustrator objects into separate pieces using a line. You can use either the Scissors tool or the Knife tool.

  1. Create your illustrator object, import it or load it.
  2. Select the object with the Selection tool.
  3. Select the scissors tool.
  4. Click a point where you want the object to be split.
  5. Drag the split object toward its new location.

You can usually toggle between the knife and scissors tool by clicking on Alt (on Windows) and the Option button on the Mac.

Objects cut in Adobe Illustrator have various uses. For one, these can be useful when creating an image map for publishing online. Each split portion can correspond to a certain link or URL.

Additionally, cutting or splicing of raster or vector images is usually the realm of graphic to HTML conversion. Sometimes a graphic designer will create a graphic-oriented layout of how he will envision a website to look. These can include both raster and vector graphics. However, the underlying code is not applied yet. This graphic file can then be converted into HTML and CSS. A designer or programmer will slice the images into their counterparts: text will be converted into content, and graphics will be saved in their individual files and laid out using CSS. The split-up graphics are then called via CSS classes or HTML <img> tags.

Services such as JPEG or PSD to HTML conversion will usually be cheaper than hiring a designer to come up with an HTML design from scratch. If you are familiar with cutting images using illustrator, though, then you might be able to do this conversion yourself, which can help further lower cost.


Share this article!

Follow us!

Find more helpful articles: