Using the Photoshop Actions and batch command to resize images.
In this tutorial, we’ll learn how to create a custom action and use Photoshop’s batch command to process a group of images to a certain size. This is a fairly simple tutorial, but does require some Photoshop knowledge.
For this tutorial, we are going to create a group of thumbnail images for a website gallery,
So we are going to convert all our images to small jpg’s.
Here we go….
First off, we need to do a little prep work. And believe me, this prep work can save you a lot of problems in the long run.
We need to decide how big our thumbnails are going to be. Also, we need to decide whether or not to resize them by height, or by width. I’ll explain at the end of the tutorial. Since we are making thumbnails, we are going to make them all 150 pixels wide.
Before we go into Photoshop, we are going to create two different folders. For this tutorial, we’ll create the folders “original” and “thumbnails”. It doesn’t matter where they go, as long as you can remember where they are.
Next, copy all the images you want to resize to the “original” folder. Notice that I said COPY. It’s always better to work on copies of your images, rather than the originals. That way if something happens, you always have a backup copy of your original images.
When you copy your images, I recommend you copy them all to the root directory in the “original” folder, don’t use any subfolders. This you’ll ensure that you have no duplicate images, or images with the same filename.
Let’s get into Photoshop.
First we need to open an image. Any image will due for now. We are only going to use it to create our Actions.
Now, let’s create a new action set. To do this, we click on the folder icon in the Actions panel. Let’s name this set “Custom”. I like to keep my custom actions in their own set, so I can find them easier later on.
Next we need to create a new action. Click the “create new action” icon in the Actions panel. This is signified by the icon that looks like a piece of paper with a curled edge.
Let’s name this Action “Resize 150 W” because we are going to resize the image to 150 pixels wide. *Note: As soon as you create a new Action, your action starts recording, so go directly to the next step without doing anything else.
To resize the image: Go to IMAGE –> RESIZE IMAGE. This will open the “Image Size” dialog box. Now let’s change the width of our image to 150 pixels wide. Then click “OK”.
Now immediately after you click “OK”. Go to FILE –> SAVE FOR WEB. Set your jpg parameters how you normally would and click save. Make sure you save this file in the “thumbnails” folder that we created. You can name the file anything you want.
Next we need to stop recording our Action. Click the “Stop recording” icon in the Actions panel. This is the little square button. Our new Action is complete, and ready to use. Now we are ready to process our images.
Go to your “Thumbnails” folder and delete the image you saved there when you created your action. This is just so it doesn’t get mixed in with the images you’re processing.
In Photoshop, go to FILE –> AUTOMATE –> BATCH.
In the “Batch” Dialog box, we need to set our options. The batch options are fairly straight forward, so I’ll only touch on the ones I feel need some explanation.
The “Play” section. Change your set to “Custom”. And your Action to “Resize 150 W” this sets the Action you created earlier.
Set the “Source” option to “Folder”. Then click the “Choose” button and select the folder you created called “Original”.
The “Source” Section. Since we did not create an “Open” Command in our Action, we need to make sure the “Override Action “Open” Commands” is NOT checked. The “Include Subfolders” option doesn’t matter. The “Suppress file Open Options Dialog” should be checked. And the “Suppress Color Profile Warnings” should be checked.
The “Destination” Section. The “Destination” should be set to “Folder”. Click on the “Choose” button and select the folder you created called “thumbnails”. Make sure the “Override Action “Save As” command” is checked. In the “File Naming” Section. Set the first box to “Document Name” and the second box to “Extension”. This is an option you can play around with, but make sure that the last part of the naming is set to “Extension”
Now, to process your images, just click “Ok”
And that’s it.
Before you actually put this Tutorial to use Please check over the notes I’ve put below.
NOTES:
IMPORTANT NOTE ON PERFORMANCE
The amount of files you can batch process at one time is affected in several different ways:
- The size of the files being processed.
- The Processor Speed of your computer.
- The amount of RAM available to Photoshop.
Don’t expect to jump right in a batch process 100 different images at once. Start out slow. Try, let’s say, 10 files the first time and see how your computer responds. If everything goes ok, then start increasing the amount from there.
Trying to batch too many files at once can cause your computer to slow down, freeze up, or crash altogether. You have been warned.
When you Batch a group of images this way, you do not have to worry about what type of images they are. If Photoshop can open them, they will be processed.
Here’s the reason why we needed to decide how to resize our images. We want all our images to be consistently the same size and maintain their aspect ratio, so they look like the original, only smaller. However, we can only do this in one direction. When you execute the image size command in an Action. The action will only change the dimension that you have changed in the “Image Size” dialog box.
I hope you find this tutorial useful.
This is my first tutorial, so If you see anything I missed, or don’t understand the way I explained something, please let me know.
Tsion
EDIT
Forgot to mention that this tutorial will work in Photoshop CS and Photoshop 7. Been too long since I’ve used anything earlier than 7 so I don’t remember if it’ll work in anything below version 7.