Kulture Konnect Blog

Cutting-Edge Marketing to Grow Your Business.

Latest Stories

Featured Stories

Filter By Categories
Marisa Soliz
August 23, 2016

ProTip: A Quick Tutorial to Learn Adobe Illustrator Asset Export

man working on illustrator

When given the task on Adobe Illustrator CC to release new logos as black, white, color in pdf format, jpg format and png format for 21 different restaurants, you can assume this  would be time consuming. I know I did! Not only did I have to do this with three different colors, the jpegs and pngs had to be rendered in three different resolutions. It struck me that this would entail exporting 210 DIFFERENT files (10 files X 21 restaurants!) 

While approaching this task I discovered a little something in Adobe Illustrator: a life-saving tool called “Asset Export." 

Asset Export allows you to export as MANY jpgs, pngs, pdfs you might need, with the correct resolution and size. Take a look at Adobe while thinking about its customers and how to help them better utilize their time. Below learn Adobe Illustrator tip you'll thank us for! Follow the step-by-step to show you how this awesome tool works. Since we did this by exporting final logos, they will be the content of this demonstration. Enjoy!

whiskey joe tampas image

1. Open the file you wish to export. For this purpose I am going to use Whiskey Joe’s Tampa special events logo.

2. You will need to make a selection of the artwork that you would like to export.

editing on illustrator3. Click “Window” and when it drops down with multiple options you will want to click “Asset Export” 

It will look something like this once it’s open.

Asset export menu image 4. With your artwork selected, you're going to need to drag it into the panel specified.

creating logo5. Once it’s imported it will look something like this. By default, it gives your project the name “Asset 1”.  Go ahead and click under the thumbnail where it says “Asset 1” to change the name to exactly what you want. We will change the name in the file below to “WHIST_Logo_”.

New Call-to-action

6. Next  you will see a bottom portion that says “Export Settings”.  This is where you get to choose your multiple usages. Notice the “+ Add Scale” button where you can add as many exports as you want.

export settings

7. To create the different exports, you have a couple options. If you click the drop down arrow, under “Scale”, you can choose to scale to different sizes or you can choose width, height, or resolution if you have a very exact specs you need the image to export as. On the right hand side, you will see a drop down for format. Here you can choose .png, .jpg, .svg or .pdf

asset exportpng jpeg drop down menu

8. For this example, we will need to export the logos at 72DPI, 150DPI and 300DPI for JPEG and PNG. See the screen shot below for an example of what this looks like.

With each resolution you'll notice it gives different numbers you will have to input the exact DPI number you want. Creating a name in the Suffix will allow you to differentiate which file is each if you have multiple of a certain format.

resolution choices menu

9. Once you are done creating the certain amount of pieces needed to be exported click the export button that is located in the bottom right corner, here it takes you to a window on where to save it.

(NOTE: Make sure the artwork thumbnail is selected or you wont be able to click the export button.) 

saving illustrator work
10. Minimize your Illustrator program, open up the folder and make sure everything is saved correctly. I placed mine in separate folders to be able to grab faster.

minimize illustrator program
11. Have fun exporting at the speed of light! 


Hope you enjoyed this helpful Pro Tip!


 >> Download your FREE rebranding checklist!<<

Subscribe Email

Popular Stories

7 Restaurant Menu Design FAILS
9 Billboard Design FAILS
27 Logo Design FAILS

Recent Blog Posts

The 4 Most Important Inbound Marketing Metrics to ...

Posted by Niki Pacheco
If you’re running a business, then you need to be paying attention to inbound marketing metrics. ...

Marketing Automation in Inbound Marketing

Posted by Niki Pacheco
If you're like most business owners, you're always looking for ways to increase website conversion ...

Paid Advertising and Inbound Marketing: A Winning ...

Posted by Jorge Pacheco
If you're a business owner, then you know that in order to be successful, you need to constantly be ...

Proper Website Conversion Strategies

Posted by Niki Pacheco
If you're running a business, it's important to know how to convert incoming leads into customers. ...

How Inbound Marketing and Social Media Work ...

Posted by Niki Pacheco
If you're a business owner, then you know that in order to be successful, you need to constantly be ...