0:00:01.157,0:00:05.191
Professor Vaughn: Moving on with other,[br]types of frames, including image frames.

0:00:05.191,0:00:10.076
So, we looked at using the type tool[br]to draw our frame, now we're going to use

0:00:10.076,0:00:15.219
our rectangle or other frames which is [br]right here to draw some

0:00:15.219,0:00:17.590
areas for some images.

0:00:17.590,0:00:24.320
So, this looks a lot like our standard[br]rectangle, but it isn't, notice here we've

0:00:24.320,0:00:27.163
got this X going through the rectangle?

0:00:27.163,0:00:28.448
That's a frame.

0:00:28.448,0:00:30.567
Whereas here, which is a regular [br]rectangle tool,

0:00:30.567,0:00:32.169
it acts like a shape.

0:00:32.169,0:00:37.007
Underneath the rectangle frame tool, [br]you have a circular version or

0:00:37.007,0:00:39.826
a polygon version, all of those are [br]great.

0:00:39.826,0:00:44.297
Remember frames are going to be used[br]to sort-of contain the area of the image,

0:00:44.297,0:00:47.504
it's almost like, um, a picture frame.

0:00:47.504,0:00:51.071
So, let's just start with the rectangle [br]frame and I am simply going to

0:00:51.071,0:00:57.231
draw out an area where I want my image[br]to go; I just click and drag, there it is,

0:00:57.231,0:00:59.730
there's the frame, big X in the[br]middle.

0:00:59.730,0:01:02.635
Now again, this is different than a [br]rectangle.

0:01:02.635,0:01:08.504
I'm going to use this as a place holder[br]for now, or place my image

0:01:08.504,0:01:10.557
if I'm ready to go.

0:01:10.557,0:01:14.882
Often, you can create a design where you[br]lay it out without any of your information

0:01:14.882,0:01:19.399
yet, maybe you send it to a photographer,[br]they fill in the images, vice versa.

0:01:19.399,0:01:25.088
Okay, so, let's go ahead and place a[br]graphic; a couple ways to do this, its

0:01:25.088,0:01:29.174
going to go inside this frame, so if[br]you've clicked off for some reason,

0:01:29.174,0:01:33.413
you can click back on it, make sure you've[br]got it selected with your selection tool,

0:01:33.413,0:01:40.352
you can use the quick action down here [br]called import file or file, place.

0:01:40.352,0:01:43.533
These are the same--will get you to the same [br]place.

0:01:43.533,0:01:47.459
Okay, so file, place, you're going to[br]navigate to where your image might be,

0:01:47.459,0:01:52.076
I've got some images ready to go in this[br]Lorax folder and I'm just going to grab

0:01:52.076,0:01:56.415
one of them; this little Lorax,[br]here we go, open.

0:01:56.415,0:02:01.934
Now, important to note, images are always[br]placed at 100% of their size, so if you're

0:02:01.934,0:02:05.178
working with photographs you need to [br]make sure you're working in photoshop,

0:02:05.178,0:02:10.334
editing it correctly, sizing it to the[br]correct size and resolution before

0:02:10.334,0:02:12.035
putting it into InDesign.

0:02:12.035,0:02:16.175
So, you can see this file actually is a[br]little bit smaller than my frame but,

0:02:16.175,0:02:22.028
that's okay, I can always adjust my frame[br]using my selection tool, so I can

0:02:22.028,0:02:28.636
drag it in from the top to the bottom,[br]or if you want to do that a little bit

0:02:28.636,0:02:33.723
quicker, so there's no space around it,[br]you can use frame fitting down here.

0:02:33.723,0:02:36.826
So, there's some really good opportunities[br]here.

0:02:36.826,0:02:40.964
You can fill your frame proportionally,[br]now this is an interesting one where

0:02:40.964,0:02:45.751
it does make it feel like it sized it,[br]but again, if your image is low quality

0:02:45.751,0:02:48.839
you might notice some degradation,[br]so it basically filled it out

0:02:48.839,0:02:54.620
proportionally, so not skewing it, [br]but you do loose some of your image.

0:02:54.620,0:02:59.949
We have fit content proportionally,[br]so that will fit it towards the

0:02:59.949,0:03:04.531
top and bottom edge, but it's not actually[br]skewing it.

0:03:04.531,0:03:08.325
Then we have some fit content to frame,[br]watch what happens, this is stretching it

0:03:08.325,0:03:10.798
so, I don't really recommend that.

0:03:10.798,0:03:16.456
Same idea, uh, actually this fourth one is[br]a really good one where this one makes

0:03:16.456,0:03:22.274
your frame go down to size of your actual[br]image and then this autofit sometimes

0:03:22.274,0:03:26.113
can also be really useful, this is going[br]to, um,

0:03:26.113,0:03:31.270
autofit your frame and your content[br]together, so those can be good.

0:03:31.270,0:03:34.912
But let's divide into what's happening in[br]this actual image.

0:03:34.912,0:03:40.010
Now, we've got our frame, this is the[br]bounding box, I can see all eight

0:03:40.010,0:03:45.517
of those editing boxes, I can move my [br]frame in, notice I'm not moving the image

0:03:45.517,0:03:48.953
I'm moving the frame because I've got the[br]frame with that blue box,

0:03:48.953,0:03:53.024
so all I'm doing is adjusting the frame,[br]image is staying the same,

0:03:53.024,0:03:58.515
the frame kind-of acts like a cropping[br]mechanism in this case, so that's useful.

0:03:58.515,0:04:04.455
I can, of course, make a skewed frame by[br]using my direct selection tool.

0:04:04.455,0:04:08.406
I can also, think about how to work with[br]the actual image.

0:04:08.406,0:04:10.953
Now, so far, I've only been using the[br]frame.

0:04:10.953,0:04:17.159
The image itself, if you hover over notice[br]in this middle zone, you get what's called

0:04:17.159,0:04:25.768
content grabber, click here, just once, [br]now, we have a new colorful edge,

0:04:25.768,0:04:30.996
this is like this orange kind-of golden[br]color, right?

0:04:30.996,0:04:33.318
You see that?

0:04:33.318,0:04:40.933
So, that is the image, not the frame,[br]the moment you enter the content

0:04:40.933,0:04:43.219
grabber, you're working with the image.

0:04:43.219,0:04:50.960
If I move, notice I'm moving the image, [br]you can see the orange bounding box,

0:04:50.960,0:04:55.883
I've just shifted this whole image over, [br]which is getting it really misaligned

0:04:55.883,0:05:00.285
to my frame, so be really careful,[br]now look, my frame is in the same spot,

0:05:00.285,0:05:03.039
but my image is way over.

0:05:03.039,0:05:10.756
If you want to size up or down, scaling,[br]your actual image, not the frame,

0:05:10.756,0:05:14.605
this is where you go, you need to be on [br]the orange bounding box.

0:05:14.605,0:05:19.622
Now, holding shift is important depending[br]on your version that keeps it proportional

0:05:19.622,0:05:24.840
so you're not skewing your image and then[br]come into the image and get it aligned

0:05:24.840,0:05:28.565
with your frame in the way that you want[br]it to be aligned.

0:05:28.565,0:05:31.295
Now again, let's do this one more time.

0:05:31.295,0:05:36.725
I'm going to go ahead and just click off,[br]click anywhere else.

0:05:36.725,0:05:42.778
Normal, image, frame, blue,[br]blue bounding box, the moment I enter the

0:05:42.778,0:05:47.601
content grabber right here in the middle,[br]orange bounding box, that orange bounding

0:05:47.601,0:05:52.038
box is how I can scale up or down, [br]I can move the image

0:05:52.038,0:05:56.107
let to right, excreta.

0:05:56.107,0:06:00.346
If you are attempting--now I've got things[br]real crazy here--if you are attempting

0:06:00.346,0:06:07.219
to move them both at the same time,[br]if you just grab your actual frame,

0:06:07.219,0:06:09.802
you should be able to carry them together.

0:06:09.802,0:06:19.198
If you want to scale them together at the[br]same time--oops command-Z--shift and

0:06:19.198,0:06:22.351
command are what you need to do,[br]so I'm going to back myself up.

0:06:22.351,0:06:25.699
So, notice I just got the blue bounding[br]box, I'm going to hold down shift and

0:06:25.699,0:06:35.167
command, that tells InDesign 'resize the[br]frame and resize the content',

0:06:35.167,0:06:40.202
shift and command, they're both getting [br]smaller in the same proportion.

0:06:40.202,0:06:43.867
Okay, so that is our basics of working [br]with images.

0:06:43.867,0:06:47.693
I'm going to delete this, now I'm going[br]to draw a couple other frames,

0:06:47.693,0:06:52.240
let's do something more interesting,[br]let's do a polygon.

0:06:52.240,0:06:55.448
Remember if you hold shift you're[br]going to keep things proportional.

0:06:55.448,0:06:58.321
Polygon, I know it's a frame, it has the [br]X.

0:06:58.321,0:07:00.473
Let's try the import file.

0:07:00.473,0:07:07.530
Import file, find your file, say open,[br]now its placed it in there, now again,

0:07:07.530,0:07:11.534
its not quite right as far as the sizing [br]goes, so do I need to edit

0:07:11.534,0:07:12.803
the size of the frame?

0:07:12.803,0:07:19.245
I can use the selection tool, [br]editing the size of the frame,

0:07:19.245,0:07:24.273
making it fit a little bit better to my[br]content, scaling it down, now I have a

0:07:24.273,0:07:28.234
frame that's constraining my image[br]to this particular shape.

0:07:28.234,0:07:32.683
If I need to edit the image itself, [br]click on the content grabber, now I see

0:07:32.683,0:07:40.321
the orange frame and I know this is the[br]image scaling it up or down, left or right.

0:07:40.321,0:07:44.717
Okay, other ways of working.

0:07:44.717,0:07:50.221
You can always draw out your design first,[br]knowing perhaps that you want a big image,

0:07:50.221,0:07:56.176
draw it out, maybe you want one smaller [br]image, put it right here, and perhaps you

0:07:56.176,0:08:03.285
want some text, you could just draw some[br]text right there and maybe fill it with

0:08:03.285,0:08:08.624
some dummy text down here so you can[br]start to build your design.

0:08:08.624,0:08:13.234
If you want to place more than one image[br]at a time, we can do that.

0:08:13.234,0:08:19.118
I'm going to go back here, I'm going do[br]do file, place, and let's say I absolutely

0:08:19.118,0:08:24.671
know I want this one and the one beneath[br]it, I'm going to hold the shift key,

0:08:24.671,0:08:30.247
I've grabbed two files and say open,[br]now look what's happened to my cursor,

0:08:30.247,0:08:36.569
it is preloaded with my two files, it has[br]an icon that says number two, if you

0:08:36.569,0:08:40.627
use your arrow on your keyboard you can[br]scroll through to get a preview of which

0:08:40.627,0:08:42.144
one you're starting with.

0:08:42.144,0:08:46.762
I want to start with this one and I'm[br]going to place it here, now its preloaded

0:08:46.762,0:08:50.552
my second one and I'm going to place it[br]in this frame.

0:08:50.552,0:08:55.321
Now, this one of course, was not quite[br]the right size, so maybe I want to do

0:08:55.321,0:09:00.125
some frame fitting, I can fill the[br]frame proportionally, here it looks like

0:09:00.125,0:09:04.281
I'm not quite there either with the actual[br]image size, I'm going to leave it for now

0:09:04.281,0:09:09.829
just to keep it simple, but that's a way[br]where you can load multiple images

0:09:09.829,0:09:14.647
into your cursor and then place them on [br]fly really quickly.

0:09:14.647,0:09:19.999
So, practice placing your images,[br]also called importing, drawing out your

0:09:19.999,0:09:26.322
image frames and understanding how to[br]edit them with the content grabber

0:09:26.322,0:09:30.000
and the bounding box.