Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Digital Media Through Photoshop!
Preview
Video Player
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
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
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
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 upYou need to sign up for Treehouse in order to set up Workspace
Sign up