1
00:00:00.06 --> 00:00:03.08
- [Instructor] Now what I want
to do is create multiple pages.

2
00:00:03.08 --> 00:00:06.07
So I, of course, have my
home, hikers, and peaks,

3
00:00:06.07 --> 00:00:09.05
but I'm creating multiple
pages for all of these peaks.

4
00:00:09.05 --> 00:00:10.09
So what do I want to do

5
00:00:10.09 --> 00:00:12.05
is I actually want to
check everything here.

6
00:00:12.05 --> 00:00:14.00
So I'm going to just zoom in,

7
00:00:14.00 --> 00:00:18.07
it's command plus control,
plus if you're on a PC,

8
00:00:18.07 --> 00:00:21.04
and then I'm using the space
bar to kind of pan around,

9
00:00:21.04 --> 00:00:22.06
and what I want to do

10
00:00:22.06 --> 00:00:24.08
is I want to make sure these
are all highlighting green.

11
00:00:24.08 --> 00:00:26.00
When they highlight in green,

12
00:00:26.00 --> 00:00:28.08
that means that they're
symbols, which is great, okay?

13
00:00:28.08 --> 00:00:30.01
This one, I don't have
to worry about too much

14
00:00:30.01 --> 00:00:31.04
'cause it's going to change anyways,

15
00:00:31.04 --> 00:00:32.07
but where are those symbols?

16
00:00:32.07 --> 00:00:34.02
Well, if I open up the assets panel,

17
00:00:34.02 --> 00:00:36.01
you can see them all right down here.

18
00:00:36.01 --> 00:00:38.06
So you see peaks, peaks, all right?

19
00:00:38.06 --> 00:00:41.08
Character styles associated
with some elements,

20
00:00:41.08 --> 00:00:42.08
as well, all right?

21
00:00:42.08 --> 00:00:44.06
So I just make sure everything's green.

22
00:00:44.06 --> 00:00:46.01
It's good enough for me,

23
00:00:46.01 --> 00:00:47.05
and hide that assets panel,

24
00:00:47.05 --> 00:00:49.05
and I'm going to select this peak's title

25
00:00:49.05 --> 00:00:50.07
and I'm going to duplicate it.

26
00:00:50.07 --> 00:00:53.08
Command D will duplicate
it, actually below,

27
00:00:53.08 --> 00:00:57.03
but you can always move it
around anywhere you want.

28
00:00:57.03 --> 00:00:59.04
And now I'm going to
create the very first page,

29
00:00:59.04 --> 00:01:01.01
which is going to be Bierstadt, 'kay?

30
00:01:01.01 --> 00:01:02.08
So I'm going to zoom in on that.

31
00:01:02.08 --> 00:01:06.08
First page is B-I-E-R-S-T-A-D-T.

32
00:01:06.08 --> 00:01:09.02
Hardest thing about probably this one

33
00:01:09.02 --> 00:01:12.01
is typing it in correctly.

34
00:01:12.01 --> 00:01:17.06
B-I-E-R-S-T-A-D-T, just
like that, clicking here.

35
00:01:17.06 --> 00:01:18.08
Sure enough, there it is.

36
00:01:18.08 --> 00:01:20.08
All right, so I'm going to use, actually,

37
00:01:20.08 --> 00:01:24.04
this repeat grid right here
to get me a jump start.

38
00:01:24.04 --> 00:01:27.04
So shrinking this down, only
showing this first element,

39
00:01:27.04 --> 00:01:29.00
I'm going to ungroup grid

40
00:01:29.00 --> 00:01:32.03
and that gives me these two elements.

41
00:01:32.03 --> 00:01:35.02
With them selected, I can
ungroup them some more,

42
00:01:35.02 --> 00:01:37.02
so they're separate elements now,

43
00:01:37.02 --> 00:01:38.08
and that gives me a starting point,

44
00:01:38.08 --> 00:01:40.03
'cause I want a full-on image.

45
00:01:40.03 --> 00:01:43.01
And I want this text
to be maybe down here.

46
00:01:43.01 --> 00:01:46.06
And I want to create an area

47
00:01:46.06 --> 00:01:49.07
for the content for this page.

48
00:01:49.07 --> 00:01:51.02
So in order to do that,

49
00:01:51.02 --> 00:01:54.01
I'm actually going to
select the rectangle tool

50
00:01:54.01 --> 00:01:57.07
and just draw out a box
in the lower right, 'kay?

51
00:01:57.07 --> 00:01:59.09
From there, I'm going
to turn off the border,

52
00:01:59.09 --> 00:02:02.04
and what I want to do is
turn on background blur.

53
00:02:02.04 --> 00:02:05.04
So rather than having just a black box,

54
00:02:05.04 --> 00:02:06.09
I'm going to turn on background blur

55
00:02:06.09 --> 00:02:09.08
and I'm going to drop down the brightness.

56
00:02:09.08 --> 00:02:12.05
So this gives me a much better look

57
00:02:12.05 --> 00:02:15.08
for what I'm going for here
for the content for this page,

58
00:02:15.08 --> 00:02:18.02
rather than just doing a black box.

59
00:02:18.02 --> 00:02:19.05
Next, I need text.

60
00:02:19.05 --> 00:02:22.03
Selecting the text tool,
doing a click and drag,

61
00:02:22.03 --> 00:02:26.01
and what that gives me is
area text right over here.

62
00:02:26.01 --> 00:02:26.09
That's selected,

63
00:02:26.09 --> 00:02:28.07
and you can always
change it from area text

64
00:02:28.07 --> 00:02:30.05
to point text at any time,

65
00:02:30.05 --> 00:02:34.04
and this is where the content will go.

66
00:02:34.04 --> 00:02:36.00
I'm just typing on my keyboard

67
00:02:36.00 --> 00:02:37.07
because this content is
actually going to come

68
00:02:37.07 --> 00:02:39.03
from a text file.

69
00:02:39.03 --> 00:02:40.04
So with that being said,

70
00:02:40.04 --> 00:02:41.06
with that highlighted,

71
00:02:41.06 --> 00:02:43.06
I can go to my desktop.

72
00:02:43.06 --> 00:02:47.08
I'm going to go out to
these different text files,

73
00:02:47.08 --> 00:02:48.09
and here's Bierstadt.

74
00:02:48.09 --> 00:02:51.00
So all I need to do is select that file,

75
00:02:51.00 --> 00:02:52.05
drag and drop,

76
00:02:52.05 --> 00:02:54.04
and there's my text.

77
00:02:54.04 --> 00:02:57.00
And I can start to maybe resize this.

78
00:02:57.00 --> 00:03:01.03
Maybe make it about 24
point, something like that.

79
00:03:01.03 --> 00:03:02.05
Easier to read.

80
00:03:02.05 --> 00:03:05.00
I can even add a nice
drop shadow, if I want to.

81
00:03:05.00 --> 00:03:06.07
Just something very subtle

82
00:03:06.07 --> 00:03:08.05
just to set it off a little more.

83
00:03:08.05 --> 00:03:12.00
And what I can do with this,
with this new content area,

84
00:03:12.00 --> 00:03:14.08
if you will, is I can also change it

85
00:03:14.08 --> 00:03:17.03
and actually put it in my assets panel

86
00:03:17.03 --> 00:03:19.04
as a character style.

87
00:03:19.04 --> 00:03:22.08
Because as I start to make the other pages

88
00:03:22.08 --> 00:03:24.00
for the other peaks,

89
00:03:24.00 --> 00:03:26.03
I might need to take the
size down a little bit,

90
00:03:26.03 --> 00:03:28.01
and I want to make sure it's uniform.

91
00:03:28.01 --> 00:03:29.04
So clicking over here,

92
00:03:29.04 --> 00:03:32.06
sure enough, I made
this 24-point (mumbling)

93
00:03:32.06 --> 00:03:33.06
that's what it is.

94
00:03:33.06 --> 00:03:35.01
And if I ever want to change it,

95
00:03:35.01 --> 00:03:37.00
it's just a matter of selecting edit.

96
00:03:37.00 --> 00:03:39.02
Wherever that's being used,

97
00:03:39.02 --> 00:03:42.01
take it down, say 22, you
can see what it does there.

98
00:03:42.01 --> 00:03:43.03
So I love that.

99
00:03:43.03 --> 00:03:44.09
I love using assets panel,

100
00:03:44.09 --> 00:03:47.08
and this is set up for Bierstadt.

101
00:03:47.08 --> 00:03:49.08
So what I'd want to do from here

102
00:03:49.08 --> 00:03:54.02
is start to duplicate this
for all the additional peaks,

103
00:03:54.02 --> 00:03:55.03
as well, okay?

104
00:03:55.03 --> 00:03:56.09
So I don't have all of them here.

105
00:03:56.09 --> 00:03:58.05
These are just going to
be the highlighted ones,

106
00:03:58.05 --> 00:04:01.07
so I'm just going to maybe
duplicate this a couple times.

107
00:04:01.07 --> 00:04:03.02
Just command D,

108
00:04:03.02 --> 00:04:05.07
and then go through that same process

109
00:04:05.07 --> 00:04:11.03
for the other peaks that
I have information for.

110
00:04:11.03 --> 00:04:14.01
So here are all my content pages.

111
00:04:14.01 --> 00:04:17.01
So I did about eight different peaks,

112
00:04:17.01 --> 00:04:20.06
and notice these individual
art boards can be moved,

113
00:04:20.06 --> 00:04:22.09
but you can actually
select multiple art boards

114
00:04:22.09 --> 00:04:25.01
and move them as one.

115
00:04:25.01 --> 00:04:26.00
And that's what I want to do

116
00:04:26.00 --> 00:04:28.06
is bring them down right over here,

117
00:04:28.06 --> 00:04:30.01
something like that,

118
00:04:30.01 --> 00:04:32.02
so it's just going to
be easier to work with,

119
00:04:32.02 --> 00:04:36.00
and I even get those alignment
capabilities like that, okay?

120
00:04:36.00 --> 00:04:40.00
So now I can kind of take a look at these

121
00:04:40.00 --> 00:04:43.07
and start to make some
additional decisions

122
00:04:43.07 --> 00:04:44.08
based on this content,

123
00:04:44.08 --> 00:04:49.06
because I'm noticing right
down here for Maroon Bells,

124
00:04:49.06 --> 00:04:52.00
that this text is just too long.

125
00:04:52.00 --> 00:04:55.01
This element needs to be either smaller

126
00:04:55.01 --> 00:04:58.05
or I need to adjust the
spacing between the letters,

127
00:04:58.05 --> 00:05:02.04
but they're all controlled by
this element right over here.

128
00:05:02.04 --> 00:05:04.07
Book 94 point, 'kay?

129
00:05:04.07 --> 00:05:07.00
So I can right click and select edit.

130
00:05:07.00 --> 00:05:10.04
From here, instead of
giving this such spacing

131
00:05:10.04 --> 00:05:12.02
in between the letters,

132
00:05:12.02 --> 00:05:14.00
I can change that to 200.

133
00:05:14.00 --> 00:05:17.03
As I change it to 200, I can
see it change right here.

134
00:05:17.03 --> 00:05:19.05
So I still need to fit in that S,

135
00:05:19.05 --> 00:05:21.04
selecting edit again.

136
00:05:21.04 --> 00:05:26.09
In this case, let's just take
this down a touch to about 90.

137
00:05:26.09 --> 00:05:27.09
Take a look at that,

138
00:05:27.09 --> 00:05:33.02
and another quick edit
as I move that down.

139
00:05:33.02 --> 00:05:36.09
Let's change this to about 150

140
00:05:36.09 --> 00:05:40.09
and 80 point, all right.

141
00:05:40.09 --> 00:05:43.00
So that looks much better.

142
00:05:43.00 --> 00:05:45.01
I can even control the opacity.

143
00:05:45.01 --> 00:05:47.02
Maybe I want to adjust that accordingly.

144
00:05:47.02 --> 00:05:48.03
And that's probably what I do.

145
00:05:48.03 --> 00:05:50.07
I actually do want to take
that down a little bit

146
00:05:50.07 --> 00:05:53.06
because I already would
have selected this item,

147
00:05:53.06 --> 00:05:55.07
so it's more as a graphical element

148
00:05:55.07 --> 00:05:57.00
to know what page we're on,

149
00:05:57.00 --> 00:05:59.04
so I'll take that down to about 50%.

150
00:05:59.04 --> 00:06:03.00
Another thing I'm noticing
when it comes to opacity

151
00:06:03.00 --> 00:06:04.07
are these photos.

152
00:06:04.07 --> 00:06:08.08
Well, these photos are
actually all about 60%, too.

153
00:06:08.08 --> 00:06:12.04
So I probably need to take
those up a little bit, as well.

154
00:06:12.04 --> 00:06:14.01
And this gets a little lost,

155
00:06:14.01 --> 00:06:15.05
but again, you have it over here.

156
00:06:15.05 --> 00:06:19.01
I think we'll be okay as
I select each one of these

157
00:06:19.01 --> 00:06:22.01
and notice how I can adjust them.

158
00:06:22.01 --> 00:06:26.04
I could just as easily also
make this a symbol if I want to,

159
00:06:26.04 --> 00:06:28.05
but since there's only eight elements,

160
00:06:28.05 --> 00:06:31.04
I'm not really going to
worry about it at this point.

161
00:06:31.04 --> 00:06:34.02
But you could see, as I
change it for all of these,

162
00:06:34.02 --> 00:06:35.07
really starts to look good,

163
00:06:35.07 --> 00:06:37.09
and my goal is to really
make this look good

164
00:06:37.09 --> 00:06:40.03
for the content at hand.

165
00:06:40.03 --> 00:06:41.05
You can see everything looks good.

166
00:06:41.05 --> 00:06:44.04
In fact, even for all of this text here,

167
00:06:44.04 --> 00:06:47.00
nothing really goes quite to the bottom.

168
00:06:47.00 --> 00:06:48.02
There's some breathing room,

169
00:06:48.02 --> 00:06:50.03
there's almost too much space here,

170
00:06:50.03 --> 00:06:53.09
but I even have some room
to play with that text.

171
00:06:53.09 --> 00:06:55.05
So I can always go to edit,

172
00:06:55.05 --> 00:06:58.04
change this to 26 and watch it change.

173
00:06:58.04 --> 00:07:00.02
Sure enough, you can see it change.

174
00:07:00.02 --> 00:07:03.05
I can even change the
letting, if you will.

175
00:07:03.05 --> 00:07:04.05
Take that up to 40.

176
00:07:04.05 --> 00:07:06.01
We can space that out.

177
00:07:06.01 --> 00:07:09.08
This gives me a nice,
expansive, like spacious look,

178
00:07:09.08 --> 00:07:12.09
and that's what I want
for all of these pages.

179
00:07:12.09 --> 00:07:15.04
But now that've all these pages,

180
00:07:15.04 --> 00:07:17.04
remember, they're all linked to my assets,

181
00:07:17.04 --> 00:07:19.00
so I can close that panel.

182
00:07:19.00 --> 00:07:21.00
Command zero, control zero

183
00:07:21.00 --> 00:07:23.05
to kind of put everything within view.

184
00:07:23.05 --> 00:07:26.09
And my next goal, and really the fun part

185
00:07:26.09 --> 00:07:28.09
is linking all these screens together

186
00:07:28.09 --> 00:07:30.03
and start prototyping them.