All right.
Welcome back to the my favorite part of the section, which is the project.
So what we're going to do is we're going to jump in Photoshop right now.
And you can see we have a blank canvas here.
Now, let's minimize for a second and let's go to our iPhone app icon template that we made in the previous
project.
And what we're gonna do is we're going to control a select all and then control see to copy this.
And then we're going go to the iPod app icon that PTSD and control V to paste that in.
And then we'll we'll grab the transform tool with control T and we're going to grab an upper left hand
corner and drag down and hold shift until we get this to one hundred and fifty two pixels.
That should.
Let me do that first.
Let's try that again.
I'm going to leave it right there so I can bring it up here and then we'll readjust that from there.
So hold shift again, bring that down nicely.
There we go.
Very good.
And then what I'm going to do is I'm going to plop that in there and turn off the background and then
we'll have control.
Asked to save this as a P.S. So you have that at your disposal and then I'll bump it up a little bit.
And what I want to do first is I want to make kind of a generic icon similar to what I have on my Web
site.
I'm going to grab that dark gray again.
And that's a really good contrast, so you can see just in the design of the icon itself.
You have white here, white in the middle and then a little blue for low contrast.
Right.
And then a really big contrast behind it with this dark gray, which really looks cool.
I really like the dark grad's cool looking.
So that's one.
Now, what I want to do is I want to make a second iPod.
I pad app icon.
Someone held control shift an s and we're going to save on a computer and we're gonna call this iPod
app icon, too.
OK.
Now this is where you can have fun and do whatever you want.
You don't have to fall along with me with this one.
You can do whatever you see fit.
What I'm going to do is I'm gonna keep the background the same and I'm going to change the color of
this blue to a orange.
Going to mix it up, OK?
So I'm going to go kind of orange right here.
Lou, I like that.
And then a little orange there, an orange there.
And then what I'm going to do is we're going to change the background color because it doesn't really
have good contrast with that.
So what I want to do is I want to grab kind of a light blue and that's going to be our background.
So I'm going to go kind of get like kind of a dark.
Yeah, that's kind of weird luck and let's see who doesn't look too bad because the contrast is good.
You know, now what I'll do is I'll change the color of the play button by the right and then change
both of them.
And you can see that looks cool.
And then we can add a little bit of.
Lime green to this because it has good contrast.
You know, that looks a little better than the orange, so I switch that up.
But you can see if I change this to that dark gray.
So if I make another layer here and I and I go wild and do that and then change this to like a dark
gray, it's going to look good because the contrast is really good.
We have a dark background with a light color here and then a white color, which is already light anyway.
And then you add this green in here and it makes it look really cool.
If we did yellow, let's do yellow once and say, oh, that looks.
Let's here.
Because all I am to do is make stuff visually appealing.
See, the yellow looks even better because it's a brighter color than the lime green.
So, I mean, you can't go wrong with any of those colors.
But again, you can pick whatever color you want.
And you see even on the lake, the.
The dark green kind of teal ish.
Dark teal.
I guess you could say it's more of a green, but the dark green here looks good with yellow as well.
And there's good contrast.
But the dark brown has really good not brown, but dark gray has really good contrast.
And I just like how it makes a pop, really.
And it makes it look really cool.
So let's hold control alt shift an s and we're going to save this as I iPad app icon to.
And then what I'm going to do is we're gonna grab the first app icon, my iPad app icon.
And I want to say this as well, so let's the control shift AWALT s and we'll just save this as the
original.
And there you go.
So now you have four icons that you can work off of.
You have two iPod app icons and then two iPhone app icons.
And the idea here is.
Why pick those over and the other ones is because once you get the idea and the fundamental down about
to make an icon and why you need one.
Once you make one icon, then you can basically take that, do what we did, where I gave you my wallpaper,
and then we cropped out the this icon here.
And all you need to do is make a larger file of it or a larger size, and then you can just shrink it
down and then add it to each different icon that you need.
So if you need one for the I'll show you real quick care.
If we go to Photoshop again, let's do file new.
And if you go to mobile.
And you go down here, you scroll down a little bit, you can see they have iPod app icon.
That's the one that we did just now.
And the previous section, we did the iPhone app icon.
OK.
Then they have spotlights.
So you can see they have different sizes here.
They have settings.
Mac icon, Mac icon, Mac, Mac, Mac, Mac.
And these are all different sizes that they have.
But in in theory, what you could do is you can go in and you could grab that icon that we made and
you could implement it on any of these.
OK.
And it's it's not hard to do.
All you do is you go for example, I'll just show you click here.
You grab you open up this template here and.
I just right click and I duplicate the layers and we bring it over to Untitled One.
OK.
And there you go.
So now you have it and you just bring it up until it fits about right there.
OK.
And then what you do is.
Switch the colors here with X and then make sure that the background is the same color.
Now you do.
I will tell you one thing.
You do want to have a vector version of the graphic, because you can see here it's pixilated.
OK.
And that's because at the raster graphic and raster does not stretch large or small.
Well.
It's really made for one size.
But if you get a vector, then you can do that with no issues.
Someone hit control w and no to the not to delete it, but just not to save it.
I mean hit controlled w close all these.
And I just want to thank you for watching the course.
I really appreciate you taking the time to go along with me here and learn about icons.
It's a lot of fun.
And like I said, it's something that I'm very passionate about and really love doing.
So if you have any questions or concerns, let me know.
Thanks for watching the video and I'll see you in the next video.