WEBVTT

99:59:59.999 --> 99:59:59.999
Moving on with other types of frames,
including image frames.

99:59:59.999 --> 99:59:59.999
So, we looked at using the type tool
to draw our frame, now we're going to use

99:59:59.999 --> 99:59:59.999
our rectangle or other frames which is 
right here to draw some

99:59:59.999 --> 99:59:59.999
areas for some images.

99:59:59.999 --> 99:59:59.999
So, this looks a lot like our standard
rectangle, but it isn't, notice here we've

99:59:59.999 --> 99:59:59.999
got this X going through the rectangle?

99:59:59.999 --> 99:59:59.999
That's a frame.

99:59:59.999 --> 99:59:59.999
Whereas here, which is a regular 
rectangle tool,

99:59:59.999 --> 99:59:59.999
it acts like a shape.

99:59:59.999 --> 99:59:59.999
Underneath the rectangle frame tool, 
you have a circular version or

99:59:59.999 --> 99:59:59.999
a polygon version, all of those are 
great.

99:59:59.999 --> 99:59:59.999
Remember frames are going to be used
to sort-of contain the area of the image,

99:59:59.999 --> 99:59:59.999
it's almost like, um, a picture frame.

99:59:59.999 --> 99:59:59.999
So, let's just start with the rectangle 
frame and I am simply going to

99:59:59.999 --> 99:59:59.999
draw out an area where I want my image
to go; I just click and drag, there it is,

99:59:59.999 --> 99:59:59.999
there's the frame, big ol' X in the
middle.

99:59:59.999 --> 99:59:59.999
Now again, this is different than a 
rectangle.

99:59:59.999 --> 99:59:59.999
I'm going to use this as a place holder
for now, or place my image

99:59:59.999 --> 99:59:59.999
if I'm ready to go.

99:59:59.999 --> 99:59:59.999
Often, you can create a design where you
lay it out without any of your information

99:59:59.999 --> 99:59:59.999
yet, maybe you send it to a photographer,
they fill in the images, vice versa.

99:59:59.999 --> 99:59:59.999
Okay, so, let's go ahead and place a
graphic; a couple ways to do this, its

99:59:59.999 --> 99:59:59.999
going to go inside this frame, so if
you've clicked off for some reason,

99:59:59.999 --> 99:59:59.999
you can click back on it, make sure you've
got it selected with your selection tool,

99:59:59.999 --> 99:59:59.999
you can use the quick action down here 
called import file or file place.

99:59:59.999 --> 99:59:59.999
These are the same--getcha to the same 
place.

99:59:59.999 --> 99:59:59.999
Okay, so file, place, you're going to
navigate to where your image might be,

99:59:59.999 --> 99:59:59.999
I've got some images ready to go in this
Lorax folder and I'm just going to grab

99:59:59.999 --> 99:59:59.999
one of them; this little Lorax,
here we go, open.

99:59:59.999 --> 99:59:59.999
Now, important to note, images are always
placed at 100% of their size, so if you're

99:59:59.999 --> 99:59:59.999
working with photographs you need to 
make sure you're working in photoshop,

99:59:59.999 --> 99:59:59.999
editing it correctly, sizing it to the
correct size and resolution before

99:59:59.999 --> 99:59:59.999
putting it into InDesign.

99:59:59.999 --> 99:59:59.999
So, you can see this file actually is a
little bit smaller than my frame but,

99:59:59.999 --> 99:59:59.999
that's okay, I can always adjust my frame
using my selection tool, so I can

99:59:59.999 --> 99:59:59.999
drag it in from the top to the bottom,
or if you want to do that a little bit

99:59:59.999 --> 99:59:59.999
quicker, so there's no space around it,
you can use frame fitting down here.

99:59:59.999 --> 99:59:59.999
So, there's some really good opportunities
here.

99:59:59.999 --> 99:59:59.999
you can fill your frame proportionally,
now this is an interesting one where

99:59:59.999 --> 99:59:59.999
it does make it feel like it sized it,
but again, if your image is low quality

99:59:59.999 --> 99:59:59.999
you might notice some degradation,
so it basically filled it out

99:59:59.999 --> 99:59:59.999
proportionally, so not skewing it, 
but you do loose some of your image.

99:59:59.999 --> 99:59:59.999
We have fit content proportionally,
so that will fit it towards the

99:59:59.999 --> 99:59:59.999
top and bottom edge, but it's not actually
skewed it.

99:59:59.999 --> 99:59:59.999
Then we have some fit content to frame,
watch what happens, this is stretch it

99:59:59.999 --> 99:59:59.999
so, I don't really recommend that.

99:59:59.999 --> 99:59:59.999
Same idea, uh, actually this fourth one is
a really good one where this one makes

99:59:59.999 --> 99:59:59.999
your frame go down to size of your actual
image and then this autofit sometimes

99:59:59.999 --> 99:59:59.999
can also be really useful, this is going
to, um,

99:59:59.999 --> 99:59:59.999
autofit your frame and your content
together, so those can be good.

99:59:59.999 --> 99:59:59.999
But let's divide into what's happening in
this actual image.

99:59:59.999 --> 99:59:59.999
Now, we've got our frame, this is the
bounding box, I can see all eight

99:59:59.999 --> 99:59:59.999
of those editing boxes, I can move my 
frame in, notice I'm not moving the image

99:59:59.999 --> 99:59:59.999
I'm moving the frame because I've got the
frame with that blue box,

99:59:59.999 --> 99:59:59.999
so all I'm doing is adjusting the frame,
image is staying the same,

99:59:59.999 --> 99:59:59.999
the frame kind-of acts like a cropping
mechanism in this case, so that's useful.

99:59:59.999 --> 99:59:59.999
I can, of course, make a skewed frame by
using my direct selection tool.

99:59:59.999 --> 99:59:59.999
I can also, think about how to work with
the actual image.

99:59:59.999 --> 99:59:59.999
Now, so far, I've only been using the
frame.

99:59:59.999 --> 99:59:59.999
The image itself, if you hover over, 
in this middle zone, you get what's called

99:59:59.999 --> 99:59:59.999
content grabber, click here, just once, 
now, we have a new colorful edge,

99:59:59.999 --> 99:59:59.999
this is like this orange kind-of golden
color, right?

99:59:59.999 --> 99:59:59.999
You see that?

99:59:59.999 --> 99:59:59.999
So, that is the image, not the frame,
the moment you enter the content

99:59:59.999 --> 99:59:59.999
grabber, you're working with the image.

99:59:59.999 --> 99:59:59.999
If I move, notice I'm moving the image, 
you can see the orange bounding box,

99:59:59.999 --> 99:59:59.999
I've just shifted this whole image over, 
which is getting it really misaligned

99:59:59.999 --> 99:59:59.999
to my frame, so be really careful,
now look, my frame is in the same spot,

99:59:59.999 --> 99:59:59.999
but my image is way over.

99:59:59.999 --> 99:59:59.999
If you want to size up or down, scaling,
your actual image, not the frame,

99:59:59.999 --> 99:59:59.999
this is where you go, you need to be on 
the orange bounding box.

99:59:59.999 --> 99:59:59.999
Now, holding shift is important depending
on your version that keeps it proportional

99:59:59.999 --> 99:59:59.999
so you aren't skewing your image and then
come into the image and get it aligned

99:59:59.999 --> 99:59:59.999
with your frame in the way that you want
it to be aligned.

99:59:59.999 --> 99:59:59.999
Now again, let's do this one more time.

99:59:59.999 --> 99:59:59.999
I'm going to go ahead and just click off,
click anywhere else.

99:59:59.999 --> 99:59:59.999
Normal, image, frame, blue,
blue bounding box, the moment I enter the

99:59:59.999 --> 99:59:59.999
content grabber right here in the middle,
orange bounding box, that orange bounding

99:59:59.999 --> 99:59:59.999
box is how I can scale up or down, 
I can move the image

99:59:59.999 --> 99:59:59.999
let to right, excreta.

99:59:59.999 --> 99:59:59.999
If you are attempting--now I've got things
real crazy here--if you are attempting

99:59:59.999 --> 99:59:59.999
to move them both at the same time,
if you just grab your actual frame,

99:59:59.999 --> 99:59:59.999
you should be able to carry them together.

99:59:59.999 --> 99:59:59.999
If you want to scale them together at the
same time--oops command-Z--shift and

99:59:59.999 --> 99:59:59.999
command are what you need to do,
so I'm going to back myself up.

99:59:59.999 --> 99:59:59.999
So, notice I just got the blue bounding
box, I'm going to hold down shift and

99:59:59.999 --> 99:59:59.999
command, that tells InDesign 'resize the
frame and resize the content',

99:59:59.999 --> 99:59:59.999
shift and command, their both getting 
smaller in the same proportion.

99:59:59.999 --> 99:59:59.999
Okay, so that is our basics of working 
with images.

99:59:59.999 --> 99:59:59.999
I'm going to delete this, now I'm going
to draw a couple other frames,

99:59:59.999 --> 99:59:59.999
let's do something more interesting,
let's do a polygon.

99:59:59.999 --> 99:59:59.999
Remember if you hold shift you're
going to keep things proportional.

99:59:59.999 --> 99:59:59.999
Polygon, I know it's a frame, it has the 
X.

99:59:59.999 --> 99:59:59.999
Let's try the import file.

99:59:59.999 --> 99:59:59.999
Import file, find your file, say open,
now its placed it in their, now again,

99:59:59.999 --> 99:59:59.999
its not quite right as far as the sizing 
goes, so do I need to edit

99:59:59.999 --> 99:59:59.999
the size of the frame?

99:59:59.999 --> 99:59:59.999
I can use the selection tool, 
editing the size of the frame,

99:59:59.999 --> 99:59:59.999
making it fit a little bit better to my
content, scaling it down, now I have a

99:59:59.999 --> 99:59:59.999
frame that's constraining my image
to this particular shape.

99:59:59.999 --> 99:59:59.999
So, if I need to edit the image itself, 
click on the content grabber, now I see

99:59:59.999 --> 99:59:59.999
the orange frame and I know this is the
image scaling it up or down, left or right.

99:59:59.999 --> 99:59:59.999
Okay, other ways of working.

99:59:59.999 --> 99:59:59.999
You can always draw out your design first,
knowing perhaps that you want a big image,

99:59:59.999 --> 99:59:59.999
draw it out, maybe you want one smaller 
image, put it right here, and perhaps you

99:59:59.999 --> 99:59:59.999
want some text, you could just draw some
text right there and maybe fill it with

99:59:59.999 --> 99:59:59.999
some dummy text right here so you can
start to build your design.

99:59:59.999 --> 99:59:59.999
If you want to place more than one image
at a time, we can do that.

99:59:59.999 --> 99:59:59.999
I'm going to go back here, I'm going do
do file, place, and let's say I absolutely

99:59:59.999 --> 99:59:59.999
know I want this one and the one beneath
it, I'm going to hold the shift key,

99:59:59.999 --> 99:59:59.999
I've grabbed two files and say open,
now look what's happened to my cursor,

99:59:59.999 --> 99:59:59.999
it is preloaded with my two files, it has
an icon that says number two, if you

99:59:59.999 --> 99:59:59.999
use your arrow on your keyboard you can
scroll through to get a preview of which

99:59:59.999 --> 99:59:59.999
one you're starting with.

99:59:59.999 --> 99:59:59.999
I want to start with this one and I'm
going to place it here, now its preloaded

99:59:59.999 --> 99:59:59.999
my second one and I'm going to place it
in this frame.

99:59:59.999 --> 99:59:59.999
Now, this one of course, was not quite
the right size, so maybe I want to do

99:59:59.999 --> 99:59:59.999
some frame fitting, I can fill the
frame proportionally, here it looks like

99:59:59.999 --> 99:59:59.999
I'm not quite there either with the actual
image size, I'm going to leave it for now

99:59:59.999 --> 99:59:59.999
just to keep it simple, but that's a way
where you can load multiple images

99:59:59.999 --> 99:59:59.999
into your cursor and then place them on 
fly really quickly.

99:59:59.999 --> 99:59:59.999
So, practice placing your images,
also called importing, drawing out your

99:59:59.999 --> 99:59:59.999
image frames and understanding how to
edit them with the content grabber

99:59:59.999 --> 99:59:59.999
and the bounding box.