How to Use Artboard to Slice for the Web

  • Print this article

Artboard is an application for Mac OS X computers that allows you to create your own vector-based designs and graphics and export them in Web-friendly file formats such as PNG and JPEG. At the time of publication Artboard does not have a slicing option, such as that found in Adobe Illustrator, which allows you to cut an image into two or more pieces for Web content. Fortunately, there is a quick way to slice images you have made in Artboard using the Mac OS X Grab utility.

Instructions

    • 1

      Launch Artboard and open a project you have created for a Web image. Alternatively, click "New From Template" from the File menu and select any template image by double-clicking it.

    • 2

      Click the image to select it, then click the "View" menu. Use the "Zoom In" or "Zoom Out" options to size the image as needed for your Web image. Examine the image to determine how you want to slice it for the Web.

    • 3

      Press "Shift-Command-4" simultaneously on the keyboard to activate the Grab utility. The cursor changes to a cross-hair. Position the cursor where you want the first slice to begin, then drag it across the image, using the top and left rulers in the Artboard window to determine the slice's size and position.

    • 4

      Release the mouse button. The Mac makes a camera shutter sound and the image slice is automatically saved to the desktop. These files are named "Screen Shot" with the date and time they were taken.

    • 5

      Repeat Steps 3 and 4 to take another slice of the image, using the Artboard rulers to determine the location and size of the slice. Repeat this process until you have as many slices as desired for your Web image.

    • 6

      Click "Preview" from the Finder's Application folder. Select "Open" from the Preview File menu, then navigate the Desktop folder. Hold down the "Command" key and click on each of the image slices. Click "OK."

    • 7

      Change the image format as desired in Preview by clicking "Save As" under the File menu. You can save the images in .jpg. .gif, .png or several other file formats by clicking the "Format" menu. Change the name of the image files in the "Save As" text field.

Tips & Warnings

  • When using the Grab application, the cross-hair icon also shows the exact location of the cursor, measured in pixels from the upper-right corner of the screen. You can use these measurements in addition to the Artboard rulers to determine exactly where your slices should be.

Related Searches

References

Resources

Comments

Related Ads

Featured
View Mobile Site