- Lesson Details
Week five of Introduction to Photoshop is about editing slides, specifically photos of your artwork. Instructor Chris Legaspi will show you how to optimize an average photograph to its full potential, starting this week with a lesson on image sizing and formatting for the Web. This is extremely helpful for artists who want to build a professional-looking website and portfolio.
Throughout this course, you’ll have access to the NMA community for feedback and critiques to improve your work as you progress.
Discuss this video in the forums!Discuss
Today we're going to learn how to edit your own slides of your
artwork using Photoshop. So we're going to begin the lesson
by reviewing the concepts that we talked about in the previous
Photoshop lessons, and then we're going to get into some
more advanced techniques, specifically how to optimize
your artwork. A lot of times we take photographs of our work.
They don't turn out quite as good or we can - we want to make
them better and Photoshop is the perfect tool for that. So
I'm going to show you some advanced tips, some advanced
techniques to make the best of your photography, of your
artwork, and then we're going to talk about ways to format and
export it so that you can publish your work or you can
show your work at its best possible light.
Transcription not available.
Transcription not available.
tools from the previous lesson. So these tools are very very
important. So I want to go over them because you know, they're
a little bit complex, especially if it's your first
time. So let's take a look at some of the major editing tools
that we use in the previous lesson because we're definitely
going to be using them a lot in this lesson and moving forward.
Okay. Let's open Photoshop.
And I'm just going to open a file. So random image here,
so we can review the tools.
But first let's review the selection tool. So there's two
major tools, the marquee and the lasso. They're located here on
the toolbar. Top one is marquee, bottom one below it looks like
a rope lasso.
And keyboard shortcut is M for marquee and L for lasso. And
don't forget too there's various shapes.
click and hold inside the toolbar you can call up the
different shapes and lasso also has the polygon version.
You can also hold shift plus the keyboard shortcut. So for
example shift plus L will shift through the various lassos and
shift and M same thing for the marquee. key
All right. So just a quick way to select.
If I want to, for example, quickly select this New Masters
logo and cut and paste it or just paint black over I can do
just a quick marquee.
Then I can make a new layer, use the paint bucket.
And select the background color holding alt to bring up the
eyedropper there and just fill it with a black. That's one way
to cover up that logo if you wanted to do so,
you can merge down that layer
to merge those two layers.
And if you let's say you want to select the figure,
there's a couple ways to do that. I like to use the lasso
tool. So I'm going to use the polygon lasso, so I'm going to
hold shift and L, bring up the polygon lasso. Remember it's click, move,
Click, move. Click, move. Click, move. Click, move. Click, move to
draw your polygon lasso or hard-edged lasso shape and just
going to do a really rough
shape and then when I get ready to close all I do is double
and it will fully close the loop when I get near my initial
starting point. And remember too, let me press F to change the
view mode. It's nice and dark here. Remember too you can
subtract from the mask and you can add to it. So
for example, I want to get a little tighter which I do if my
goal is to mask out my figure from the black background
that's what I would do. I can even mask out.
Excuse me subtract from my selection using the same tool.
And I'm holding alt here to subtract and remember we can
add so let's say for example, I accidentally subtract the
selection around your foot and I go oh crap, I got to fix
that. Well to add to your selection you hold shift and
notice the icon change and then I can just start to -
you just hold shift and then click once, you don't have
to keep holding it. I let go of shift. Now and then double click,
And then subtract
and then if I use a mask
or do a cut and paste, almost the same thing.
You can see that
the mask here is masked out what I've selected which is just a
figure and then the background becomes transparent because of
So that's just a quick review of the selection tools.
Okay, next let's look at the transform tools.
So if you want to do
scale, I like to use the transform tool shortcut, which
is command T.
And let's fill this background with another color just so we
fill it with white.
And my layer is locked fortunately.
Okay. Now if I want to resize let's say - well
if I want to resize her, let's say she's a little too big for
my canvas I can just shrink by bringing up the transform tool,
hotkey's command T. And if I like my transform just hit
enter, whatever change I do, but you can also do
edit, free transform. That's the one I like to use.
And you can do a uniform scale by holding shift to do a
uniform scale bigger or smaller. Now remember if you go
bigger, you have to change the resolution, which we'll talk
And you could also grab within these points to do more of a
warp transform. This is a non-uniform transform, making
her longer, making her more narrow or wider. You can do
that and you can also rotate. Let's say I want to rotate my
figure slightly couple of degrees. You can rotate it
there or type in the numerics, but I like to do this. I don't
typically need precise rotation.
Remember anytime you ready? You like your changes just hit
enter and it locks in your changes.
And you can also do things like warps, bring up your transform
You can move it around, you can scale it and you can also do
warp. If you hit control, hold control and click inside your
transform tool it'll bring up this submenu and you have scale,
rotate, skew, distort, perspective unit, all sorts of fun stuff. We
played with a couple in the last lesson. Here's just a
quick look at warp. It brings up these arms and you can
pretty much grab any point here and look what it's doing to
It's kind of creating this weird stretched out kind of
figure there. It's turning into like maybe
a Mucha or Matisse now.
So that was an example of the warp.
And remember if you don't like your work, you want to undo your
work, I can just go to my history or hit control Z
and I have
my fresh one. I forgot to make a copy. Remember whenever you
want to do operations it's good practice to make a copy
that way you have the original underneath.
So the last thing I want to do is image adjustments. So for
example, if I want to adjust the color I can go to image
adjustments and bring up color and levels to adjust contrast, all
sorts of different tools. You can also use the layer
adjustments, this brings up the layer. I typically like
to do combination of both but let's try layer adjustments for
let's say hue saturation.
And I'm going to remember clip it by holding alt to clip it to
my figure underneath.
The layer underneath there. So it only affect the figure and
let's say I want to change - it has a slightly greenie
tint. I'm going to - I'm going to make it a little bit warmer and
a little bit more saturated.
So I like that. So before, after, let me zoom in a little bit.
Might be able to see that better.
So before, after using hue saturation.
Then if I like that I can just merge it doing command E
or merging down and then if I want to adjust the contrast
this time, I'm just going to use
the image adjustments menu.
Well first let me duplicate so remember good practice is to
duplicate. So now I have a fresh version of the
color correction I just did. Now let's do a quick now, let's do a quick.
adjustment of the contrast, just bring up brightness contrast
nice and simple to make it a little bit brighter and a
little bit contrasty.
Just to brighten up the image there.
And hit OK and now it's permanent. But you know, I have
the fresh layer underneath so you see the difference before
and after. Okay, so that was a quick review of the tools we
use in the previous lesson. These tools are so important
they really need to be practiced because you're going
to be using them all the time, pretty much every time you sit
down with Photoshop. So I definitely want to review them
as much as possible and I know if it's your first time.
It can be quite intimidating and quite complex. So again
review serves to help you learn these tools as quickly as
possible. Now, we're going to get into the meat of this
lesson, which is editing slides, editing your own artwork, your
photographs of your own artwork. So we're going to
getting into the image
adjustments we could do with the actual canvas. So resizing,
cropping, and rotation, so let's get into that now. Okay
so if you have slides of your artwork, you're probably going to
want to be able to manipulate the actual canvas size. So
let's take a look at some examples. All right. Now, I'm
just going to open some slides of my own artwork that I've
Let's take a look at that.
Now there is a couple
notes that I want to make when you're opening a file, especially
a file from a DSLR digital camera.
Now, if you look at this folder, there's two types of
files. There's jpeg dot jpg, which I shot with my iPhone
actually, but many image files that you'll see will have JPEG
and this one is called the ORF, dot ORF. So let's open both. I'm
going to open the jpeg real quick and you'll see it just
opens straight away into Photoshop, even though it's
upside down right now.
Now if I open a dot ORF, let's take a look at what
Let's open this one.
It brings up this camera raw. Now in Photoshop
when you try to open a raw camera file for the first time
you'll open this plug-in called camera raw, which is a
Photoshop file and what that is is it's a way to
sort of edit or
tweak, refine your raw photograph and a raw file is
file, the image produced in the digital camera. I shut this
with an Olympus. That's what the extension dot ORF is
an Olympus extension. The other two common raw camera file
extensions are dot RAW, dot RAW, which is a Nikon, and the Cannon
is dot DNG.
So if you see a dot DNG, RAW or ORF don't worry, just
bring it into Photoshop and you'll bring up this tool
called camera RAW. And if your Photoshop can't open RAW files,
then you'll need to download this extension and it's
free with Photoshop Photoshop this current version, which I
have which is the cloud version should have it already good to
it's just a raw file. I'm going to go ahead and, you know, I
can play with it a little bit here. I want to -
to be honest, I don't use it that much. I do most of the
editing in Photoshop. But this is quite useful actually,
especially when you're
doing photography for reference this is a useful tool, but
for my own artwork,
I'm going to do the bulk of the work in Photoshop.
we gotta hit open image. So now I have two files, one raw, and a
JPEG. And I'm going to close the JPEG. We're gonna play with the
Alright, so that was just a quick note on
camera RAW files. Don't get intimidated by it.
It's actually very useful tool that camera RAW plugin.
But if you're shooting your own slides, you'll probably do a
lot of the work in Photoshop like I'm going to show you now. Like I'm going to show you now.
So the first thing we want to do is talk about rotation.
Now, there's a couple ways to rotate an image. There's
fine-tuning and then we could
rotation and 90 degrees or even 180 degrees. So
the rotation tools are under image adjustments.
And they are
under image rotation. So you have flipping the canvas
horizontal, vertical, you have clockwise, counter clockwise,
Going to undo that. And there's also another
under edit transform there's rotation too but this, what this
does is it doesn't rotate the entire canvas, it rotates the
image on the layer. So, for example, I have this layer, I
duplicated my original layer. So I go to transform. Let's say
flip horizontal and the one beneath it is still the same.
that's good if you just want to experiment or want to take a
look, but what we want to do is actual - Sure.
is to actually flip and rotate the image. So let's close this
real quick. Let's minimize this. I'm going to open one
what shot upside down the previous jpeg, you saw so let's
take a look at this real quick. So if you bring this into your -
let's say this is how you shot it. You took a picture of your
painting. This is my own personal work. And you bring it -
you shot it with your camera. In this case I shot with an
And you bring it into Photoshop. Well, it's upside
down, you download to the computer bring it into Photoshop and it's
upside down. What the heck do you do? Well, we can do image,
canvas rotation. Now
if you go under image image rotation, you can do all these
canvas flips. So obviously I'm going to need to flip it
pretty much 180 degrees.
Whoop. So that was a quick flip and those under the image
rotation. So I'm going to undo that, you can also do image, flip
canvas horizontal and then image, flip canvas vertical, sort
of two steps there.
Now what I want to show you is to make a keyboard shortcut
because this will come in handy later when you begin to do
your own drawings and paintings directly in Photoshop. So I'm
going to go to edit, keyboard shortcuts.
Remember we can make a shortcut for almost everything here. Now
go to image,
all the way down to
image adjustment. Where is it?
Image rotation, excuse me. Image rotation. If I scroll down and
there's my various options here. What I'm gonna do is assign a
hotkey under the shortcut there. Just click to
activate it there under flip canvas horizontal. I'm going to
And there's already one assigned but I don't care I never use
whatever this is.
Flip canvas vertical I'm going to make that
F3. Remember got a hold function if you're using Mac.
And I also want to do clockwise counterclockwise. So for
clockwise, I'm going to do shift and F3 and I don't really
care what the warning says and counterclockwise shift F2. the counterclockwise shift if
Okay, that's fine. Just hit OK.
And it's locked in and remember that's under
keyboard shortcuts. Go to image, click it to expand and then
scroll down to image rotation.
the menus need to be just, you know, just kind of click
under the shortcut column and you'll activate it.
Okay, so hit okay. Let's get rid of this window. Now I have
So what I want to do is
flip this image like a like a clock. So going to go
counterclockwise and my new hotkey is F2 or shift F2 I just Keys F2 or shift F to I just
assigned and boom it's back into place.
If I want to flip it
vertically or excuse me, horizontally
I could do it easily now with the hotkey and mine's set to F@
and also vertically. So these are just ways to actually
physically rotate the canvas, not rotate the image.
That's what I want because the canvas was messed up.
So now if I hit file save I'm going to save it
to as high as possible the maximum.
So now I took my slide and use Photoshop to rotate it
correctly into its right position. So then I can
continue to further editing, but let me close this real
quick. Let's go back
to the RAW file.
typically when you shoot your your
your artwork, you're going to have a lot of stuff that you
don't need. Like I don't need this piece of my canvas
right here. I definitely don't need that. What I want to do is
crop in nice and tight, crop in nice and tight. So let's talk
about ways to crop.
Now cropping will actually physically chop your your
Now there's a couple ways to do this. The first is with the
crop menu, so go to image
and then canvas size and there's a hotkey there which is
a control command C.
Or excuse me alt command C, option command C and it brings
up canvas size here. Now right now it's set to inches, width
and height set to inches. I can
set it to pixels, typically I like pixels, gives me a little
bit more control. But let's just do inches. So right now
it's at 13.44 with 10.08 height.
Let's say I want to crop some of the junk on the side.
Right, so I'm going to make my width
13, just a nice even number. Make my height nice even number and
then this bottom window called anchor that shows you where the
crop will take place. Now, I like it centered. So I'm just
going to directly center it. So I'm going to hit okay.
And it'll give me a warning that's saying you're about to crop
which is good. You want to double check yourself. And just
did a nice tight little crop. It didn't do too much. I didn't
take too many inches off,
but you can see the size change. If I do a quick undo
and redo you can see undo before and after a nice little
crop inside. Now this, you know, I always tell you to make a new
layer before you do operation. You really can't change this
because we're changing the physical canvas size itself. What I
want to do next, let's say I just want to take some off the
top I can do edit - or excuse me image, canvas size. And let's say
I want to make it nine inches high, but I just want to take
an inch off the top. What I can do is move my anchor point
down. So now the bottom won't be affected, notice the arrow
changes? That means only the top will go, will be cut. So hit
okay and I get the warning again and you see it cropped
all of that junk at the top.
And if I do an undo, you can see before, after, before and
Okay, I'm going to undo that real quick. And also you can do
the same for the side. So you go to image, canvas size. Let's
say I just want to cut some off the right side. Let's say I
want to make my width 12.5 inches, then I'll just move my
anchor point to the left and you see the arrow right here
that means it's going to be cut only on the right, the left will
stay the same. So I hit okay.
Boom, so you see a nice, pretty nice crop there. pretty nice crop there.
Oops so that's before, after, before, and after. So pretty tight on
the side there.
Now the other way to crop is there's actually a crop tool
which is on your tool bars right here right below
magic wand, right above the eye dropper, this little
little box thing. It looks like a
two compasses together, two to squares together, two squares
when you activate crop and the hotkey is C, the
activate crop it brings up these control arms and have
on the corners just like the transform tool. Corners. This
one's in the middle. This one's in the middle.
And you can even use the corner.
So just another way to crop so I'm going to make mine fairly
tight and make mine pretty tight right there.
Okay, it's pretty tight around my image and then I hit enter,
boom. And it cropped nice and tight. I'll show you real quick
before and after,
before and after. And that was all done with the crop tool. So
just again activate the crop tool, hit C is the hotkey, the
shortcut, and then just draw a window around whatever you want
to crop and then use the control points to control.
This is where a pen - the pen tool is really helpful,
usually a lot of control.
And when you like the crop that you've got, just hit enter and boom
good to go.
And the final way is to use a marquee. Let's say
you just want to do a quick section. You're just like I
don't care about how tight it is. I'm just going to just boom,
just make a marquee. When you make a marquee you can do an
excuse me image and then crop it'll cut according to
the marquee, the selection that you made that's one quick way
to do it. What I do typically is go to marquee.
Just draw a quick marquee around what I want and then use the
hotkey which is
control command C, excuse me. I don't have it.
Actually I'm going to set my hotkey now.
So under image.
Because I do this a lot. I do a lot of resizing.
So I'm going to scroll down until I find crop. There it is. So
here's crop, go to shortcut and then I'm going to go to control
command C. Is that available? It's available.
Control command C for crop said okay.
I can draw really quick marquee, boom. And then use my hotkey,
control command C is what I set it to boom and a quick crop. So
three ways to do the exact same thing, right? Image,
canvas size which is what we're doing, cropping is affecting the
canvas size. So image, canvas size. You can get very precise
You can do the crop tool again. You can get fairly precise with
the crop tool.
And also marquee. Marquee and image crop. So marquee, just draw a
quick marquee around your box image crop and in this case I said
hotkey. Three ways to do the same thing. But you can see
how useful cropping will be when you start to edit your own
slides. And remember you can do this - doesn't have to be your
slides. You can even do it for your reference photography as
well of course.
the actual canvas size. So even though it's virtual canvas, you
know, they're still -
it still does have its own set limit of pixels that it can be.
So those were what the crops
that was affecting the canvas size. Now we're actually going to
affect the image size itself so we can stay within the same
canvas, but the image size, the actual pixels, and the density
we can play with as well. So let's take a look at that now.
All right. So now let's talk about image sizing. I'm going
to go ahead and open one of my slides and this is a -
and this is a RAW file here. So I'm going to play with the
temperature a little bit.
And the tint, see if I can get the tint.
Typically, what I do is I have the painting next to me here so
I can get that right, make sure the exposure looks good.
And all of these controls these are all photography controls.
Okay, so open image.
Alright, so first let's crop some of the junk here. Now
there's a lot of white space here and some useless junk
there. So I don't need that. First thing I'm going to do is
what I like to do is especially with a big tablet like this is
use the marquee tool to get pretty tight
to where I need to be right there. And then I like to use
the marquee tool again
and this time use the subtract. Remember holding alt will
subtract from the marquee.
So I'm going to kind of touch up on some of those brush
strokes and just cut them off,
cut off the top a little bit.
yeah, it feels pretty good till I get my marquee around what I
want then I'm going to use my hotkey which is control command
C or image crop and has a pretty nice crop. I'm going to
crop again, just a little bit of the bottom there.
But I like to use the marquee technique versus the crop tool,
but whatever you're comfortable with.
Okay. Now we want to change the image size and to do that it's
under the image, image size.
And under image size you have a lot of different parameters.
You have the two ones that are most important to look at are
resolution and the actual the actual size itself. Now this is
also the canvas size as well.
The current canvas size.
Right now that the resolution is very high. So 300 DPI is
really really high. You can almost get it print ready. Now
if I want it slightly smaller, let's say I want to email it to
a friend. Right now this file is huge. If you look at under
image size it's 25.8 megabytes it's a huge
actually has a huge dimensions, huge canvas size, but it's huge
3000 pix. That's a big file. If you tried to email - you
probably can't even email a 25 megabyte file. So let's say I
want to make a little bit smaller. I'm just going to
First I'm going to cut my resolution.
For most computer screens you don't really need
300 DPI if you're just emailing it to a friend. Let's say you want
email it to your teacher, 72 DPI is what most screen resolutions
are. So I'm going to drop it to 72 DPI and then you can see the 72 DPI and then you can see
automatically the pixel size shrunk, right, bring it back. So
image size, resolution will affect the canvas size itself.
Now we can drop the resolution and maintain the original
canvas size if we wanted to.
But that would create
some loss of detail and sharpness. We don't want that.
So what I typically like to do is find a nice medium. So for
and we'll talk about ideal file sizes. Let's just say
I'm going to keep my 72 DPI. Let's say just JPI. Let's say just
for a nice even number I'm gonna do a 1000 pixels wide, which is a
fairly nice wide size. So hit okay and notice that it shrinks
quite a bit.
So you see that. And this is at a hundred percent. It shrunk
quite a bit, which is good, which is what we wanted. So now
I can do a save as, save it as a JPEG
and send it to my friend. I'll call it
painting one and then I'm going to give it like an underscore
web, just so I know that oh, this is a small web version.
And typically you can embed the color profile. I don't really
mess with these.
I just kind of leave it default and hit save.
And then you can play with the file size there and we'll talk
about ways to save more efficiently. So I'm going to
drop it to like a maximum of 10 just because the original is
still very pretty high, 700k. You don't want to bog down your
friend's email. So 300K that
drops the file size quite well, but it will still maintain the
quality pretty high. 10 out of 12 is pretty good quality, and
I don't really mess with these too much. So I just okay,
and now it's -
now it's a nice compressed JPEG. JPEG typically is a compression
meaning that the computer will crunch some of the pixels.
It'll give you a nice balance of file size and picture
quality, which is what we have. I think this looks pretty
great. And now it's you know, it's ready to go. I can email
it to a friend. So that's just one quick example of image
I usually have a hotkey set.
It's actually defaulted so image, image size, and the hotkey
is alt or option command I and brings up image size.
So now let's talk about ideal file sizes and image sizes.
Now what I typically do is I'm going to undo this history
So right now you can see it's at 25%, since it's full resolution,
even though the old, the file name that I saved is still there
if you got to a hundred percent, you know, it's pretty full res.
We have nice pretty, really nice detail. So this was a good
slide can use a little sharpness, which we'll get into
But let's talk about ideal file sizes. Now there's really no
set rules. Oh file sizes have to be this. Unless you're doing
Print is very very high. But for most uses, I think most
artists will probably want two sizes or typically
three. A big, medium, and small. A big file, I would say keep
it as big as your computer can hold, almost like the original -
almost the original RAW file, almost at the exact same size.
So let's take a look at how big this guy is. So right now if
it's a 300 DPI to the original size, let me go to inches. So
it's at eight inches by 11 inches at 300 DPI. So this is a nice
big file. It's a 25.8
megabyte file. Now if I ever wanted to print this guy
at 8.5x11 it would look - it would eleven. It would look it would
look really great. I can even
go higher, I can reduce my resolution and go to a bigger
file size if I wanted to increase the file size, but
for most uses, I think this original file size is quite
large and quite useful, so I'm going to keep it at this size.
Now if you want like a medium size, I would say medium size
is something around -
definitely something under five megabytes. Preferably maybe
like between one and two megabytes, that way you can still email it
but yet it's still pretty high resolution. And then the last
file size is
small and that's just for web like Facebook or Instagram
or your whatever social media you like and definitely email.
I personally make nice small file size for email because I
don't want to bog down people's emails, especially if you're
sending them a lot of slides or if you have them on your
website. Smaller file sizes
load nicely. So one of the things you may be doing or may
want to do is to keep a blog. I have one myself, so when you
photograph your artwork and you want to get it ready for your
blog, I typically like to use as small file size as possible.
And that's - there's two strategies for that. One is that
you can also email the file. Like I said and two it loads
faster. So this I like - I don't like to wait when I go to
websites. I'm sure you don't either especially if it's an
artist you like, you know, when you visit artist sites and you
see that their page load slowly. I mean there's a lot
of reasons for that, technical reasons, but one of the reasons
you can avoid that for your own blog is to keep your file sizes
nice and tight and nice and small. So that's just
I think a strategy that works well if you want to show your
work on a blog or on your website. All right, so let's
save three versions of this guy. So I
It's a pretty nice tight crop.
I'm going to save the full version. So I'm going to go
shift command S and
I'm going to save the full version. A JPEG is fine.
Typically I liked TIFF as well. TIFF is a nice rough, a format
almost no compression. So let's go to TIFF.
And I'm going to call it painting one underscore full
or underscore large.
I'm gonna hit save and I'm going to get another menu of TIFF options and
I want no compression, meaning give me the most -
my original file is RAW and original as possible. But yet a
little bit - still a little bit more portable than the camera
Hit okay. And the good thing about TIFF is that most programs can
open it, even image viewers can open it while RAW files you
need special plugins to open it. So this is my original large
size. Now with this I can now reduce and make various
versions. So now I'm going to make a web version. So one
thing we could do - well
let's make a medium version. Let's say I want to make a
medium size to put in my
portfolio. This could be like on your iPad. Let's say you
want to bring your iPad to show some clients, to show
to show some friends, to show your art director, or maybe to
show the gallery, you want to bring your iPad or even
bring your laptop and you want to have a nice medium file size
to show, let's make that now. So I'm going to go to image,
image size. And what I typically do is I just like to cut the
resolution in half or I like to cut the file size in half, the
actual canvas size, or do a combination of both. Now the
advantage of keeping a high resolution is that you can always -
it maintains pixels. So your image is nice. It has a lot of
pixel depth so that you could resize it if needed, DPI
image you can definitely resize it meaning going up if you want
to make it bigger. So that could be useful and also,
you can zoom in quite nicely, maintained a lot of nice pixel
depth. So what I do is I like to just cut the resolution and
also cut the canvas size. So go to 200 DPI
and then four pixels,
I typically like anywhere from 2400 to 1200. So let's
say I do a nice 1,200.
Max width, height is of course going to be a little bit
And nice 200 DPI. So hit okay.
You can see
this zoom in at a hundred percent. Now, this file is
still - still looks good, still very big but still pretty
portable. If I do a file save as and this one I'm going to
save as JPEG. I don't mind the compression at this stage.
Because this is -
because I want some of that -
some of that -
the optimization of the file size. I'm going to call this
painting one underscore medium or MED.
Hit save and this window comes up. Now I can play - if I go to
full size, 12 maximum, it's at one megabyte, which is pretty
I'm gonna drop it to 11. You know what? I'm going to drop it to
11. Actually, let's keep it at one megabyte. That's a nice big
RAW almost, a RAW size.
So there so that's my medium.
And this one's pretty portable. If I go to image, image size
you can see that it's a 3.28. It's actually one megabyte file
now on your if you go to finder folders, one megabyte file,
which is great because it won't hog up all your memory and it's
still really nice quality and really nice size. If you bring
this to the gallery or to your client art director and you're
showing them your work, you bring this up on your iPad or
your laptop it will look really really nice on display
because it's still nice and big, it's 1200 pixels wide. That's a
good medium file size.
So let's open the original and then we'll from the original
we'll make -
here's the original it's a TIFF.
So here's the original and here's my
Now you notice my original at 25% is still bigger than the medium
size file. So now let's make
a smallest size possible and this is for web.
So typically what I like to do if I want to make a web file,
once I get my crop and the rotation, everything looks good,
but I like to do is go to image, image size.
And then I go to a resolution I like. Now for websites again
72 DPI is probably your best bet. And one thing I like about
72 DPI is that if someone were to download your work, they
really can't do much with it because it's such a low pixel
depth but on a display it still looks great. If someone comes
to your website or your Facebook or your social media
and they click on it, it'll still look great even at 72 DPI.
So what I want to do is I'm going to chop it in half to 150.
And I like to keep my height and width pretty low. So what
I'm going to do is
I'm going to keep mine at 150 and then I'm going to drop the
pixels to under a thousand pix so the widest will be 900.
And hit okay.
So now it's pretty small, right? Pretty small even at 100
It's only 900 pixels wide, but it's at 150 DPI. So I
still have a little bit of upsizing options, which we'll
talk about next.
And so I like the size. I think it's pretty good. 900
pix wide. I think it's ready to go on my website or on my
blog or on social media. So what I'll do now,
okay. So now I'm going to instead of going file, save as,
which is unique. I'm going to go to a
an option that's unique to photoshop and it's called save
for web. So I'm gonna go to export and save for web. Also a hockey
which is quite complicated, it's shift, alt, command s and
it'll bring up this submenu. Let me try the hot key. Shift,
alt, command S. I need one - I need three fingers and the
And there it is and what this does is
it does a very efficient optimization. I don't know
exactly how it works But I know it works good. So first
thing I like to do is go from GIF to JPEG. Typically for your
paintings, your own artwork, you won't be using GIF. GIF is sort
of a very low, very small file size. JPEG is a nice balance.
Here you have
the dimensions, but one thing that's important to look at is
this quality. So once you switch
the - and the preset here set to JPEG, which is good, JPEG high.
Once you set this drop down to JPEG the output you want to go
to quality. Now quality you can see will affect your files your
of course the quality, but look at the file size you get. So at
60 percent quality we have a very low file size, which is
good. Remember I said you want a small size as possible for
Now let me drop it really low. You can see it starts to
degrade. See it start to degrade, quality at 7 versus
quality at 80. It's kind of pretty good. So now what I do
is find a balance. I'm looking down here at the file size, 340k.
Let's just type in a number 70% has 205K. Typically
I like around
around a hundred - between 150 and 250 or little bit over.
In that range is a nice compact file size range so I can go a
little bit higher with this one. So it's at 70. Let me try
Let me try 75. So 75 is nice.
It's a nice good file size. 239k. I'm just going to hit case. I'm just going to hit
it's saved in my folder. So now let's take a look at all three
versions. So go to medium, so there's a medium. And then we'll
the small one that I just made.
Painting one underscore web or underscore small.
So this one's at 50%.
So it actually saved it on my screen. So let's just open the
original to compare. Painting one underscore large and that's
a TIFF. Remember TIFF is great because it's the least amount
of compression. So this one's at 25 percent and it's huge. This
one's at 50%.
We're zoomed at 50% and it's still fairly huge. This one is at
a hundred percent. Let's bring it down to 50. You can see the
nice compact version. So 50% medium, 50% at my small compact
size. And if you look at the quality
it's still pretty good, right? Still pretty good. Of course
not as good as the medium of course, medium is much more
dense and sharp. And of course the original it's got the most
pixels to play with. This is why I like to save a nice
non-compressed original so I can do these various things and
still have the original pixels there ready to go.
uprezing and uprezing is sort of a slang term for increasing
the resolution or uprezing the file. Now hopefully you
won't need to do this that often but this is for the case
if you, you know, let's say you're kind of short on time,
you're short on budget maybe and you're taking slides of
your work or you had slides of your work done, but they were too
small or let's say you're like me you got a little lazy you
took it with your iPhone and you know, the resolution is not
quite as high as you want or the actual canvas size is not
quite as big as you want, you know, even if you take a
nice beautiful slide
your DSLR, with your Canon or Nikon or whatever, and it's a
nice big RAW file, let's say for whatever reason you need to
make a poster, make it a billboard. Who knows? Maybe you
want to take a big file and make it even bigger. So this is what
uprezing is. We're going to try to use the Photoshop to
increase the actual canvas size and the pixel density of
our slide and still make it look good. So there's a -
there's a couple of ways to do that. I don't really recommend
it. Of course the ideal is to take the best slides possible.
But for whatever reason you need to do this, let's take a
look at actually how you can do this if you ever need to.
Uprezing. Okay, let's open our friend the apple again. And
this guy's pretty big. If I go to the image size 300 DPI,
13 inches wide. It's a huge file.
But let's say for whatever reason -
and I save it as a JPEG.
So right now let's say this is the slide I took, it's 150
DPI, it's six inches wide so it's still fairly big file,
has some - has a lot of pixels, you know, we could still use it
but let's say
you want to show a client or the gallery and they have a
giant HD, Ultra HD, whatever gigantic monitor and you don't
want to show
this, see that fuzzy kind of pixelness?
So what we can do is we can uprez it. Let's say we know - present let's say we know
let's do it. Let's do an extreme case, let's do an extreme case.
Let's say this is -
oh, yeah, this is nice and small actually, good. So it's
only 900 pixels wide.
So let's say I want to make it let's say the client or the
gallery has a monitor that 2,000 pixels wide. It's almost
double the size. So if you bring this JPEG in to the
gallery or to the client and they put it full screen on
their Mac or their computer or their display it's going to
look fuzzy and crappy. You don't want that. You want it to
stay nice and tight and sharp. So ideally again you want it to
take the best slides possible. But there are some things
we could do to kind of kind of help ourselves out.
Alright, so one thing we could do
is to do an uprez and what I'm going to do is to an image.
Well first I'm going to duplicate -
I'm actually going to duplicate this entire -
well, I don't need to duplicate actually.
What do I do? So go to image -
I'm trying to think in my mind is like a couple ways to do
So let's say
I know for a fact that the monitor is 2000 pixels wide.
All right, and I still have a nice 150 DPI. What I'm going to
do is I'm going to drop my DPI to 72.
You go two hundred thousand pixels wide and what that does
is I'll borrow some of the DPI that I already had. I had
double size. So even if I dropped it to 22 and made the
width - it was 900 - 1800. It'll still look good. So I'm
basically just kind of taking advantage of the fact that I
had double the resolution of most computer monitors. That's
all it was. That's why I like 150, it's double the size of
But don't get too -
don't get too confused by that, the main thing you want to keep
in mind is that if your file is 72 you have fewer options to
uprez. If your file is higher DPI pixels per inch you
have much more options. You just have more pixels to make -
to play with to make sharper. So I'm basically doubling - more
than doubling the size.
And you know, it didn't lose too much.
It looks okay. So now what I'm going to do is if I want to
make this sharper
I'm going to double it again and bring it back. So this is a
kind of a neat little trick. So what do I do is make a new
canvas. I'm going to
do command A and then command select all and then command C,
cut or copy, then command new, which is create a new file. And
when you have something on your clipboard, that's what this
document type is. We do command C it copies to a virtual
clipboard. So it copies to the virtual place where it's stored
in your computer.
Then I'm gonna hit, okay.
It's going to be a blank then I do command V and it'll paste
exactly the image to a new file. What I'm gonna do with this
file is I'm going to double it again. So I'm going to do
alt command I.
I'm going to double the resolution again to 4,000.
So what this will do now, it's huge but
I lost a lot of the sharpness. It looks looks very fuzzy,
doesn't look good. So what I'm gonna do here is apply a couple of we do here is apply a couple of
sharpening techniques. First we can use
of course levels and contrast, my first way that I like to
I don't want it to be too contrasted. So it doesn't look
like the painting.
Okay so I'm gonna
bring that down, just merge that that layer effect. Next I want
to do a filter.
A sharpen, unsharp mask. Remember we played with this in a
And look what it's doing. You can see it previewing and say I
drop it here you'll see it preview here. If I make it
really high it gets very exaggerated and I kind of like
that actually, look it bring it back the sharpness in the edges.
Kind of wanted it to have that sharp edge chunky look.
And I could play with the radius. I said bring up the
radius it gets a little
unnatural looking. Just reduce the radius and basically want
to find a nice balance of sharp detail and kind of keep it
original looking. This is really high. I'm gonna change it
to like 200%.
A little fuzzy.
Yeah, so about - let's say 150. I can type it in. You can use the
sliders or type it in it. Hit okay. So here's a quick look
before the sharpness, after. You can see a little bit sharper.
Now what I want to do is
I want to try one more filter and this is
it's a really interesting filter, I use it quite a bit but
for uprezing, it's quite useful. So go to filter,
filter gallery and make sure I can see it.
Then I'm going to go to artistic and cut out. What cut
out does is it creates sharp edges. Look at that. Look at
I can play with the edge simplicity.
What I want to do is increase a number of levels.
So you see how it creates like these cut out shapes.
It's too simple.
It's not simple enough.
So I'm going to go to full levels and this just gives me
nice sharp edges as possible. It manufactures sharp edges.
Now, of course, I don't want it to look like that, looks
nothing like my original. What if I drop the opacity of it?
Can see it starts to bring it out. Well for this case, I'm
going to make it very very subtle like an 11%.
Almost barely see it. And right now it's on its new layer.
Remember you want to always duplicate your layer when
you're making changes.
Then I merge that.
So now it's pretty sharp. Now the last thing I want to do is
do some hand brushing. So let's say there's some
areas that got really fuzzy. I don't really see too many here.
A lot of these are intentionally fuzzy. like this
area got a little bit fuzzy so you can take your brush and
just manually I like to make a new layer and just manually
kind of tighten up your edges.
And these are for the edges that you want sharp. Of course,
sometimes your lost edges, you want them to stay soft.
And you can see how this can be a real pain in the butt and you
know, it takes away from the original a lot. So you
definitely like I said earlier,
you don't want to do this if you don't have to but I just
thought it would be useful to show here because you know,
it's practicing with the same tools that we've been
using over and over again.
And I'm also going to soften some of this work here
and change my brush to
brush that has transfer and drop my opacity.
Just kind of soften some of these crusty
look, I don't really like that.
Looks a little artificial.
I'm just using the color picker.
I'm basically blending these two edges.
This is a nice, simple - it's like a little monochrome study
I did a couple years ago.
So obviously this was
a more complex object. This could be quite a pain in the
I definitely want to minimize
this as much as possible.
I'm using the eyedropper here just to color pick some colors
in the area.
So it looks pretty good, pretty happy with that.
That was just manual correction there.
So I'm going to hit command E to merge.
So this is before the sharpness after me zoom in real quick
before, after. Some work we just did. Now I'm going to -
what I'm going to do is now going to bring this in to my
old document. I'll really - I don't even need to save it. So
gonna do command A, command C,
then I'm going to bring in my old document and make a new
layer and do command V, paste, and now it's there. But of
course, it's double the size so I go to command T and I can use
the transform tools to shrink it or I can use the numerics to
shrink it to 50% because I know it's exactly double, make sure
that this link is active so that it's uniform height
and width. Hit enter.
And then I'm going to move it into place with the move tool
and ba boom. So what happened was look at the difference:
after. So it's got a little bit brighter because of that
filter. Well, it's much much sharper. So now we took a
double sized image and uprezed it and tweaked it and present and tweaked it and
played with it and did our own
fixes, sharpness and things like that and then brought it back
to half size, which is the size that we want. And now
we've been able to maintain some of the integrity of the
edges and gonna drop the opacity a little bit just to make it a
little bit more subtle.
And there you go.
So that was just a quick little trick taking a new document,
making it double the size of the final output. So for
example, in this case, if you want to uprez to 2000 pixels,
make a 4000 pixel version of your artwork, of your slide or
your image, and then do your sharpness and corrections there
then bring it back and you'll be able to maintain some of the
fixes. So this is just a quick digital tip, digital trick.
Hopefully you'll never need to use it but it can be useful if
your slides are of low resolution or of lower quality.
And of course what you just saw was, you know, we played with
simple apple and a portrait, obviously the more complex your
image or your painting or your artwork the more of these
steps that you're going to need. So definitely play with
these tools, review them as much as possible. There's a lot of
stuff covered here. And again what you just saw me
demonstrate which is one simple example as your
paintings become more complex as the things you want to
uprez or sharpen or your paintings have more detail you
definitely going to need a few more steps, but the tools will
be exactly the same. So just review as much as possible and
as soon as you start playing with it and start
using it on your own artwork, you'll be able to get it
quickly with practice.
Okay, just last thing I want to show in this section is just
to quickly show some ways that we can format
for websites and social media.
So I'm going to open the portrait sample.
So remember, we took the slide, the RAW slide, the RAW shot of this
We made a full-size uncompressed TIFF,
a medium sized, this would be good for like a portfolio.
This one we don't need to uprez because we have a nice big Res because we have a nice big
That's the original.
That's the medium and here's the web. Okay, so if you want
to add some ways to identify yourself, maybe you have a logo
or signature prepared or you can even write your name, we'll
talk about that now, so that's typically two ways to do it. One
you either have a logo prepared, some type of logo or icon that
you can put as a sort of a digital watermark. That's one
way to think about it, or you can actually write your name at
the bottom with the text tool. Let's take a look at some ways
to do that. So I have my my JPEG, it's ready to go online. I
want to put some way to identify me as an artist so I
can first way is to if you have one prepared, so I do have one
here on my computer. This is a
New Masters Academy logo, and this one is a - what's called
a PNG and if you notice what PNG, the advantage of PNG file is
that it's transparent, This is a small PNG, you can see it's all
it's actually transparent. The background is transparent. All
you see is the artwork, the logo in this case, so it could
typically be also a PSD file, can preserve transparency what
PNG is another way to do that. If it was a JPEG this
would be - it wouldn't be transparent, it would be the
logo against a white background for example. So just open my
logo file that I've already created. And one thing you
could do is do control A, control C, copy and paste, and
you'll be able to paste it directly on your artwork like
that. Or what I like to do is once I open my file I like to
just click and hold the layer and then boom, drag it into the
window. So is window view, remember you hold F, if you
you'll scroll through the view modes and this is window view.
So if you're in window view, I just select my the file that
I want to bring into the - my logo that I want to bring into
my artwork, just click and hold on the layer and then boom, drag
it in or you can do cut and paste, exact same thing. So
that's - bring it in the logo there and just call it
And of course if you save it will save it to that file.
Another thing you could do is to use text. So if you have
your small file size,
you can actually literally write with the text tool and the text tool is
on your toolbars that T, that big uppercase T or the hotkey
of course is T. So I bring up T and I'll bring up this
And now you have this new cursor. So what I'll do is I'll
just click wherever I want to write, then brings up a cursor
up top you can see the various options you have for your text.
So it's almost similar to like a text editing program. So here
I'm just going to type my name, Chris Legaspi.
Then I'm going to put
And just kind of move it to whatever corner you want.
You can also of course you can play with the font. Of course
this font is ugly and it's a little too small. So I just
bring up the text tool. Right now it's at 12 point. We can go
let's go to 24.
It's pretty good. And this is the character and paragraph
menu, it's under window ,one of the many windows.
But you can also activate it. If you have text tool active in
your options menu, remember this top bar is options you
have this little icon here and this is
paragraph and character. So you click that you'll activate the
menu and then you can play with the type. Let's change the
Let's go to
impact. Impact's nice and bold. I mean you don't have to choose
impact, whatever font you like.
You can even download a cool font.
So fresh impact is built-in. Then I can also play with the
color. Right now it's pure black. I can make it like
and that was brought up here. If you look at color it's
right here like that.
It's also here in the options menu, this little color box
here. So that brings up this color picker cube. Just change
the color to whatever you want. I typically like it keep it
kind of grey like a dark mid-tone value or if you want
to match a color on your painting, you click this box,
move your color picker out of the way, and it'll actually
default to eyedropper. You see the eyedropper icon? Then I can
just click anywhere in my painting. Let's say click this
nice dark area. Boom. And now it color picks the dark color in
my painting so my painting kind of makes - the color of my text
kind of makes sense. And what I like to do to typically is I
like to lower the opacity of my text a little bit.
So it's semi-transparent, a little bit more subtle. Right now the
size is a little crazy too. So it's a little bit subtle, little
bit more subtle and it picks up some of the canvas color
underneath which is cool. And you can also create a
background to your text, sort of like a black bar. I typically
like to do that.
So you can either make a black bar using
marquee. Make a new layer, draw a slim rectangle.
Marquee. Fill it with black for example or white in this case.
Just going to fill it with black, change my -
Change the size again, it's a little too big. So that's one
way you can do that. You have a black bar and you have your
Or if you don't want to like cut into your artwork, let's
say oh I don't want to cut into to those brush strokes, what
you can do is expand the canvas. So first duplicate your
background layer or if it's flattened. Remember duplicate
the layer whenever you want to make an operation. Now, I'm
going to do canvas size. So image, canvas size. The hotkey's
alt command C and then we're going to it a little
bit bigger. We're going to expand it. So under height,
let's go to pixels.
Under height let's make it from it - right now it's 796. So
let's add 820,
just a nice even number. 820. So we're adding about twenty. So we're adding about
And then going to change the anchor so that it doesn't
affect the top. If it's in the middle top and bottom will get
bigger. We just want it to expand at the bottom. Let's hit
So now we've expanded the canvas.
And but we still see
it expanded the canvas to the background layer. If you want
to change the color what I'll do like to do is make a new
layer right above my duplicate and then fill it with a color.
So pure black in this case or you can fill it with pure white.
But let's see pure black and you can also because it's on
its own layer you can bring up your hue saturation and you
know, you can play with the brightness or add color but you know
typically use an all black bar strip like that, then I just
bring my named layer down and looks pretty good, the size.
Also too remember let's say you went too big. Let's say
you went too big, you're like oh crap this no, that's
too tall. That's too much of that black bar. So again, you
can just crop it. I like to use the marquee to get to a nice
tight crop and hit control command C, my crop hotkey and
boom now it's the perfect size.
Then you all have to do is do another save, flatten your
image. Do a file save and boom. It's ready to go.
Now I do save as.
But it's ready to go. That's just a quick way to label your
The other way was if you had a prepared
image with your logo or your website and things like
that. So two different ways to label your artwork. Now it's
ready for display on my website or on social media.
Transcription not available.
Okay. So this is a RAW DSLR camera file
with my - shot this with an Olympus. So it's going to bring
up camera RAW so don't get scared by this. So a lot of
this stuff really is -
we're going to be doing in Photoshop.
So I'm just going to go ahead and open it and I'm going to
mess too much with it because the shot looks pretty good
overall. So just go ahead and open it.
All right. So obviously the first thing we need to do is
rotate this thing. So let's rotate it. And if you haven't
already you want to make sure you make a hotkey. So it's
image, image rotation, and you'll do flip canvas OR rotation.
So I already have hotkeys set up.
I'm going to go 90 degrees counterclockwise.
Now we're good to go. Now it's the right orientation. So that
was step one.
Step two is we got to get the nice crop. So how do we do
that? There's a couple ways we know about crop tool,
right? We know about making a marquee.
But what I want to do is I want to be able to test my crop
because I'm not a hundred percent sure how much of this
negative space I want to keep. I kind of like some of this
stuff. I like the stuff at the bottom of this kind of
painterly stuff. So I might want to keep some of that. I
don't want to go super tight and just lose it all. So to
test it, what I'm going to do is I'm going to first make a mask
using an alpha mask. So I'm going to duplicate my file,
duplicate the image,
what I'm going to do is I'm going to
delete the background layer or the original layer,
make sure that it goes to black.
and I still have the original image, it's own a duplicate
layer so, it's cool. Then what I'm going to do is I'm going to
draw a marquee, just a rectangle around it and just kind of
approximate where I want the crop to be and while my marquee
is active, going to click our friend the layer mask button
and boom and then it'll draw the mask based on the marquee.
So now I have a pretty nice crop. It looks okay, but I want
to be able to test it try out different crops and to do that
I'm going to first unlink the mask. So we just click that
link icon, now make sure my mask is selected and I'm going
to bring up transform tool which is command T. This is
free transform. Now, I can whoop, resize, play around with the
crop and you see it doesn't affect the image because it's
not linked. The mask is not linked. So let's say - let's
start with the bottom, how much of the bottom stuff do I want
to keep. Do I want to lose it all, keep some of it? I think
it looks pretty cool if I see some of it or more of it. I
How about there? It's a nice compromise left to right.
I don't want too much of that. So going to get rid of
on the right side. Let's see how much of that stuff I want.
It looks pretty good. It looks okay. Let's see. I mean, I'm
just - I'm just guessing. It's really up to you how much of
that stuff you want. Because once you crop it, it's really
hard to bring it back. In fact, it's impossible to bring it
back. You'll have to reopen the RAW file.
So just going to give myself a little bit more space top to
hit enter. Now the mask isn't applied yet where we haven't
cropped it. So I'm just going to flip it
just to double-check. I did a canvass flip and the shortcut
is - my shortcut is F 2, flip canvas horizontal. And let me
play with the mask again just to make sure that I get just
the right amount of pixels that I want.
Yeah, that's pretty good. Looks pretty good. I'll go ahead and
keep it, flip it back. Now to apply the crop what I'm going
to do is hold command, click on the mask and it'll draw a marquee.
And once you have a active marquee you can go edit - oh
image, excuse me, image crop. Boom. Now it's totally cropped
and it's going to flatten my work. Boom.
Now it's cropped the way I want it. So that was step two,
the next step is to optimize. So this slide looks pretty good
actually, has pretty good sharpness,
has pretty good contrast. I mean, it's pretty close to
the original and you kind of want to have your painting next
to you when you're doing this when you're optimizing your
slides. So the first thing I'm going to do is I apply levels
just to see if I can increase the contrast a little bit.
You don't want to go too much because then it's not really true to
your painting. So I like that. And remember you can always
play with the opacity to make it more or less subtle.
So I like that. And I'm going to turn up the saturation just a
The reason why I do that is because this was shot in the
shade, I actually shot this outside
in the shade of
a building outdoor. So
the light tended to be a little bit grey, little bit cool. So I'm
liking that so far. One way you can test
is to merge your adjustment layers. So I duplicated the
bottom layer, my original layer of course, you always want to
duplicate your work. Merge these two so select them all just by
And clicking and then command E, which is merge down, will merge
all those layers down then you can test so this is before,
after, before, after.
So actually this one's a little too bright. So what I'm going to do
is drop the opacity a little bit. What I want is more of a
Duplicate the bottom layer again. My original layer I
don't want to ever - I always want to duplicate it before you do
any operation and merge down because I drop the opacity. Okay a
little brighter. Now I want to try to do a vignette, just a
little bit of a vignette. So I'm going to do brightness contrast,
turn down the brightness, increase the contrast.
Well, let me actually decrease the contrast, how about that.
And then what I'm going to do is use the
circular gradient tool to create a vignette. So whatever
is outside gets a little bit darker. So it's a nice
vignette, which is what I wanted. I'm going to go ahead
and merge that and the last thing I want to do is increase
the sharpness. Just want to make it a little bit sharper.
We can do that around the face. So to do that I'm going to
duplicate this layer and I'm going to apply a sharpen filter,
sharpen, unsharp mask. That's the one I use the most and then you can
play with a radius, remember these two work together member these two work together
if you have a high amount but a low radius you won't be able to see
it and vice versa. A low amount but a high radius you won't be
able to see it. So you kind of got to find a nice balance.
You don't want to go too aggressive because then it will look
Photoshop-y, it'll look all pixely and too fake.
Okay, so I like that. So overall that looks pretty good,
sharpened it overall. So to give it more of a vignette
effect again what I'm going to do is this is the sharpened
See before, after. You see that? I'm gonna zoom in. Before, after.
Look at the nice sharpening overall. I kind of like that
actually, overall sharpening. So what I'm gonna do is I'm going
to drop the opacity a little bit. So maybe like 75.
Then I'm going to merge these two layers. Boom.
Have my original, have my optimize and then gonna do one
more sharpness filter, sharpen, unsharp mask. One more
time, but only in the features.
So I'm going to put on a alpha mask here. And what I want to
do is put a nice vignette. So I'm gonna take my alpha mask
and reverse it. So inverse it, turn it from all white to all
black. What that does is it sort of hides this layer but
it's still there. You just - it's being masked out and to bring
it out we just have to brush white or in this case use
gradient tool and wham.
Excuse me. Use white. There it is.
before, sharpened, the features only, after look at that, it's
pretty sharp actually. So I'm going to tone this down just a
little bit, about 75%.
So little too - let's try 60%. Yeah that's working. that that's working.
That's why I like about this feature. You can fine-tune it
almost to perfection. Let's try right 50. There we go. almost right 50. There we go.
There we go.
And let's go ahead and merge my work and boom. So this is
the optimized. This is the original.
So let's take a look before
and after. This nice sharpness going on. Now I have a nice
beautiful slide. perfectly optimized slide. So I'm going to
go ahead and merge this. Well, let me drop
just a little bit.
Try to make it even more subtle. That looks pretty good.
Actually drop the opacity, decided it was too - started to get
too Photoshop-y looking too aggressive, started to get too
aggressive with my optimization. So go ahead and
merge that so now
so now I'm locked and loaded.
And what I can do now is save a couple different versions to
output. I need one really large version just for
my archive. I need a medium sized version that I could show
my portfolio, bring it to galleries and to clients and
things. And the small web version. So let's start with
the full size version first. So I'm going to do an image, image
size. And the shortcut is alt, command I.
So for the full-size I'm going to leave it -
let's drop it a little bit to 10 inches in height. It's
nice print size.
Well, actually, let's save it.
At this - let's just leave it at full pixel size, 300 DPI at
eight by eleven. This was painted on a nine by twelve. So this is
full-size. I'm gonna go ahead and save it.
And I'm going to use the TIFF format because TIFF you can do
uncompressed meaning it doesn't - you don't lose a lot in the
pixels. So save it as portrait
underscore large and put underscore TIFF so I know it's
a TIFF file.
And it's save and then image compression none. That's why
TIFF is really good for uncompressed full size files.
Now, it's a huge gigantic file. But now every time you want to
use this file in you know, making different versions. You
now have a full uncompressed full-size TIFF ready to go. So,
this is my first one. Now I'm going to make
a medium sized version that I can put on my iPad or show my
laptop if I want to bring somewhere. This full-size is where this full-size is
gigantic. It's like three megs or something crazy like that.
You don't want to have a gigantic file like that. You
want to turn it into a JPEG just to make the file size a
little bit more manageable.
Oh, so a quick note on file size, you know most computers
these days are really really powerful and probably by the
time you see this they're going to be even more powerful,
what would I do with file sizes and making three different
versions. It's not a hundred percent necessary. I mean you
could take this gigantic TIFF and just slap it in your iPad
and show it to people as a portfolio. That's no problem.
But but for me, I'll I just like to have
file sizes that are a little bit more manageable and that's cool if
you want to transfer them, that's probably why it's a good
habit. And it's especially true for web in my opinion.
It's best to keep your web images as small as possible so
that they load quickly. But like I said most computers can
handle huge files.
The main advantage to doing this being mindful of your file
sizes and making these three versions is for portability.
Alright second file size, the medium. So what I'm going to do
what's a good medium file size? So first I'm going to shrink it
to 200 DPI.
you know, that's a pretty good pixel. Let's do 2400.
Max pixel height.
Okay, so it didn't shrink it too much, still a huge file. And now
what I can do is
do a save as.
GOnna save this as JPEG and gonna call this portrait underscore
Must be two files in there. So medium two, okay.
Well, this is a huge file. 3.1 MB. Meg.
That can be problematic for transferring it. So let me show
you, get some more actually. So let's do two thousand,
two hundred DPI, hit okay.
what I'm going to do is
save for web, which is hotkey is shift, alt, command, S.
You can also find it here,
file, export and save for web. Says legacy, which means
it's old. I guess that's a nice way of saying it's an old
function. So now this is pretty nice size. One point MB. Let's
see if we can make it 1.5.
Yes. It's pretty good.
Yeah, 1.5 is a huge is pretty big file to cart around but
it's okay. It'll survive. Actually, let's drop it down to
Yeah one about a one megabyte file. So hit
save and now here we go.
Medium two. Cool.
Save. All right.
So I just saved a medium-sized. Let me undo the file size here
because I believe - yeah, you see what happened was I took my
my large TIFF and I did some operations on it and what it
this TIFF is acting - now it's become the new file size. So if
to make a smaller version I want to take the fresh
uncompressed TIFF to start with. So either I can close it and so either I can close it and
reopen it or just undo it in history. That's why I like
having history tab. So I'm just going to undo both of these
image sizes. Boom. So now it's back. If you check the image size it's
back to its full size 300 DPI at a limit inches height,
Okay, so now we're going to make a web version
and we're also going to put our name on it, our name and our
So first thing I want to do is I'm going to
put my name on a black bar, right under the thing. Now you
don't have to, you can put it right on your
artwork. Let's try that, black bar's kind of some black bars kind of
annoying. So what I'm gonna do is I'm going to take -
actually what it really needs is a signature. I'm just going to
draw like a black rectangle I used - here I used an object
which is a shape.
And drop the opacity little bit so you can see through it.
I don't really like that.
Let's see and it looks okay.
Let's try to type - going to type with
the text tool.
And I will put my name
and a website,
Looks pretty good. Actually, I may not need the black bar.
Kind of like that. Just right over here.
What I normally do is I expand the file size, expand the canvas
size to get a nice black rectangle, but this one seems
Yeah, this one seems okay.
Let me try it with the bar. It looks pretty good. Actually, I
like that with the bar, drop the opacity a little bit.
Looks pretty good.
Let me see if I can
make a file size. Let's just increase the file size to 12
And it expanded to a black canvas.
So I like that, I'm going to drop the opacity even more so
it's more subtle.
Now I'm going to crop it just to make it a little bit
Draw a marquee. Oops.
And do edit or excuse me, image crop. There you go.
That looks pretty good actually, I don't like it on
the painting. I kind of like that extra black bar.
Alright, so now we got to shrink it for the web. So
do alt, command I. Now I like to keep the resolution pretty low
so I can go 150 or 200. Actually 72 is the DPI that most
monitors are at at least at this moment. So
72 is a good DPI. I'm going to
bring it up to 150 so that just in case it needs - I need to work
on it or use it use this specific JPEG I can have it,
those pixels. And would pick my max height to 900.
That's a pretty nice height, 900, anything around a thousand
is a good height to have or max height or max width. So I got my
thing at 900 pixels. I'm going to bring up save for web which
is shift alt command and S is the keyboard shortcut. And now
our jpeg you want to keep it around 250. You don't really
want to go over 300 because even with today's internet
you want it to load really fast.
So now this is a nice compromise, 75 quality gives me
240k JPEG. So I'm gonna call it a portrait underscore
small or low. Let's put low meaning low res.
And make sure format is image only, which will be JPEG, and hit
So I got this one. So let me -
let me bring up all three so you can see and compare.
So I'm gonna go ahead and close this, so don't save, I'm going to open.
and large. There you go.
All right, so I got all three versions on screen here.
So this is my full size. 11 inches high, 300 DPI,
the medium size, perfect for iPad and portability.
And the web, the small low-res perfect for
putting on your blog or your website or social media.
Alright, so that was the portrait.
Free to try
1. Lesson Overview46sNow playing...
1. Course Alert24sNow playing...
Watch the whole lesson with a subscription
2. Learning Recommendation24s
3. Review of Hot Keys and Cropping27m 24s
4. Image Resolution and Sizing22m 28s
5. "Upres-ing" and Formatting for the Web26m 57s
7. Assignment Demo23m 22s