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

2
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

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

4
99:59:59,999 --> 99:59:59,999
areas for some images.

5
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

6
99:59:59,999 --> 99:59:59,999
got this X going through the rectangle?

7
99:59:59,999 --> 99:59:59,999
That's a frame.

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

9
99:59:59,999 --> 99:59:59,999
it acts like a shape.

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

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

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

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

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

15
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,

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

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

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

19
99:59:59,999 --> 99:59:59,999
if I'm ready to go.

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

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

22
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

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

24
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,

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

26
99:59:59,999 --> 99:59:59,999
These are the same--getcha to the same 
place.

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

28
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

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

30
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

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

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

33
99:59:59,999 --> 99:59:59,999
putting it into InDesign.

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

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

36
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

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

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

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

40
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

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

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

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

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

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

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

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

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

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

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

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

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

53
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

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

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

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

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

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

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

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

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

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

63
99:59:59,999 --> 99:59:59,999
You see that?

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

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

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

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

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

69
99:59:59,999 --> 99:59:59,999
but my image is way over.

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

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

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

73
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

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

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

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

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

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

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

80
99:59:59,999 --> 99:59:59,999
let to right, excreta.

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

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

83
99:59:59,999 --> 99:59:59,999
you should be able to carry them together.

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

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

86
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

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

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

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

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

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

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

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

94
99:59:59,999 --> 99:59:59,999
Let's try the import file.

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

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

97
99:59:59,999 --> 99:59:59,999
the size of the frame?

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

99
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

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

101
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

102
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.

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

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

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

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

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

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

109
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

110
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,

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

112
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

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

114
99:59:59,999 --> 99:59:59,999
one you're starting with.

115
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

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

117
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

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

119
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

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

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

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

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

124
99:59:59,999 --> 99:59:59,999
and the bounding box.