Okay, so let's start designing our quote. And to do that, you can click right here where it says t, which is the text tool. And we're going to select playfair display regular right here. And I'm going to use one large size. So for example, 273 pixels per center, click right here. And I can create my quote, like so.

Press this check mark or Enter on your keyboard however you want. And you can use this tool which is the Move Tool and it's used, so you can move elements inside of your workspace around so you can position it like so it doesn't matter. You can click Ctrl or Command J to duplicate this layer and you can see that it's duplicated right here. You can move this layer down and move this layer up and you can move it like so simply by holding Shift and your left mouse click once Again using Move tool. Now for this bottom one, we're going to type in our quote and use a different font. So we are going to use later.

You can simply type in later and if you installed it, it will show up right here, we're going to use black for the weight. And for the size we are going to use 50 because it's not right here, you can double click right here on the number, type in 50. Press Enter. And now I'm going to type in our quote. So start and that's it, we have created our quote, you can leave it like so and you can click Ctrl J once again, move this down below, and you can now hold shift and bottom arrow to move it down like so. press D on your keyboard or you can click right here where it says type tool Click on your text Ctrl A to select And now we're going to change this one to play fair display.

Finding regular right here, and for the size, we want to use 24. So here it is. And as you can see it's a lot smaller than all the other ones. Click right here once again, and type in the name of the person who said the quote, press Enter. And now we're going to select all of these. So you can click on the first one, or the last one, it doesn't matter, hold Shift, click on the other ones, hold Ctrl click right here where it says PG, press V on your keyboard or click right here for the Move Tool and simply move them right here in the middle Ctrl D to deselect or Command D if you're on a Mac.

And now we're going to space these ones evenly. So I'm going to click on this one, hold, shift and move it just down Until you see these lines, which means that it's snapped into position. And if you don't see these lines, you can click View and then extras, rollers and snap. So make sure all of these three are selected. Do the same for the bottom one. So hold Shift, click on your left, click and move it like so.

And then we're going to click on the first one on the quote, hold shift up arrow 1234 and that will move it 40 pixels from this top edge of this text. Do the same for the bottom one. So shift and now bottom arrow 1234 to make sure that they are evenly spaced out. If you want more, you can click on it. So shift up arrow two more times, make it 60. And maybe you want to leave it like so that's fine as well.

So once again, click on the first one hold Shift click on the last one Ctrl G or Command G. to group them. Double click on the name of the group Typing text, press Enter. And now we can click Control click right here, press V for the move tool or click right here and position it in the middle like so Ctrl D to deselect, and if we zoom just a tiny bit back, you can see how this looks like. You can move it around. For as long as you want, you can hold shift and left mouse click and you can, for example, nudge it to this left edge, then hold shift and right arrow 12345678 for example, but we're going to include the image next, and we are going to see how all of this looks like. So I use one image from unsplash click, drag it inside of our Photoshop.

It will load as a Smart Object. Press Enter. And as you can see this image is just above our text, click on it, move it below and it will play All right here. So to enlarge this image, click in one of the corners using the Move Tool and hold Shift Alt and left click so you can scale it up evenly. And maybe I want to leave it like so. Press Enter.

And now my text is not visible, but we are going to change that. But maybe I want to flip her to look in this direction. To do that, select the image, Edit, Transform, and then flip horizontal. And now she's going to flip and look in this direction, hold Shift, left click to move her like so. And then we're going to select this text. Use this tool, which is the Rectangular Marquee Tool, and if the circle is selected, you can simply click your left mouse click, hold it, and then move it until you select the Rectangular Marquee Tool.

Then, click on Beside the edge, so just right here in this dark area and drag it like you usually do on your desktop, select it just up till the edge of her hand and then let go, press V union keyboard, and then we're going to move this text to be in the middle of this selection. And to do that, simply click right here. And now it's perfectly in the middle between this search and her hand Ctrl D to deselect. And now we're going to make the text white. So click on this arrow, open up the text, click hold Shift, click on the last one, click D to select the text tool. Click right here.

Select the white press OK. And now as you can see, we have a nice visible quote. Now next up, we are going to create a frame that is going to connect all of it and around it up. But before we do that, let's quickly change the name of the This image, so double click on the text, type in image, press enter, so that we can know that it is our image even though we only have one, but I always have to have many layers named. So if I save this design as a template and revisited Some time later, I can know which one is which. So to create our frame, you can click right here and hold it to choose rectangular tool if any of these tools are selected, once again, same like Rectangular Marquee tool, you can just left click and hold choose Rectangle tool and simply draw some rectangles around.

You can even type in for example, for the height type in 1080 because that is the height of our document and position it like so press A on your keyboard. And you have right here at the top left, we have Phil and we have stroke. So click on the fill in, click right here because we don't need a fill color, and to elaborate a bit, fill color is this color inside of the shape. And the stroke color is the color outside of this shape. Because we want to create a frame, we need a stroke and not a fill because we want to see through the frame and see what's inside this image. So once again, click right here to switch the field off, click on the stroke, click right here where it says color and then simply select all white color.

You can customize these a bit further if you're creating these for your brand, and you can use your brand colors for this text or these quotes and for this frame. So if you're using them for the text, I showed you how you can change the color and it's the same for the frame, simply click on it, click a click right here and then here and you can type in your hex code if you have one right here, or you can simply select whichever color you want to press OK and it will update in real time on your frame. On your text. So to create our frame, let's finish it up, you can click in one of the corners, then hold Shift and Alt, same like we did before, and it will scale down on both sizes evenly. As I move this, you can see how it looks like.

So let's position it roughly around here to hold shoulder for example. And we're going to position this roughly in the middle of our quote, like so. Press Enter, double click on the text so that we can know it's a frame, type in, press Enter. And now what we need to do is create a mask. So you can click right here but it looks like like a little camera. So select your layer and then click right here and it will create a mask.

Now to create a mask around this text, what we need to do is use Rectangular Marquee Tool once again. So make quick selections. So for example, like so. Then click on that selection using your Left click once again make sure Rectangular Marquee tool is selected. So make the selection, click on it, hold Shift, and you can move it until it snaps in the middle like so. When you see this line, you know it's in the middle.

But if I let go it you can see we have a bit more space right here, then right here, I want to make sure we have even space so I just going to move it down just a touch. Next, click right here inside of this mosque, because if you click right here, you're going to select the frame, and if we click right here, you're going to select the mosque. Next up, press B on your keyboard for the brush, or you can simply click right here where it says brush and what we need to do is brush out this part of the frame and leave it empty and leave the rest of the frame as it is. So to do that, you can right click and increase the size of this brush. As you can see, this circle is indicated Are brush and it's a bit smaller than we needed at the moment.

So simply click where it says size and you can increase it. And just make sure you have white and black right here, because if I click on it and nothing happens, that's because white color is on top. So if I change them like so by clicking these arrows, and paint once again, it will hide it because black color is on top, you can press x on your keyboard to switch these colors and if I keep on hitting x, you can see that they are changing. So once again, if the white is on top and you click and draw, you can see it shows the frame and if you press X and click once again and the black color is on top, it will hide this portion of the frame Ctrl D to deselect and as you can see, we now have the frame. We have the text and we have this empty space inside of our frame.

Now what about her it's quite simple because We are still selected on our mask. So you can zoom in a bit closer by holding ALT and scroll wheel on your mouse, or you can simply use control space and then left click to zoom in a bit closer. Once again make sure by color isn't top brush is selected mask is selected right here. And you can simply click and paint this area and click and draw down depending on how your image looks like if you have some creases or some holes inside of your image. So for example, if maybe you're trying to put the frame through her arm, maybe you want to make this part not visible, this part visible, this part not visible and so on. To do that, you can reduce the size of the brushes simply by right clicking and then reducing or increasing the size of your brush by moving it right care not to finish this off can simply click right here, paint it in.

And if I click Ctrl zero, it will snap back into place. And there we go, we have created our quote. As you can see, this design is quite easy to create in all in all, it took me like 10 minutes. And when you start creating these quotes, it will take you less and less time. Usually, this sort of design takes me about two to three minutes. And if you forget some of these shortcuts, you can always come back to this video and see how I created it and just to remind yourself of the process