Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

8.1 Exporting, Export Persona, Continuous Export

In the final lesson, learn how to export your Affinity Designer document. You’ll discover how to export your entire document at once, how to convert it into a PSD, how to slice it up for multiple resolution export, and how to use continuous export so that updated designs automatically re-export themselves as needed.

8.1 Exporting, Export Persona, Continuous Export

Hey, welcome back to Affinity Designer quick start. In this lesson, we're gonna learn about exporting your designs from Affinity Designer. And there are two ways that you can export a design that you have created. The first is you can export the entire design into a single export file. And the second is you can slice up your design and export smaller individual parts. To export the whole design, you want to head up to File and then choose Export. And here, you'll see that you've got a whole range of different file formats that you can export your whole document out to. And notably one of those fall format is PSD. Affinity Designer actually has a really strong PSD export function. So let's check that out. So we've just chosen the PSD option and we're gonna hit export, and we'll just save that out. Now, here is our new PSD, so we'll open that up. And you can see that everything has really exported quite well. So we have our one layer that's copying over the format from Affinity Designer of having everything nested under one layer. And you'll notice that on this little square here, we have a drop shadow, and that was added in via the Effects panel in Affinity Designer. And that has being carried over to the effects in Photoshop. So we have a drop shadow here just like we did in Affinity Designer. So that's really, really useful if you need to take your work into Photoshop for any extra processing you need to do. Or if you need to share your work with other designers who are using different software. Now, if you want to export your design in parts, then you need to slice it up. And you do that through the third persona in Affinity Designer, the export persona. To create a slice, grab this tool here, the slice tool. And just draw out your slice around the area that you want to export. And you can then quite easily adjust it to fit snugly around the area that you want to export. And for each slice that you create, a new slice will appear down here in the slices panel. And from here you can rename the slice, thisrectangle, and using this button, you can individually export just that slice alone. So you're not stuck with only being able to export all of your slices at once. If you just need one at a the time, it's very easy to just hit this little button here, And then you'll get an export option. And you'll notice above this panel, we have the Export Options settings panel. So here is where you choose the file format that you want to export. And you can also set your quality settings, all the things that you'd expect to find in an exporting tool. And on top of that, you also have the ability to export at multiple resolutions. So down here, we have by default, exporting at just 1x resolution. However, if you are supporting high DPI displays, then you can also choose to export at 2x resolution, and even 3x resolution if you need that as well. And then as well as exporting using the slices panel, you can also use a shortcut buttons up here. And once again you have the option to export at 1x resolution, 2x resolution and 3x resolution. And one great feature that you'll find in the export persona is the ability to do continuous exports. So right now this is our rectangle png. It looks like this. And if we activate continuous export that pnc will be updated anytime we change the design within that slices area. So to make this work, you have to first choose Export Selected as your means of exporting all of your slices. So we'll do that now. And now that we've done that export, you can see that this check mark labeled Continuous is now active. So we'll check that box and then we just move this over so we can see what's happening with our png. Go back into Vector Persona. Now if we change our rectangle, There we go, our slice has automatically re-exported itself. And you can now see the updated version in the finder. So once you have an essentially finished design that you have to go back to him perform tweaks on. That's a perfect way to streamline the export and update of all of the graphics that have to come out of your design. So that wraps up the final lesson of Affinity Designer quick start. I'll see you in the last video of the course for a few final words.

Back to the top