Guys.
And this video, we're going to create a background and look of your game just in unity, as I promised.
But if you have Photoshop and knowledge of the Photoshop, I'm pretty sure you can make it faster and
easier in Photoshop.
Yeah, but again, I'm just worried about those who don't know how to use Photoshop or don't want to
use Photoshop because there are different reasons.
Like for example, I remember myself when I was learning unity, I was learning unity.
And if somebody told me I need to go to this software and do this and this and this, I felt like,
man, I'm just getting deal with unity.
My head is already big enough and filled with this information.
I don't want to go to Photoshop or whatever and learn more information.
I just want to do this.
So that's the main point here, right?
To keep it simple and just in the unity, what we're going to do is we're going to take this city and
take a look how it makes us feel.
So this is how our game going to look now.
And I don't quite like it.
I want to make it a bit further.
So let's do nine, I guess.
Let's make it nine, maybe eight on the.
I don't know.
I really don't know how I feel about this.
Okay, so size of the lens is 8.5.
And now we have a background here.
Now we need to decide how background is going to look.
So it's going to be like that or are we going to make it a bit smaller to make it further like that
or maybe even bigger to fill up screen like that.
So I think we can do something like.
Um, I want to.
I want to make feeling that is far so maybe like this.
Yeah, it takes some consideration, I would say.
Ah, yeah.
Should be something like this, I guess.
Yeah.
So this is the idea.
What we do now, we create an empty object, or let's just create 2D Sprite Square, and it's going
to be named as background and it's going to have multiple layers.
So let's use, let's say, zero one as a first layer, and we're going to change the size of this to
fit camera.
Like this.
So we're fitting the camera, as you can see.
And B, it doesn't matter how high it is, it's important.
How wide it is.
Should be width of the camera.
Or something about that.
Now, let's go to color over here and make it transparent.
Is just needed to have a size of this object later, but we're not going to use color of this is just
again, for this size.
You'll see why in the next video.
No worries about that.
Now, what we're going to do is to create to the square again and we're going to.
Sorry.
And we're going to select it and change size.
According to the building on the front line, to make it as a simple shape.
And I want to make it a bit transparent so we can see what is on the back.
Yeah.
Let's increase the size of this window.
So something like this, I guess this is okay, so let's duplicate it by pressing control D and just
move it.
Change size again to play something like this again, to feed the background that we have to feed the
references and you don't have to follow reference.
Exactly.
For example, we can see there is no building over here, but we can make one.
We can just make it like this simple.
Now we have another building here.
Now let's duplicate it.
Basically, we need to fill up the shapes that we see on the foreground.
Yeah, and just.
Hmm.
Make sure it match that or even change it as you like.
Again, you can make it as you want to.
For example, we can see this is just building, but.
I want to make, let's say.
A bit header.
A small header over here.
Then I can duplicate one more and place it here and duplicate one more.
Change the size with the T again and then we can see there are two sharp points over here.
But it's not.
But it's not necessarily should be the same shape.
We can just duplicate it, make it sorry, make it very small like these.
And duplicate again place here.
Then make.
Then let's make another one.
Mhm.
Yeah.
Should be here.
Let's make one more.
Should be here.
And one more and let's place it here.
Don't worry about the bottom part.
And it's going to be filled with one.
It's going to be filled with one same color.
So it's not important at all.
Let's duplicate it like this.
Then one more lays it over here and then duplicate again and change size by bit.
And place it here.
And then again.
One more.
Just here.
Then we need one more.
And we need to make it horizontal.
Something like this.
And maybe all the way down to here.
If you want to add some details, you can do that.
You can just make another one and let's say place it here.
Yeah.
But I don't want to do that.
Now we have all of these squares and they make the first layer of the background for us.
Now, what we can do, we're going to select this color picker and choose color of the first layer like
that and make sure it's not transparent at all.
Now, if I close this and if I disable my city, I can see I have first layer of the seed here.
And if I need to do some changes, I can just fix it easily.
Maybe like that.
I like that.
And basically this one, we need to do four other layers.
Now let's go to the next layer and then I'm going to do everything in a time lapse because it might
be not very entertaining to watch.
Let's disable background one.
And this front layer is kind of getting in our way, but it's okay.
We still can use the reference here.
I should tell you I'm colorblind.
It's really difficult for me to see difference between this color and this color, but I'll try my best
to do that.
So let's we can duplicate this one, actually delete what is inside.
And rename this to two.
Because we need size, we need horizontal size.
It's very important for the future.
For the later.
Let's create two D square under it.
Oh, sorry.
Square to the.
Square.
We're going to make it transparent again.
So it's easy for me to see what's behind.
Let's change the size and now we need to copy the back layer.
So I believe it is something like that over here.
And that's duplicate lays another one over here and duplicate again, change the size to make that small
tower.
And if you really want to make this sharp shape, you can you can just create two D triangle.
Just the size a bit and place it here.
Color.
We can copy the color.
This homework's pretty simple, right?
And as you've seen, the result looks good enough.
Let's make it like that.
And again.
Oh, wait, I'm copying the previous tower.
I don't know why I'm doing that.
I need to copy what's behind.
Just got confused a bit.
And.
This one.
I guess it's really hard for me to see the difference between these two colors.
Another reason I'm using prepared assets and not my own because I didn't see the colors properly.
I think that and another one here.
And another one.
Like this.
Let's make one more.
Place it here.
Another one over here and another one, I guess this is the Washington building.
Washington, D.C. looks like it.
Let's see if we can copy it.
I guess we can.
Let's make it like that.
And we need another shape of.
Find a tower, and now we can just use this one and two de sprite circle.
First circle.
I don't see it.
It's very small, I guess.
Good.
So now we have one more layer.
Let's add one bottom part for this one.
I guess I messed up.
This should not be the border.
This is the border of the camera.
I just didn't see it.
So look at that.
Like that.
And I'll just increase size of this up to here.
Yeah.
And size of this.
To hear.
Now let's take these.
All of them.
Let's take them.
Copy color that we need and.
I cannot really see it.
Right.
And he's here.
So let's copy this color.
And make it not transparent.
And now if we.
Switch off this CD.
We can see another layer is ready, but if we switch on both of them going to look like this, we just
need to make sure that layer sorted properly.
If you remember, we learned about certain layers before.
What we can do now is to choose background for both of them and now this should be the first one, so
it has higher priority.
So we need to choose certain layers for them.
If we select these and they should have higher priority, we can make it like this is the second layer,
right?
They shouldn't have lower priority.
So let's do this.
Minus one.
And if we if we would decide to make it below, it would be, what, minus two?
Yes, but we need minus.
But we need zero zero for this.
Now let's create one more.
We're going to duplicate this name.
It is three and we're going to delete these.
All of them.
And then just create 2D Sprite Square.
And.
Repeat the shape again.
I cannot see it.
Why?
I cannot see it Because it's switched off.
Let's switch it on.
Just like that.
Let's select the color for them.
Can I choose?
Colour picker.
And I need to find that colour somewhere in the scene.
I really cannot see it.
Okay, let's switch off.
And select this color, then we can switch on.
It's the needed color.
All of them have order and they're minus two.
Now, if I switch off the city and switch on these three.
Look.
That's the city, right?
Now this building looks ugly.
And then like it.
I'll just delete it.
I don't like it.
Okay.
Now, let's, um.
Get the color.
This is the one.
This is the one, right?
This is the color.
Copy it.
Make it transparent.
And this should be minus three over here.
Now, let's switch off the seat.
Switch on our layers.
And this is much better.
I regarding background.
Don't worry about that.
We're going to fix that later.
But if you want to.
I mean, the sky, right?
This sky if you want to, we can just change color in the main camera.
To make it something like this.
It's going to be yellow.
Purple, whatever it is, but I will keep it.
Something dark.
It's too dark.
What color we had.
I forgot.
I just can do control Z.
Now we have it ready.
If you want to add the mountains, you can do that.
Just make another layer.
Basically, now you know how it's working.
You can add the different shape here, like to Sprite triangle and just.
Make a trip of a mountain.
Another shape of the mountain.
Make them.
Minus four.
And here you have it.
Mountains.
I actually like it, so I'll keep it.
Why not?
Let's see if we can make it work with the Parallax script.
Okay.
Now, look, we have this order in layer minus four.
These minus three.
Here.
Minus two.
Here, minus one and here.
Zero.
Yeah.
And we have five layers of the background.
What we should do now is to make them work as a parallax background.
What is parallax is basically when different layers of the background moving with the different speed
and you have a feeling that background is moving, but background cannot move.
So you have a feeling that you are moving, right?
And then we're going to make it work in the next video.
For now, let's just.
Take this and click, create button, create empty parent and name it as a back ground.
We done here.
We can keep city for the time being just in case we need the reference, but I guess we will not use
it anymore.
And let's go to next video.