- [Instructor] Now that I have my home screens set up
for all devices, I now want to make a content screen.
So I'm just going to zoom in,
Command + on a Mac,
Control + if you're on a PC.
Zoom in on this home screen
and I'm going to use this as a starting point.
So with it selected, just clicking on the title there,
I can do Command + D to duplicate.
If it puts it anywhere else,
know that you could always move it around,
but I'm going to position it right below there
and I'm going to call this content, right.
So, just making a generic content screen.
I need to decide what needs to be there
and what doesn't.
I need to, sort of, remove the title
'cause that's not necessary.
What about this background?
Well, may or may not be needed.
I'm going to shrink this down
and this content here,
this is really what I want, okay,
and what I even want to do
is I want to make sure everything is on black.
So I'm going to select the content title
and I'm going to change the fill to black, okay.
So this looks really nice and crisp.
Therefore I don't need this bar here, I can delete that
and I can start to organize this content better.
I can bring the search over on this side.
That seems appropriate.
Select all those, holding down the shift key,
I can select that text and move this up to the top
just like that, okay.
This logo, I can shrink down, sure,
by holding down the shift key.
But, it actually becomes really hard to read.
Colorado Fourteeners gets to be pretty tough to read.
So I'm actually going to delete that.
I'm going to import a more appropriate version.
So we don't want to lose all of our branding.
What we want to do is we want to make sure
we keep the branding,
which is why I'm going into the assets,
but making sure it's appropriate.
So right here we have this logo small.
This is the black version.
I want the white version since it's going on black.
It's just an SVG file.
Importing that, you can see it's really small,
but you can always select it
and just click and drag from any corner
while holding the shift key
and this is much more appropriate
for any content screen.
Is to have an alternate version of a logo.
So, I'm just going to kind of move that out a little bit
like that
and now for any screen, what I need to do,
and there's this blur circle right here
that I just selected, so just delete that,
I need to really put the title for this content screen.
What's the title going to be?
Now it's going to vary, of course,
but I'm going to do that right now.
So I can select the text tool
and this is technically going to be the peak screen.
It could be titled anything P-E-A-K-S, like that.
I'm typing that in.
I'm going to hold down the caps lock
and type in peaks.
All right, now this is based on the last text
that I've used, so Avenir Book, 28.
The spacing between the letters is set to 300.
But it's pretty small, right?
And what I need to do is I need to move it over
here off to the side.
That's what I'm going to do, make a title.
But I'm going to make this more interesting,
so I'm going to rotate it.
So as I position my curser using, you guessed it,
right up here, the select tool,
I can see those arrows that are curved.
That says, hey you know what?
You can rotate this
and that's what I want to do.
Rotate it this way.
Holding down the shift key will constrain it,
'cause I want it to be exactly 270,
as it says right there.
And rather than manipulating any of these properties
off to the side,
I can scale it up
and making sure that that is centered,
I'm just going to position it right there.
So this is ultimately what I want
a content screen to look like.
Something just like that.
Once I have this text set up,
I know this is going to be the text,
this certain style for all of the, sort of,
titles for the screens.
So I can always go into my assets,
clicking on this icon here,
and then I can add that character style, okay.
So, there it is, Avanier Book 94 point.
See what that looks like.
Now I'm all squared away,
I can do whatever I want with this.
Ultimately I'm going to be duplicating it a lot
to make the different screens.