{"id":204,"date":"2010-10-14T00:11:29","date_gmt":"2010-10-14T04:11:29","guid":{"rendered":"http:\/\/www.ericson.net\/content\/?p=204"},"modified":"2011-06-15T11:19:59","modified_gmt":"2011-06-15T15:19:59","slug":"export-layers-as-pngs","status":"publish","type":"post","link":"https:\/\/www.ericson.net\/content\/2010\/10\/export-layers-as-pngs\/","title":{"rendered":"Export Illustrator Layers as PNGs"},"content":{"rendered":"<p><b>Update: I&#8217;ve got a much improved version of the script that also exports artboards and adds a PDFs option. Get the <a href=\"https:\/\/www.ericson.net\/content\/2011\/06\/export-illustrator-layers-andor-artboards-as-pngs-and-pdfs\/\">improved version.<\/a><\/b><\/p>\n<p>Hot on the heels of my Illustrator script to <a href=\"https:\/\/www.ericson.net\/content\/2010\/09\/export-named-artboards\/\">export artboards as PNG files<\/a>, here&#8217;s one that exports Illustrator layers as PNG files. <\/p>\n<p>To use the script, download <a href=\"http:\/\/www.ericson.net\/files\/illustrator-scripts\/Export-Layers-as-PNG.jsx\">Export-Layers-as-PNG.jsx<\/a> and put in your Illustrator scripts folder (usually in Applications\/Adobe Illustrator\/Presets\/Scripts\/). Restart Illustrator, and run the script by going to \u201cFile > Scripts > Export Layers as PNG\u201d. <\/p>\n<ul>\n<li>Files are named based on their layer name. It only exports layers where their name has been changed from the default &#8220;Layer 1&#8221;, &#8220;Layer 2&#8221;, etc.<\/li>\n<li>If you put a plus sign (+) in front of a layer name, that layer will always be visible. Useful for if you want to have a layer that always appears in the background of each exported image.<\/li>\n<li>If you put a minus sign (-) in front of a layer name, it will skip that layer. <\/li>\n<li>It stores its settings in a nonvisible, nonprinting layer named &#8220;nyt_png_info&#8221;<\/li>\n<li>It has an option for transparency, and lets you choose between PNG8 and PNG24.<\/li>\n<\/ul>\n<p>You can try it out on the sample file <a href=\"http:\/\/www.ericson.net\/files\/illustrator-scripts\/layer-test.ai\">layer-test.ai<\/a>. <\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.ericson.net\/content\/wp-content\/uploads\/2010\/10\/layer-test.png\" alt=\"\" title=\"layer-test\" width=\"150\" height=\"61\" class=\"aligncenter size-full wp-image-211\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.ericson.net\/content\/wp-content\/uploads\/2010\/10\/layers-list.png\" alt=\"\" title=\"layers-list\" width=\"223\" height=\"194\" class=\"aligncenter size-full wp-image-212\" \/><\/p>\n<p>When you run this script on this file, it will export 2 PNGs: Play.png and Pause.png. The &#8220;+Button&#8221; and &#8220;+Gradient&#8221; layers will appear in the background of both exported files, and it will skip the &#8220;-Pause 2&#8221; and &#8220;Layer 5&#8221; layers. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Update: I&#8217;ve got a much improved version of the script that also exports artboards and adds a PDFs option. Get the improved version. Hot on the heels of my Illustrator script to export artboards as PNG files, here&#8217;s one that exports Illustrator layers as PNG files. To use the script, download Export-Layers-as-PNG.jsx and put in [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[1],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/posts\/204"}],"collection":[{"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":16,"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/posts\/204\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/posts\/204\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/media?parent=204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/categories?post=204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ericson.net\/content\/wp-json\/wp\/v2\/tags?post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}