1
00:00:00.05 --> 00:00:03.04
- [Instructor] Now that I
have my home screens set up

2
00:00:03.04 --> 00:00:06.09
for all devices, I now want
to make a content screen.

3
00:00:06.09 --> 00:00:08.08
So I'm just going to zoom in,

4
00:00:08.08 --> 00:00:11.07
Command + on a Mac,

5
00:00:11.07 --> 00:00:14.01
Control + if you're on a PC.

6
00:00:14.01 --> 00:00:15.05
Zoom in on this home screen

7
00:00:15.05 --> 00:00:17.02
and I'm going to use
this as a starting point.

8
00:00:17.02 --> 00:00:19.09
So with it selected, just
clicking on the title there,

9
00:00:19.09 --> 00:00:22.07
I can do Command + D to duplicate.

10
00:00:22.07 --> 00:00:23.06
If it puts it anywhere else,

11
00:00:23.06 --> 00:00:25.00
know that you could always move it around,

12
00:00:25.00 --> 00:00:27.00
but I'm going to position
it right below there

13
00:00:27.00 --> 00:00:29.09
and I'm going to call this content, right.

14
00:00:29.09 --> 00:00:32.07
So, just making a generic content screen.

15
00:00:32.07 --> 00:00:34.05
I need to decide what needs to be there

16
00:00:34.05 --> 00:00:35.05
and what doesn't.

17
00:00:35.05 --> 00:00:37.02
I need to, sort of, remove the title

18
00:00:37.02 --> 00:00:38.01
'cause that's not necessary.

19
00:00:38.01 --> 00:00:39.01
What about this background?

20
00:00:39.01 --> 00:00:41.01
Well, may or may not be needed.

21
00:00:41.01 --> 00:00:42.03
I'm going to shrink this down

22
00:00:42.03 --> 00:00:43.08
and this content here,

23
00:00:43.08 --> 00:00:46.02
this is really what I want, okay,

24
00:00:46.02 --> 00:00:47.09
and what I even want to do

25
00:00:47.09 --> 00:00:49.05
is I want to make sure
everything is on black.

26
00:00:49.05 --> 00:00:51.04
So I'm going to select the content title

27
00:00:51.04 --> 00:00:54.09
and I'm going to change
the fill to black, okay.

28
00:00:54.09 --> 00:00:57.05
So this looks really nice and crisp.

29
00:00:57.05 --> 00:01:00.08
Therefore I don't need this
bar here, I can delete that

30
00:01:00.08 --> 00:01:03.07
and I can start to organize
this content better.

31
00:01:03.07 --> 00:01:07.02
I can bring the search over on this side.

32
00:01:07.02 --> 00:01:08.07
That seems appropriate.

33
00:01:08.07 --> 00:01:10.08
Select all those, holding
down the shift key,

34
00:01:10.08 --> 00:01:13.07
I can select that text and
move this up to the top

35
00:01:13.07 --> 00:01:16.06
just like that, okay.

36
00:01:16.06 --> 00:01:20.04
This logo, I can shrink down, sure,

37
00:01:20.04 --> 00:01:22.02
by holding down the shift key.

38
00:01:22.02 --> 00:01:25.04
But, it actually becomes
really hard to read.

39
00:01:25.04 --> 00:01:28.00
Colorado Fourteeners gets
to be pretty tough to read.

40
00:01:28.00 --> 00:01:29.02
So I'm actually going to delete that.

41
00:01:29.02 --> 00:01:32.04
I'm going to import a
more appropriate version.

42
00:01:32.04 --> 00:01:35.01
So we don't want to lose
all of our branding.

43
00:01:35.01 --> 00:01:36.08
What we want to do is we want to make sure

44
00:01:36.08 --> 00:01:38.04
we keep the branding,

45
00:01:38.04 --> 00:01:40.05
which is why I'm going into the assets,

46
00:01:40.05 --> 00:01:42.07
but making sure it's appropriate.

47
00:01:42.07 --> 00:01:44.08
So right here we have this logo small.

48
00:01:44.08 --> 00:01:45.08
This is the black version.

49
00:01:45.08 --> 00:01:48.04
I want the white version
since it's going on black.

50
00:01:48.04 --> 00:01:50.02
It's just an SVG file.

51
00:01:50.02 --> 00:01:52.09
Importing that, you can
see it's really small,

52
00:01:52.09 --> 00:01:53.09
but you can always select it

53
00:01:53.09 --> 00:01:56.03
and just click and drag from any corner

54
00:01:56.03 --> 00:01:58.00
while holding the shift key

55
00:01:58.00 --> 00:01:59.04
and this is much more appropriate

56
00:01:59.04 --> 00:02:01.02
for any content screen.

57
00:02:01.02 --> 00:02:04.01
Is to have an alternate version of a logo.

58
00:02:04.01 --> 00:02:07.01
So, I'm just going to kind
of move that out a little bit

59
00:02:07.01 --> 00:02:08.05
like that

60
00:02:08.05 --> 00:02:12.03
and now for any screen, what I need to do,

61
00:02:12.03 --> 00:02:14.09
and there's this blur circle right here

62
00:02:14.09 --> 00:02:17.07
that I just selected, so just delete that,

63
00:02:17.07 --> 00:02:21.02
I need to really put the
title for this content screen.

64
00:02:21.02 --> 00:02:22.07
What's the title going to be?

65
00:02:22.07 --> 00:02:24.08
Now it's going to vary, of course,

66
00:02:24.08 --> 00:02:26.03
but I'm going to do that right now.

67
00:02:26.03 --> 00:02:27.09
So I can select the text tool

68
00:02:27.09 --> 00:02:30.03
and this is technically
going to be the peak screen.

69
00:02:30.03 --> 00:02:33.03
It could be titled anything
P-E-A-K-S, like that.

70
00:02:33.03 --> 00:02:34.03
I'm typing that in.

71
00:02:34.03 --> 00:02:36.07
I'm going to hold down the caps lock

72
00:02:36.07 --> 00:02:38.03
and type in peaks.

73
00:02:38.03 --> 00:02:41.05
All right, now this is
based on the last text

74
00:02:41.05 --> 00:02:45.00
that I've used, so Avenir Book, 28.

75
00:02:45.00 --> 00:02:47.08
The spacing between the
letters is set to 300.

76
00:02:47.08 --> 00:02:49.04
But it's pretty small, right?

77
00:02:49.04 --> 00:02:51.01
And what I need to do is
I need to move it over

78
00:02:51.01 --> 00:02:52.05
here off to the side.

79
00:02:52.05 --> 00:02:54.02
That's what I'm going to do, make a title.

80
00:02:54.02 --> 00:02:55.04
But I'm going to make
this more interesting,

81
00:02:55.04 --> 00:02:56.02
so I'm going to rotate it.

82
00:02:56.02 --> 00:03:00.06
So as I position my curser
using, you guessed it,

83
00:03:00.06 --> 00:03:02.00
right up here, the select tool,

84
00:03:02.00 --> 00:03:03.09
I can see those arrows that are curved.

85
00:03:03.09 --> 00:03:04.08
That says, hey you know what?

86
00:03:04.08 --> 00:03:05.06
You can rotate this

87
00:03:05.06 --> 00:03:06.04
and that's what I want to do.

88
00:03:06.04 --> 00:03:07.03
Rotate it this way.

89
00:03:07.03 --> 00:03:10.04
Holding down the shift
key will constrain it,

90
00:03:10.04 --> 00:03:13.05
'cause I want it to be exactly 270,

91
00:03:13.05 --> 00:03:14.07
as it says right there.

92
00:03:14.07 --> 00:03:17.02
And rather than manipulating
any of these properties

93
00:03:17.02 --> 00:03:18.01
off to the side,

94
00:03:18.01 --> 00:03:20.01
I can scale it up

95
00:03:20.01 --> 00:03:24.04
and making sure that that is centered,

96
00:03:24.04 --> 00:03:26.08
I'm just going to position it right there.

97
00:03:26.08 --> 00:03:28.08
So this is ultimately what I want

98
00:03:28.08 --> 00:03:31.00
a content screen to look like.

99
00:03:31.00 --> 00:03:33.03
Something just like that.

100
00:03:33.03 --> 00:03:35.03
Once I have this text set up,

101
00:03:35.03 --> 00:03:37.01
I know this is going to be the text,

102
00:03:37.01 --> 00:03:40.03
this certain style for
all of the, sort of,

103
00:03:40.03 --> 00:03:41.07
titles for the screens.

104
00:03:41.07 --> 00:03:44.04
So I can always go into my assets,

105
00:03:44.04 --> 00:03:45.09
clicking on this icon here,

106
00:03:45.09 --> 00:03:49.08
and then I can add that
character style, okay.

107
00:03:49.08 --> 00:03:53.07
So, there it is, Avanier Book 94 point.

108
00:03:53.07 --> 00:03:55.01
See what that looks like.

109
00:03:55.01 --> 00:03:56.03
Now I'm all squared away,

110
00:03:56.03 --> 00:03:58.01
I can do whatever I want with this.

111
00:03:58.01 --> 00:04:00.01
Ultimately I'm going to
be duplicating it a lot

112
00:04:00.01 --> 00:04:01.08
to make the different screens.