{"id":7677,"date":"2021-10-04T13:52:56","date_gmt":"2021-10-04T13:52:56","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=7677"},"modified":"2022-03-15T16:47:43","modified_gmt":"2022-03-15T16:47:43","slug":"exporting-logos-for-clients","status":"publish","type":"post","link":"https:\/\/sites.la.utexas.edu\/kb\/2021\/10\/04\/exporting-logos-for-clients\/","title":{"rendered":"Exporting Logos for Clients"},"content":{"rendered":"\n

Prior reading: Exporting: When to Use What File Types<\/a><\/p>\n\n\n\n

Exporting a logo package is different than exporting a single graphic. Logos often get used by many people, in many iterations (websites, t-shirts, email signatures, business cards, etc). So, if all your client has is a .PNG file of their logo but they are making mugs, they might end up with pixelated mugs which will make all of us feel bad. <\/p>\n\n\n\n

Because of this, it’s important to provide your client many different file types built for web and print. <\/p>\n\n\n\n

In addition to file types, it’s important to provide multiple colorways of your logo. For example, a black knockout of the logo in case it ever appears on a colored background. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

There ends up being a lot of file types & exports to do.<\/p>\n\n\n\n

Step 1. Prep Files<\/h2>\n\n\n\n

Start by expanding all of your shapes and fonts in Illustrator.
– Object > Expand
– Object > Path > Outline Stroke
– Type > Create Outlines<\/p>\n\n\n\n

Group your entire logo (ctrl+G) and paste it onto a 1920 x 1080 px<\/strong> artboard. Document settings should be RGB, 72 dpi.
Resize the logo to fit the artboard, then align the grouped logo to the center of the artboard horizontally and vertically.<\/p>\n\n\n\n

Step 2. Files to Export<\/h2>\n\n\n\n

To export your file, go to File > Export As…
For PDF’s, you can export them under File > Save As… > PDF<\/p>\n\n\n\n

Follow the file structure here.<\/p>\n\n\n\n

—01_Digital<\/strong> (11 to 12 total files per logo layout)
Descriptive file name: MyLogo_RGB_Full_Color.xxx<\/span><\/p>\n\n\n\n

——–01_Full_Color (4 total):
.AI, .JPG, transparent .PNG, .SVG<\/p>\n\n\n\n

——–02_Black_KO (3 total)
JPG, transparent .PNG, .SVG<\/p>\n\n\n\n

——–03_White_KO (2 total)
transparent .PNG, .SVG
NO JPG, won’t handle transparency, therefore won’t show white text.<\/em><\/p>\n\n\n\n

——–04_Inverse (2-3 total, optional)
.JPG (not if using white), transparent .PNG, .SVG<\/p>\n\n\n\n

For Print<\/strong><\/p>\n\n\n\n

First, convert your AI document to print settings.
– File > Document Color Mode > CMYK
– Effect > Document Raster Effects Settings… > Resolution: High (300 ppi)<\/p>\n\n\n\n

—02_Print<\/strong> (9 total files)
Descriptive file name: MyLogo_CMYK_Full_Color.xxx<\/span><\/p>\n\n\n\n

——–01_Full_Color (3 total)
.AI, .PDF, .EPS<\/p>\n\n\n\n

——–02_Black_KO (2 total)
.PDF, .EPS<\/p>\n\n\n\n

——–03_White_KO (2 total)
.PDF, .EPS<\/p>\n\n\n\n

——–04_Inverse (2 total, optional)
.PDF, .EPS<\/p>\n\n\n\n

Step 3. Different Logo Layouts<\/h2>\n\n\n\n

Your client will also need the logo in a few various layouts depending on the container where the logo will be placed. Generally, three will suffice but more is acceptable: Long horizontal logo, Vertical\/stacked logo, and just a symbol\/brandmark. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

So, repeat Step 2 for all different logo layouts. Create a new parent folder for each. Here’s what that final file tree will start looking like:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

There will be lots of files, that is ok. Take your time and go methodically through the process so as not to make any mistakes. Keep your file names accurate & descriptive. Remember to create transparent PNGs. You got this!<\/p>\n","protected":false},"excerpt":{"rendered":"

Prior reading: Exporting: When to Use What File Types Exporting a logo package is different than exporting a single graphic. Logos often get used by many people, in many iterations (websites, t-shirts, email signatures, business cards, etc). So, if all … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":705,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7677","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/705"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=7677"}],"version-history":[{"count":8,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7677\/revisions"}],"predecessor-version":[{"id":8336,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7677\/revisions\/8336"}],"wp:attachment":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=7677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=7677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=7677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}