Join Julieanne Kost for an in-depth discussion in this video Quickly exporting images, part of Photoshop CC 2018 Essential Training: Design.
- [Instructor] Photoshop makes it very easy to export entire documents, or multiple layers at one time. Let's take a look. I'll start with this photograph. It's s single layered document and I'll choose file and then export. If I select export as, you can see that the default setting is PNG. I'd rather save this as a JPG file, so I'll choose the export preferences and then change the quick export format to JPG. I'll set the quality up to 90, leave it set to ask where to export each file, and for meta data I'll include copyright and contact information, and I'll convert these images to sRGB.
When I click OK I have now set the preference for quick export so that I can choose file, export and now it says quick export as JPG. If I needed additional options, I would choose export as. Because it's a single layered document, we can see that on the left hand side, and on the right side we have all of our different file settings. I'll leave the format as JPG, but decrease the quality down to 90%. That's going to give me a significantly smaller file size with just a little bit of compression.
I can also change the image size. I'll bring the width down to 1200 pixels, and leave it set to the default resample algorithm which is bicubic automatic. I want it to include my copyright and contact information, convert to sRGB and embed the color profile and then I'll click export all. It'll ask me where to export the file. If I want to save it to the same folder as it originated, I'll go ahead and append this with an LR for low res and click export.
Then, if we return to Bridge, we can see, there's my low res file. Alright, let's return to Photoshop. I'll close this document using Command + W, I don't want to save the changes, and let's take a look at this artboard. Here I have a multi layered document and I might only want to export some of the buttons down along the bottom. I can choose to select them all as one graphic if I click on the button layer group.
But to export them as unique, individual graphics, I'll select each one of the layers, and then instead of using the file menu to choose export and export as, I'll right click on the layers panel, and choose export as. Although it might seem like it's going to give me the same options, it's actually not. When I choose export as from the layers panel, Photoshop will treat each one of those layers as an individual document. If I want to make any changes to the settings, for example I might want to change the format, I'll select all of the layers so that I only have to do it once, then change the format to PNG.
I'll leave the image size and the canvas size the same. I want to include the copyright, convert to sRGB, and embed the color profile. If I need multiple versions of these documents, I can click on the plus icon and change the size by selecting one of the different scaling options. I can also change the suffix if needed. For now I only need one version, so I'll click the trash icon. I'll click export all. It'll ask me where I want to save them.
I'll create a new folder called PNG, click create and then export. If we return to Bridge, we can see, there's the PNG folder and there are the exported buttons. So whether you're exporting photographs or multi-layered documents, the new quick export and export as provide a fast and high-quality option in Photoshop.
Photoshop CC boasts tools and features for making tonal and color adjustments, applying effects and treatments to type and graphics, and distorting, filtering, and layering elements—all while maintaining the highest-quality output. In this course, Julieanne demonstrates how to efficiently perform common design tasks, including editing images, drawing shapes, and working with type and fonts. Along the way, she shares the secrets of nondestructive editing using Smart Objects, and helps you master features such as layers, filters, blending modes, typography, custom brushes, vector masks, and much more—increasing your productivity every step of the way.
- Working with Smart Objects
- Linked vs. embedded Smart Objects
- Creative transformations and warping
- Essential filters for designers
- Emulating traditional drawing techniques
- Working with shape and fill layers
- Pen tool basics
- Applying layer effects and styles
- Type essentials
- Creative brush techniques
- Working with libraries and artboards
- Exporting files and sharing images