{"id":2733,"date":"2020-03-10T19:58:14","date_gmt":"2020-03-10T19:58:14","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=2733"},"modified":"2021-10-04T13:54:07","modified_gmt":"2021-10-04T13:54:07","slug":"preparing-approved-graphic","status":"publish","type":"post","link":"https:\/\/sites.la.utexas.edu\/kb\/2020\/03\/10\/preparing-approved-graphic\/","title":{"rendered":"Preparing an Approved Graphic in Different File Formats"},"content":{"rendered":"<h3><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/banner-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2897\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/banner-logo-300x100.jpg\" alt=\"\" width=\"639\" height=\"213\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/banner-logo-300x100.jpg 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/banner-logo-768x256.jpg 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/banner-logo-1024x341.jpg 1024w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/a><\/h3>\n<p>This training will cover how to professionally deliver a final graphic design to the client, which includes how to create a style guide, how to export in different file formats, and how to package all files in a professional manner.<\/p>\n<h3><strong>When your design is approved, create a folder on Box for all the files.&nbsp;<\/strong><\/h3>\n<p>This folder will be shared with the client via link once all final files are included. Below is a general checklist for files that should be included for an approved graphic.<\/p>\n<ul>\n<li>A style guide<\/li>\n<li>An Illustrator file with all versions of the graphic in properly named layers<\/li>\n<li>PDF file for each version of the logo<\/li>\n<li>PNG file for each version of the logo<\/li>\n<li>SVG file for each version of the logo<\/li>\n<li>EPS file for each version of the logo (create outlines for print)<\/li>\n<li>any other file formats that the client asked for<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline;\"><strong><span style=\"color: #000000; text-decoration: underline;\">Note:<\/span><\/strong> the checklist might be different depending on the client\/project.<\/span><\/p>\n<hr>\n<h3><strong>Creating a style guide<\/strong><\/h3>\n<p>Style guide should include the following information<\/p>\n<ul>\n<li>The graphic<\/li>\n<li>An overview of the graphic<\/li>\n<li>Color palette<\/li>\n<li>Font<\/li>\n<li>examples of usage<\/li>\n<li>dimension<\/li>\n<\/ul>\n<p>Style guide can be in different formats depending on the type of project. ex:<\/p>\n<div id=\"attachment_2756\" style=\"width: 200px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-12.53.12-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2756\" class=\"wp-image-2756 \" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-12.53.12-PM-266x300.png\" alt=\"\" width=\"190\" height=\"214\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-12.53.12-PM-266x300.png 266w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-12.53.12-PM-768x867.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-12.53.12-PM-907x1024.png 907w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-12.53.12-PM.png 1152w\" sizes=\"auto, (max-width: 190px) 100vw, 190px\" \/><\/a><p id=\"caption-attachment-2756\" class=\"wp-caption-text\">when there is only one version.<\/p><\/div>\n<div id=\"attachment_2755\" style=\"width: 201px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/dyno_all-16.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2755\" class=\"wp-image-2755 \" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/dyno_all-16-266x300.png\" alt=\"\" width=\"191\" height=\"215\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/dyno_all-16-266x300.png 266w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/dyno_all-16-768x868.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/dyno_all-16-906x1024.png 906w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/dyno_all-16.png 1395w\" sizes=\"auto, (max-width: 191px) 100vw, 191px\" \/><\/a><p id=\"caption-attachment-2755\" class=\"wp-caption-text\">when there are multiple versions.<\/p><\/div>\n<hr>\n<h3><strong>Illustrator file<\/strong><\/h3>\n<p>This is for other designers that might need to recreate or make iteration on the graphic. Have a clean .Ai file with all final versions of the graphic and proper named layers.&nbsp;<\/p>\n<p>It&#8217;s often necessary to <strong>Expand<\/strong> your shapes &amp; fonts (Object &gt; Expand&#8230; and Type &gt; Create Outlines). This will vectorize your assets so anyone can open the document and see it even if they don&#8217;t have your same fonts, patterns, files, etc.<\/p>\n<h3><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.10.31-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2760\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.10.31-PM-300x151.png\" alt=\"\" width=\"427\" height=\"215\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.10.31-PM-300x151.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.10.31-PM-768x386.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.10.31-PM-1024x514.png 1024w\" sizes=\"auto, (max-width: 427px) 100vw, 427px\" \/><\/a><\/h3>\n<hr>\n<h3><strong>pdf, png, and svg files<\/strong><\/h3>\n<p>Make sure each graphic is at least 800&#215;800 pt.<\/p>\n<p>To export individual assets in Illustrator, select the graphic, <span style=\"color: #000080;\">right click -&gt; collection for export -&gt; As single asset<\/span>. (This will export all selected elements as one asset, &#8216;As multiple Assets&#8217; would export each grouped object)<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.45.24-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2765\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.45.24-PM-300x201.png\" alt=\"\" width=\"357\" height=\"239\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.45.24-PM-300x201.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.45.24-PM-768x514.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.45.24-PM-1024x685.png 1024w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.45.24-PM.png 1442w\" sizes=\"auto, (max-width: 357px) 100vw, 357px\" \/><\/a><\/p>\n<p>The asset export window would pop up. To add another graphic, select all elements of that graphic and click on the page icon in the asset window to add graphic as an asset.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.50.08-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2766\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.50.08-PM-300x228.png\" alt=\"\" width=\"300\" height=\"228\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.50.08-PM-300x228.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.50.08-PM-768x584.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.50.08-PM-1024x779.png 1024w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.50.08-PM.png 1832w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>When all graphics are added as assets, under &#8216;Export setting,&#8217; change scale option to &#8216;Resolution&#8217; and make sure it is set to 300 dpi.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.57.36-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2767\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.57.36-PM-244x300.png\" alt=\"\" width=\"194\" height=\"239\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.57.36-PM-244x300.png 244w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.57.36-PM-768x944.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.57.36-PM-833x1024.png 833w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-1.57.36-PM.png 894w\" sizes=\"auto, (max-width: 194px) 100vw, 194px\" \/><\/a><\/p>\n<p>Properly name each asset, shift select all assets, then click export. Change the format after each export to do that for png, svg, and pdf.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.08.48-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2769\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.08.48-PM-141x300.png\" alt=\"\" width=\"141\" height=\"300\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.08.48-PM-141x300.png 141w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.08.48-PM-480x1024.png 480w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.08.48-PM.png 623w\" sizes=\"auto, (max-width: 141px) 100vw, 141px\" \/><\/a><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.10.41-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2770\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.10.41-PM-141x300.png\" alt=\"\" width=\"141\" height=\"300\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.10.41-PM-141x300.png 141w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.10.41-PM-481x1024.png 481w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.10.41-PM.png 618w\" sizes=\"auto, (max-width: 141px) 100vw, 141px\" \/><\/a><\/p>\n<hr>\n<h3><strong>eps file<\/strong><\/h3>\n<p>Convert all text to outline before exporting as eps file. Select texts, <span style=\"color: #333399;\">right click -&gt; Create Outlines.&nbsp;<span style=\"color: #333333;\">(This is for easier printing process, in case of printers not having a specific font)<\/span><\/span><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.15.23-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2772\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.15.23-PM-300x284.png\" alt=\"\" width=\"226\" height=\"214\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.15.23-PM-300x284.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.15.23-PM-768x728.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.15.23-PM-1024x971.png 1024w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.15.23-PM.png 1393w\" sizes=\"auto, (max-width: 226px) 100vw, 226px\" \/><\/a><\/p>\n<p>Go to <span style=\"color: #333399;\">File -&gt; Save as<\/span>. Change format to &#8216;Illustrator EPS,&#8217; then Save.<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.24.45-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2773\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.24.45-PM-300x165.png\" alt=\"\" width=\"300\" height=\"165\" srcset=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.24.45-PM-300x165.png 300w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.24.45-PM-768x423.png 768w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.24.45-PM-1024x563.png 1024w, https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/03\/Screen-Shot-2020-03-12-at-2.24.45-PM.png 1412w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<hr>\n<h3><strong>Final step<\/strong><\/h3>\n<p>Put all files in a box folder and share the link with your client.<\/p>\n\n\n<p>If you have created a client logo, read about <a href=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/10\/04\/exporting-logos-for-clients\/\">best practices for exporting logo files &amp; delivering a complete logo package<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This training will cover how to professionally deliver a final graphic design to the client, which includes how to create a style guide, how to export in different file formats, and how to package all files in a professional manner. &hellip; <a href=\"https:\/\/sites.la.utexas.edu\/kb\/2020\/03\/10\/preparing-approved-graphic\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":747,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[227997],"tags":[],"class_list":["post-2733","post","type-post","status-publish","format-standard","hentry","category-client-communication-and-intake"],"_links":{"self":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/2733","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\/747"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=2733"}],"version-history":[{"count":28,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/2733\/revisions"}],"predecessor-version":[{"id":7679,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/2733\/revisions\/7679"}],"wp:attachment":[{"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=2733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=2733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=2733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}