Join Ian Robinson for an in-depth discussion in this video Resizing bitmap logos in Photoshop, part of After Effects Guru: Animating Logos.
Do you work out? Have you ever tried to bulk up and gain a little bit more? Or like many of us, tried to just lose a little bit? We all know the process isn't quiet as simple as it seems. Like many things in life there's a right way to do things and a not so right way. And, when it comes to resizing your bitmap logo files. It's no different. Before we get going too far, you want to make sure that you're in the Essentials Workspace. If your interface doesn't look like this, go up under Window > Workspace, and make sure it's set to Essentials.
If it still doesn't look like this, make sure to reset your essentials. Now, once your system looks like this, go up under Image > Image size. Under image size, the document is 800x600 pixels. And, down here at the bottom, there's a setting for resample which is set to automatic. In Photoshop CC, this is an amazing setting, because when we make changes to the size, it'll automatically choose the proper resampling settings most of the time. Now, before we go into each one of these, let's go ahead and change some of these settings.
I want to change my width to 1920. Now, that's going to make the height way too large. But if you notice, I've got a lot of extra space above and below my logo. So, I'll actually leave this set-up the way it is. And I'm going to reposition my logo here within my magnification so I can see my text. And look at what's happening here on the edges of my text. Can you see that bright line? That's in the resampling settings. Click on the automatic pull down under resample, and change it from Automatic to Bicubic smoother.
When you do this, that'll change the resampling settings. Now, I'm still getting a fair amount of aliasing around the edges of my text, but I've lost that really bright highlight around my letters. So, I think this is going to be a better setting for what I'm looking for. Now when I click OK, we've resized the logo to be a little bit larger. Now, to continue the resizing process, I'm going to go up under Image and I want to crop the top and the bottom of my logo off. So I'm going to go up under Image > Canvas Size.
Under my canvas size, I want to change the settings to pixels, and change the height to 1080. Now, when I click OK, it's going to warn me that I'm going to crop the top and the bottom, and that's fine, I'll say proceed. Now, if I zoom out here, you can see I've resized my logo, and it's considerably larger than it was before. Now, this is a little bit soft, but dependent upon how quickly your logo's going to be flying through the scene, this might be relatively acceptable. Now, in all honesty, when you're scaling up your logo, you really shouldn't blow it up more than 33 or 40%.
And to see exactly how large of a change you're making, you want to go ahead and look at one other setting under Image Adjustment Settings. So I'm going to go here under Image > Image Size. And in here, let's just go ahead and change the width up to 2400. And just so you can see how much larger that's making the file, you want to pay attention to the dimensions. If you click on this pull down, you can change it to percent. Many times you'll find it's set to pixels.
So as long you have it set to percent, you'll see how much you're blowing up this image as you're making those changes. When we went from 800x600 up to 1920x1080, we blew it up over 200%. So the fact that this is a little bit soft is relatively okay. Again, this is kind of an emergency situation where you don't have access to the vector based files. Now thankfully as we move forward throughout the rest of this course, we are going to have access to the vector based files. I just wanted to show you this one extreme example, so when it comes to resizing your image, you'll want to actually make sure you resize the image in Photoshop.
That way you'll have access to those extra settings so you can make some fine tune adjustments as you're scaling up or scaling down your logo files.
This course was created and produced by RHED Pixel. We're honored to host this content in our library.
- Optimizing bitmap and vector logos
- Repeating animation with the Keyframe Assistant
- Animating with colors
- Animating type logos
- Building and saving transitional elements
- Rendering your animation