Let's now jump inside and design selected item screens. So first things first, I'm going to change the color of this hero image background already have the color selected, and it's the four BCAA eight, press enter. It's slightly brownish color. Next up, I'm going to type in also house chair. And with the one line of text, let me quickly type in and select all of it, jump right here and change it to white. And it looks good and jump back into our acids solid Layers panel.

And for the price, let it be 124. But for it, let's use this color as well, so that it complements the color of our house chair at the top. So double click right here. Ctrl C, double click right here. Ctrl V to paste it in. Double click right here.

Ctrl C. Now click right here. V and make sure it's white. And finally, for this one, move it to this color. Why don't we let's select this color Ctrl C, and jump inside and hit Control V. And now let's move on. And for example, maybe we can change these colors a bit later. But I want to include these two images because that is the simple bit.

So in our images, folders, let's locate the main chair. So we have main chair number one, which is this image, so select it from here, you can always check your Layers panel and make sure you are on the correct location. Drag and drop it inside and move on select this second one, images folder. Drag and drop this one inside. And you can do the same for these two. So you can open it so Like to maintain number one, click right here and select main chair number two drag and drop it inside so that we have a lot more coherent look now, Next up, we're going to include our main image.

So select the hero image background you can close these ones. And inside the same folder you have the main chair image, drag and drop it inside. And same thing liquidate with all the other ones simply drag and reduce its size by holding shift. You can zoom in a bit closer and maybe we can reduce its size to somewhere around here and select these two make sure there they are in the middle. Then select the mentor Ctrl C, click right here Ctrl V to paste it in the exactly the same location. And because that is how we designed it, you can see that the chair sticks out a bit from this background which is with purpose because that's How we want to make the animation look like so it's going to look like it pushed this background up a bit and the chair state in the exact same location.

You can even reduce the size of the chair a bit if you want to just to accommodate these legs, or you can simply move it up like five pixels, something like that, so that this lag is inside of this background. Now finally, let's click right here. And for the selected color move with just below the main color for the film, just make sure you are on white. And for the shadow, do the same liquidate with all the other ones. So two, two and five because it's smaller circle. Make sure you have selected assets panel, click right here.

Then select this color of same liquidate with all the other ones. Make sure it's on 25 And now for the selected color. I'm going to choose somewhere close to white something Like this, and just make sure to copy that same color for this first screen, because that is the color of the seat of the chair. And that is the color we selected. Now do the same for this frame, so selected. And for the border, let's choose this color.

And for the shadow, let's choose five 510, like we did for all the other ones, click right here. And then make sure to select this color, make sure you have the fill on white. And for the shadow, make sure you're on 25%. And those are the screens done. So you'll see this animation in a lot more detail when we get to the prototyping part of this course. And now let's move on to order details which is our next screen and we are going to design it in next video.

So I'll see you there