Adjusting Logo and Text Placement in Photoshop: Step-by-Step Guide

In this video, we'll be continuing to adjust our postcard, and we'll be working with the logo on the bottom right-hand of the screen. To begin, let's first do a little cleanup work in our Layers Panel.

Let's select the Title Bar*, the textures, and the text above—holding Shift and clicking Building the Future Skyline*—so we have all five highlighted. Next, let's move them all and group them into one folder that we'll title Bar*. As we can see, we now have a little more room in our Layers Panel to work. Let's create one more group now, and we'll title this Logo*.

We'll drag the High-Resolution Logo into this folder. We'll be adding one more layer here, so it's important to have it grouped off. Looking at our image, what we're going to want to create is a logo in the bottom right-hand corner of the screen with the company title Strategy Skyline below it in text.

So first, let's set a guide for where we want our logo to be. The company has requested that the logo be in the bottom inch of our postcard. Therefore, at 4.25 inches tall, we're going to want to create a guide at 3.25 inches and release it there.

Our logo will need to be contained within this bottom inch. In addition, I always like to set a guide an eighth of an inch up, just to give ourselves extra space to work with. Let's set another one an eighth of an inch to the right from the border so that our logo is not touching the edges.

From here, let's set one more guide exactly one inch from the right-hand side, at 5 inches. Here we'll have the space where we want our logo to be. Let's now begin adjusting our logo. We'll highlight it in our Layers Panel, and simply drag it up.

Next, we want it to be just a little bit bigger. We'll click on it, hit CTRL+T to transform it, and drag it out. However, we probably don't need it to take up this entire space.

Let's zoom in. I'll drag in from the sides and hold ALT so it's centered, and we'll leave it about that size. While it's not important to have the exact size, we do want it to be contained within this one inch and not touching the edges.

We'll hit ENTER and work with this size for now. Next, let's add the company name below—*Strategy Skyline*. Within Logo*, we'll add a new layer and title this Strategy Skyline Title*.

We'll then go to our Horizontal Type Tool, and let's create a bounding box within these guides. We'll drag it, and drag it up a little bit. As we can see, our font is currently too big.

We'll adjust this to 12 points in our Options Bar and hit ENTER. Let's type in Strategy Skyline*. As we can see, the font is still a little too big, so we'll click, hit CTRL+A on the keyboard to select it all.

Let's bring it down to 8-point font and see what we're working with. It's starting to be a better size, but it still might need to be a little smaller.

We'll select all and drop it down to 6. This seems to fit within our guides well. We could probably even move it up to 6.5 to get the most out of our space. This is a pretty good look.

Let's zoom in. The next thing we want to do is change our Strategy Skyline text to white so it pops out a little bit more. We'll click on it, hit CTRL+A on the keyboard, and change the color in our Properties Panel. We'll change it to white, click OK, and there we go—*Strategy Skyline pops.

Next, let's zoom out and see how this looks. Currently, the logo looks a little bit big for my taste, so we'll click High-Resolution Logo*, hit CTRL+T, and shrink it down a little bit. In addition, we'll center it with Strategy Skyline*.

As we drag it over, we'll see pink lines indicating that it's aligned evenly with Strategy Skyline*, and we'll release it and check our work. This looks pretty good. As evidenced by many of the videos in this course, creating marketing materials often requires a lot of minor changes and continual adjustments.

Therefore, continuing to adjust the size of our logo and text is a common practice in Photoshop. Don't be discouraged if you don't get it right on the first try. Photoshop is all about adjusting and making tweaks.

For our next task, let's revisit our Austin Background*. Because we have a yellow bike lane coming down the edge here, I'd like for that bike lane to run right into the logo. We can do this by adjusting our logo and dragging both of these over. We'll hit CTRL+T and simply nudge them over with the arrow keys.

However, if we zoom in, we'll see that we're starting to run out of room here if we want it contained within the guides. Therefore, let's leave it right there to the left and simply move it down with the arrow keys. We'll leave it there, as that's the most space we can work with.

Next, we'll need to adjust our Austin Background*. Let's zoom out again, and with Austin Background highlighted, let's hit CTRL+T to transform it. Let's drag it up, making sure we still have some space between the top of the building and our title bar. We’ll drag it slightly upward so that the bike lane runs into the top of our logo, and so the circle remains relatively centered within the postcard.

I'll hit ENTER to solidify this change. This is still relatively even within our postcard, and the bike lane runs right into the top of Strategy Skyline*. Let's hit CTRL+S to save our work and make one final change to this image.

I want the bike lane to run straight into the logo, but once it enters the logo, I want to remove it. We can do this with the Clone Stamp Tool.

We'll go over to our Tools Bar, and select the Clone Stamp Tool by holding the Pattern Stamp Tool and choosing Clone Stamp Tool. With Austin Background selected and ALT held, we'll select an area on our image. If we see that we can't drag over the bike lane because of the prohibited cursor icon, we'll click and see what the issue is.

In this case, the Smart Object must be rasterized before proceeding. By clicking OK, we can now edit this change. Let's zoom in, and all we want to do is remove this part of the bike lane.

We'll hit ALT to select the pixels to draw from, and start drawing over the bike lane. Hit ALT again and continue making these changes. As you may remember with the Clone Stamp Tool, it's a lot of holding ALT and clicking, but it gives us a better look and helps the image remain consistent.

Let's scroll to the right a little bit, and we can see that the bike lane runs straight into our logo, and we have our text below. Finally, let's remove our guides so we can get a better view. We'll go to View > Clear Guides*, and this looks pretty good.

Nicely done. Let's save our work by hitting CTRL+S on the keyboard, and in the next video, we'll be exporting our postcard. See you there.