Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
In our final video, we will put all the pieces together in our artboards, and prepare the end result for export to our different media sources.
New Terms:
- PNG - Portable Network Graphic. A lossless raster image file type commonly used for illustrations and allows for transparency.
- Lossless - for images, a lossless file type retains all of the data within the image, typically resulting in larger file sizes.
- Lossy - lossy images use compression to reduce the file size by sacrificing image fidelity.
Further Reading:
JPG vs PNG, by Allison Boatman
At this point our ads are ready to go.
0:00
We set them to spec using artboards, we've
modified our artwork to fit each one,
0:02
and they're looking cohesive.
0:06
Now, all that's left to do is export them
into formats for their use in each ad.
0:08
In general, we could use the same
file type for each one and
0:13
would work for all our applications.
0:16
Either a JPEG or
a PNG file is appropriate.
0:19
We wouldn't use an SVG because our
final graphics contain raster images.
0:22
So let's start out with the quick Export
option, which is certainly the easiest.
0:28
From the File > Export menu,
choose Quick Export as PNG.
0:33
We'll select our destination folder and
select Open.
0:39
That's it.
0:44
PNGs are a great high quality file type
appropriate for both web and devices.
0:45
They also include any transparency
included in the document as well, so
0:51
things like rounded corners or
graphics without a background.
0:55
Let's take a look at another option
to export these into JPEG files.
0:59
JPEGs are also great for
nearly all digital image uses, but
1:03
do not offer an option for transparency.
1:07
From the file Export menu,
let's choose Artboards to Files.
1:10
This method gives us a few more options.
1:17
First, let's choose our
export destination folder.
1:20
And click Open.
1:29
Next, we'll wanna give up a file prefix,
1:31
meaning our files will use this
prefix followed by the artboard name.
1:34
We don't want any overlapping
of our artboards,
1:44
so we'll choose Artboard Content Only.
1:47
We can export each
artboard into a PSD file,
1:49
which will be handy if we wanted to
keep these as a personal template.
1:53
But we'll choose the JPEG file type.
1:57
We'll also want to export
all of our artboards, so
2:00
we'll deselect Export Selected Artboards.
2:03
If we select Export Options,
we can adjust the quality,
2:08
12 being the highest,
which is great for our use.
2:11
We can include our color profile
if we've specifically chosen one.
2:14
For our purposes,
we need to specify one as the default, or
2:18
sRGB, in our case, is sufficient.
2:23
Including the artboard name adds
the name as text to the graphic itself.
2:26
Perhaps if we were showing
these to our client,
2:31
to help them differentiate each one,
that might be handy.
2:33
But in this case,
we'll leave that unselected.
2:36
Click Run, and we're set.
2:39
We can navigate to the folder and
have a look.
2:44
On my Mac, we can see our dimensions and
file size.
2:48
Notice the larger file size the PNG is
compared the JPEG even at the highest
2:54
quality setting.
2:59
If file size isn't an issue,
then our PNGs will work just fine.
3:01
We've come a long way in our
journey through digital media.
3:07
We started with demystifying resolution.
3:10
We took a look at different types
of images and graphics, files and
3:12
color spaces.
3:17
We then took all those things and
put them into an end product
3:18
as we created different ads for
a client within Photoshop.
3:22
Thank you so much for
completing this journey with me.
3:27
I hope you feel you have a solid
foundation to explore even further.
3:29
Practice using adjustment layers and
masks on your own photos for
3:33
color correction and explore
the different Adjustment layer types.
3:37
If you're into UI design, use the various
templates Photoshop offers to create
3:42
your own application interface
with multiple artboards.
3:46
Finally, if you're interested
in professional printing,
3:50
I highly recommend visiting
your local print shop and
3:53
find out more about how your
digital art translates to paper.
3:56
They'll also be able to tell you their
preferred export settings from Photoshop.
4:00
You need to sign up for Treehouse in order to download course files.
Sign up