Export Photoshop layers into individual files

Photoshop is a photo retouching tool that offers us quite a few options, which in many cases are “hidden” among its many menus. In an article published on my blog I shared some photoshop tricks that more than tricks, I consider them little-known options.

In this tutorial that I share on 's blog, I want to explain in detail how One of them works, it is the option of Export layers to files .

You will surely be asking yourself: What use is this option? With this function you can individually export all layers of a document to files such as PNG, JPG, BMP, PSD, etc.

To access this option we go to File> Script> Export Layers to Files.

 photoshop01 "width =" 770 "height =" 505 "srcset =" https://carloscabrera.com.ar/wp-content/uploads/2020/07/Export-Photoshop-layers-into-individual-files.jpg 770w, https://diegomattei.com.ar/wp-content/2016/02/photoshop01-457x300.jpg 457w, https://diegomattei.com.ar/wp-content/2016/02/photoshop01-768x504.jpg 768w " sizes = "(max-width: 770px) 100vw, 770px"> </p>
<p style= After executing this command, a dialog box will open where we will find several options, then I will explain each one: [19659007] photoshop02 "width =" 770 "height =" 571 "srcset =" https://diegomattei.com.ar/wp-content/2016/02/photoshop02.jpg 770w, https://diegomattei.com.ar/ wp-content / 2016/02 / photoshop02-405×300.jpg 405w, https://diegomattei.com.ar/wp- content / 2016/02 / photoshop02-768×570.jpg 768w "sizes =" (max-width: 770px) 100vw, 770px ">

a. Destination: Path where the individual files will be saved once they are exported.

b. File name prefix : It is the prefix that all files will carry, for example: Icon, Icon-1, Icon-2, etc.

c. Only visible layers : This box is used to indicate to Photoshop if we want to export all the layers, or only those that are visible (the layers that are visible have the icon of the little eye activated).

d. File type : We select the format in which we want to export our layers (PNG-8, PNG-24, JPG, etc.).

e.Include ICC profile : Indicate if you want to include an ICC color profile (I recommend marking it).

f. Options of the format you choose : Here you will be shown some extra options depending on the format you choose.

g. Execute : Execute the command and export all the layers.

Example of how to export layers individually

We have already seen and explained the options offered by the command of Export layers to files now it's time to put it into practice. For this example I will use this document where I have several icons in a single document, exporting one by one would surely be a tedious task, don't you think? Well now we will see how with this command the task becomes too simple.

 photoshop03 "width =" 770 "height =" 330 "srcset =" https://diegomattei.com.ar/wp-content/2016/02/ photoshop03.jpg 770w, https://diegomattei.com.ar/wp-content/2016/02/photoshop03-590x253.jpg 590w, https://diegomattei.com.ar/wp-content/2016/02/photoshop03- 768x329.jpg 768w, https://diegomattei.com.ar/wp-content/2016/02/photoshop03-700x300.jpg 700w "sizes =" (max-width: 770px) 100vw, 770px "> </p>
<p style= Already with my document and the icons in an individual layer, I go to File> Script> Export layers to files to open the dialog box where I will configure how I want the icons to be exported:

 photoshop04 "width =" 770 "height =" 510 "srcset =" https://carloscabrera.com.ar/wp-content/uploads/2020/07/1594395417_330_Export-Photoshop-layers-into-individual-files.jpg 770w, https://diegomattei.com.ar/wp- content / 2016/02 / photoshop04-453x300.jpg 453w, https://diegomattei.com.ar/wp-content/2016/02/photoshop04-768x509.jpg 768w " sizes = "(max-width: 770px) 100vw, 770px"> </p>
<p style= Okay, I have told Photoshop to export all my layers in a PNG-24 format and also save the transparencies. Likewise, check the “Only visible layers” box since I hid the background layer and I don't want it to be exported to me.

You are probably wondering: Well Hammer What was the result of this? Well, don't worry, I'll show you the exported files below.

 photoshop05 "width =" 770 "height =" 510 "srcset =" https://diegomattei.com.ar/wp-content/2016/02/ photoshop05.jpg 770w, https://diegomattei.com.ar/wp-content/2016/02/photoshop05-453x300.jpg 453w, https://diegomattei.com.ar/wp-content/2016/02/photoshop05- 768x509.jpg 768w "sizes =" (max-width: 770px) 100vw, 770px "> </p>
<p style= You have seen how easily I have managed to export all the icons in my document. It is a quite useful function and that more people should undoubtedly know since it allows us to save a lot of time and effort, as opposed to having to do it manually.

Leave a Reply

Your email address will not be published. Required fields are marked *