All right.
Welcome back.
So in this video, we're talking about mobile presets.
So on the desktop here, right?
Click and hit new folder.
And we're out to do mobile.
And I'm a dude with a capital m o, b, i, l, e, and I move Kiddi down here.
And then I'll bring this over and open up Photoshop, and I'm going to create new.
Let's go to Web and we're going to select not webs are a mobile.
I'm going to go through each one of these.
But first, I want to grab a piece of clipart so that we can see what it would look like when you're
using each resolution.
So I'm going to select the iPhone X click create and actually close this and a madou file new a new
mobile.
And we're going to turn off our boards and then hit create and then I'm the go to Firefox.
You can use whatever browser you want.
Go to Josh Warner.
Eighty five dot com.
And shrink your browser down to a responsive view.
Click on this little mouse here, because then we'll get the menu
and let's go to Skills.
Click on Skills for me, and I'm going to bring this up a little more here.
Right there.
We'll slide this down.
There you go.
Print screen and then my close up.
And I'm going to get control.
And instead of Photoshop for the clipboard and I'm in here control V and I'm going to go over here to
the left and you'll see with the crop tool and then crop out the mobile version of my personal side
so that we can use this as an example for an interface.
So let's just leave it like that.
That's fine.
And I'm going to close this.
Make sure you control, see, and then paste it in here.
And then this will give you kind of a rough idea of what it would look like if you were working on a
iPhone.
So that's roughly the size.
Let me just fix a little bit.
OK.
There you go.
So that's this is the iPhone X.
So what?
Amadou's file?
No.
And we're gonna go to Mobile and we're going to call this the iPhone X.
And one of the Jews had control A control C control X hit close.
And then we're going to file say it as iPhone X and I'm gonna go to the desktop and go to mobile.
And one more thing that I goofed here.
I'm minimize that.
Let's say this is mobile presets.
That way, if you store this somewhere, you actually have all the presets here.
So you know what they look like and what you need to do, that kind of thing.
So let's go back to Mobile and let's grab the iPhone eight, seven and six plus.
And we're going to turn off our boards and let's do iPhone eight, seven, six plus create a control
V and work control A and then control C on iPhone X and then pasted in here.
And then I'm dragging that down.
OK, so let me do a little more.
All right.
So you can see the control asked to save this.
And I'm going to go to desktop and save it and mobile presets.
So the one thing you can tell right away and I have the same zoom so you can see that the iPhone X is
obviously more vertically, more vertical in length.
So.
It's.
Twenty four hundred pixels and the iPhone eight, seven and six plus is twenty two hundred pixels.
So you have extra real estate here vertically on this iPhone.
So I mean, it control us to save that.
Okay, let's just close it.
Yeah, that's fine.
Just close this file and then a file open iPhone X there we that we can keep working when my lawyer
had control controls to save there.
But you can see the differences here.
OK.
So.
There's definitely a value to using these presets because it gives you the ability to see what they're
going to look like on each device.
And really what this is designed for is to give you a canvas to work with for the iPhone.
So the iPhone Akst, iPhone eight, seven and six plus.
Now, the next one we're gonna do is the iPhone eight, seven and six.
So instead of the plots, we're just going to do the iPhone.
So eight, seven, six.
OK.
I'm going to create and one second.
I don't like outboards.
I'm going to show you why.
So let's go back to Mobile.
Let's just leave that our board on.
And I'm going to say this is iPhone eight, seven and six and create and I'll show you one on our borders.
So when it control the controls, see to copy the content here.
And I'm going to bring in an.
All right.
We'll bring it up.
So.
Here's one, our borders.
So let's say that you have a Web site that you're building.
Let's say you're building my Web site.
Josh Warner.
Eighty five dot com.
And you want a page for your resume and skills and about.
So you could do as you could do this.
You have three airports.
And you can change the name so we could do about our board, too.
Could be skills.
And then this one could be.
Let's make this resume makes sense.
I already have skills, open resumé.
And then the one that we're currently on is skills.
OK.
Now, the idea behind this is if I'm building three pages, I can build them all out on the same page.
On the same canvas.
I should say on the same page.
The same project.
So you can see him bring it over.
Over and over.
Now I can work on all three simultaneously, so I have skills, resumé and about.
That's the idea behind the outboards, OK?
It's not that I don't like our boards.
It's just for this example.
I'm just trying to show you how to use the presets.
And I don't really need our boards for that example.
Now, if I was building a project, then I definitely would use the airports.
So you can just turn these off.
OK.
And I'm actually going to delete both of these.
OK?
And then we're back to square one here.
All right.
So that's the use of our boards.
All right.
So let's go to the next one here from the file new.
Let's go to Mobile and we're going to go to the let's do the iPad pro.
We'll turn our boards off.
There we're just two twelve Schweppes Controls do that and we'll do twelve point nine inches.
I'm a create and then I'm going to go to this one and have control a control C and then paste that in
here.
And then you can see kind of the.
The amount of real estate you have for an iPod, which is the same idea, came someone to control us
that.
So I'm not going to go through all these presents, but I will talk about them.
OK.
Because I just want to give you an idea of what you're going to do with the mobile results.
So the next preset is an iPod pro, ten point five inches.
That's iPod Retina.
Then Android 10 ADP.
Microsoft Surface Pro four.
Microsoft Surface Pro three.
iPhone five.
I've had many Apple Watch.
Forty two millimeters.
Apple Watch 38 millimeters.
Mobile Design Iooss seven.
iPod App Icon Iowa seven.
iPhone App ICOM IOL seven.
Spotlight Iowa seven.
Suttons Mac ten twenty four.
Mac Icon ten twenty four.
Mac Icon 512.
Mac Icon Phut 256.
Mac Icon 128.
Mac Icon forty eight.
Mac Icon 32.
Mac Icon 16.
Legacy iPad App Icon Legacy iPhone App Icon and then Legacy iPad Spotlight.
So I gave you a couple examples here.
The iPhone ten, eight, seven, six plus eight, seven, six and then the iPod pro.
That's really all you need for examples for Web presets, extra mobile presets.
So thanks for watching.
I'll see in the next video.