Introduction

In previous articles in the Graphics category, we learned how to implement a logo idea. One of the most important parts of everything in the graphics is how it looks. So to show our logo to the client we have to save it as a photo and send it to the client. But at times, a bit of creativity makes the designed logo more than welcome. Here’s how to export your file in Illustrator.

Export file in Illustrator

To export the file, just open the saved Illustrator file. There are a variety of formats for a photo that we’ll cover here in Jpeg and PNG. After opening the Illustrator file, go to the Export menu from the File menu and see the two options for Export for screen and Export as below. But what’s the difference? Let’s start with Export as.

logo

Export in Illustrator with “Export as”

Just click on export as. You will see a window as below. Number one is the location of the file, which you can change. Number 2 shows the name of your output file that can be easily changed. Number 3 also relates to the output format of your file. Here we have selected the Jpeg format. Then press the Export button.

logo

The new window shows a set of output, color file quality settings and several image parameters that we will detail in a separate post. You can now adjust it as shown below. Click the OK button and go to the saved file location to view your output file.

logo

You will probably see an image like the one below. An output whose image dimensions are the same as your logo’s. Here’s the point. In the output files taken with “Export as”, the software excludes the existing objects regardless of the Artboard.

logo

Let’s make a change to the Illustrator file to better understand this type of export. Draw a colored rectangle smaller than the Artboard. Now repeat all the steps above and get a new export. The result is visible as shown below.

logo
logo

Did you get it ?? OK!!!

Now you can do the same for PNG format. The PNG format is useful when we decide to have an image without a background. To do this, select PNG format and adjust as shown below.

logo
logo

Export in Illustrator with “Export for screen”

The difference with the previous option is that when using “Export as”, the software only considers your object. But in “Export for screen”, software export your artboard. It doesn’t matter your object occupies what fraction of your artboard. Everything inside your Artboard should be exported. Let me explain with an example. Take the image below and compare it with the next image, which is a Jpeg Export file with “Export for screen”.

logo
logo

It doesn’t matter if your circle is out of your Artboard. When you use Export for screen, your output is from your artboard. To use this type of output, just select Export for screen in the window below as shown below. From field 1, select the output file location address. From Part 2 select your output file format and from Part 3 select the file magnification. For example, you can select 2, which means your artboard dimensions will be doubled.

logo

In the next part of the tutorial, we will use mockups to display our logo using Photoshop software. Leave us a comment in the comment section.

For more learning click here