Now that we've made our logo, we'll want to save it in a few different formats so we have a version available for a number of different uses. First, we'll want to copy the logo from this document and create a new one that will only hold the logo.
Step1. If necessary, select the logo.
Step2. To make a copy of the logo, in the Menu bar,
Click Edit, Click Copy
Step3. To create a new document, from the Menu bar,
Click File, Click New...
Step4. To specify that we want our document's size to be measured in pixels, in the right side of the New Document dialog box,
Click, Click Pixels
Step5. To indicate the width and height of our new document, in the Width field of the New Document dialog box, type:
150 Tab key 150
Step6. To create our document,
Step7. To paste the logo into the new document,
Click Edit, Click Paste
Step8. Use the Selection tool to move and re-size the image so that it and its drop shadow fill the entire artboard.
Step9. Save the file as finished_logo.ai.
Saving and Exporting the Finished Logo
Now that we have completed our logo, we will need to save it in an appropriate format for where we intend to use it. If we wanted to save our logo for print, we'll want to save it in an entirely different way than we might want to save it for use on a screen or as part of a website.
Saving for Print
We should be able to print our Illustrator files from the computer that we created them on without any issues; however, if we are printing files from another computer or sending them to a print vendor, there are a few points to keep in mind. We'll need to make sure we save the file in an appropriate format for printing. While we could theoretically send our Illustrator file directly to a print vendor, there's a possibility that they may not have Illustrator, or may have an older version than what we're using — so we'll save our file as an EPS file, which is a universal file format for vector graphics that will be printed.
Working With File Format
Most print vendors use Adobe software, but they may not have the same version used to create our document. To avoid file format problems, it's a good idea to save our final document in a universal format, such as EPS, which stands for Encapsulated PostScript. This file format can be opened by Illustrator as well as any vector graphic editing program.
Step1. To save a copy of our document as an EPS, in the Menu bar,
Click File, Click Save As...
Step2. To save as a EPS, in the Save as type field,
Click, Click Illustrator EPS (*.EPS)
Step3. To finish saving the file,
Step4. To finish saving the file,
NOTE: Always speak with the group printing your document before sending your document over, to ensure you're saving your file in the appropriate format.
Saving for the Web
We now know how to save our image for print, but what if we want to incorporate it into a website? We'll need to make sure we're saving it in a web-friendly format and at a good size for use in our website. When saving an Illustrator image for use on the web, we'll want to use the Export option to save our graphic in a file format that works on the web. Before we do that, we'll want to explore the different file formats for saving graphics for the web, so we make sure we're using the right format for our graphic.
Understanding Web Image Formats
Web browsers are only able to display a few types of images, therefore, we often need to convert original images into a web-friendly format. Different formats are used for different types of images:
|File Format||Best used for:|
|GIF||Best used for graphics that include relatively few colors, like logos and backgrounds. Can also have transparent areas. Main limitation is the 256-color maximum that makes them ineffective for graphics with a great variety of color.|
|PNG||Allows for more colors than GIF, and can be used for more complex graphics. Also includes ability to use alpha transparency. Will result in larger file sizes than GIF files, however.|
|JPEG||Capable of showing nearly 17 million colors. Best used when saving bitmap graphics, such as photographs and images with texture variations.|
Since our logo has relatively few colors and some large areas of a single color, we could save it as either a PNG or a GIF file — however, since we also have a gradient included, we'll want to save it as a PNG file as it allows for saving more colors than the GIF format and will nicely preserve our gradient without making a large file.
Exporting Images in Illustrator
Illustrator makes it easy to export files into a number of different formats. Let's export our logo as a PNG file.
Step1. To start the process of exporting our logo, in the Menu bar,
Click File, Point Export, Click Export As...
Step2. To choose a format for our file, in the Save as type: field,
Click, Click PNG (*.PNG)
Step3. To continue the export process,
Step4. To indicate we want a transparent background, in the Preview section of the PNG Export window, if necessary,
Click, click Transparent
Step5. To finish saving our graphic,
NOTE: To learn more about using Illustrator to create web graphics, consider attending the workshop Creating Graphics for the Web, which discusses the creation of web graphics in Illustrator in more depth.