03 December 2013

photoshop, tutorial, resize


Learn to use Photoshop’s Actions and Image Processor to resize and add watermark for as many images as you need, automatically.

Applying actions and using the image processor is useful if you are looking at uploading images to the Internet, want to protect your images with a watermark, need a smaller file or image size, and want to save a lot of time. This tutorial will guide you how to create an action that adds watermarks to selected images, as well as resizing them according to your requirements, no matter if it is 10 or 1000 images.

Resizing multiple or even hundreds of photos (and adding a watermark) individually would be very time-consuming, therefore, use the Scripts > Image Processor to resize multiple photos automatically instead, and Actions for adding a watermark. You can also use Automate > Batch in some instances.

This tutorial has two sections (A & B), and you can begin with the one that best suits your requirements:

A) Resizing multiple images only, without the need for watermarks. Resizing images directly at Image Processor according to a size you can determine.

B) Add a watermark with Actions and then resize images again with Image Processor. We will cover how to create an action and how to apply it in the Image Processor

A.) Resize multiple images

Open Photoshop, navigate to File > Scripts > Image Processor

image processor in photoshop

1.) Select the images to process. Select the folder where the original pictures you want to resize are kept (it is also possible to select any sub-folders, if applicable, just tick the relevant box if this is the case).

2.) Select the location to save processed images. Decide where you want to save your resized images. You have the option to save them in the same folder, or select a folder. A safe choice would be to create a new folder, name it i.e. resized holiday photos

3.) File Type. If you are looking just standard images, choose save as JPEG. You can change the quality between 1 and 12, 12 being the highest quality. Tick resize to fit and input your desired size (maximum size in height and width). When you apply the size here, your pictures won't go over the specified size. Even your images are different sizes, whether landscape of portrait, Photoshop will resize them proportionally.

4.) Preferences. Add your copyright info and check that include ICC profile is ticked. You don't have to run an action at this point.

5.) Click Run on the top right. Photoshop will start automatically resizing your photos and the processed images will be in the folder you specified. Done!

The next section will introduce actions and how to create a watermark to your images (and then resize is needed).

B) Add a watermark and resize multiple images with Actions and the Image Processor.

We will begin by creating an action and then move over to the image processor to resize the images. The action we are going to make is to let Photoshop automate a process which adds a watermark to your images. You can use actions to do even more than just watermarks, such as making all images grayscale and so on, once you know how to create an action and run it, the possibilities are endless.

1.) Open any image in Photoshop.

2.) When the image has opened. Navigate to actions panel. If it is not visible, go to Window > Actions. Actions panel will appear.

Action menu in photoshop

3.) In the next step we are going to record an action. When you record an action, it will follow your moves (any moves, alteration, etc.) throughout the time you are working, so remember to do only things you want this action to do - this way you can use it in future for other projects as well. Create New Action by clicking the relevant button. This is the second option from the right.

4.) Name your action according to what it will do, mine is titled watermark as it will add a watermark and nothing else. After you’ve given the proper name, hit Record and Photoshop will start to record your movements.

new action in photoshop

5.) Select the horizontal type tool (T) and add your name/copyright. You can determine your own font, size, colour. I used Arial with this example. After you have added your watermark, right-click on the layer and choose "Rasterize Type". Agree to rasterize the type.

watermark text

6.) Go to Filter > Stylize > Emboss. If you didn't rasterize type before this step, Photoshop will prompt you with a question to rasterize the file or not, click ok to rasterize the layer. You can then adjust emboss options.


7.) Adjust opacity for the watermark layer. You don't want the watermark to be too visible, so adjust the opacity (see your layers section in Photoshop) according what feels right for you. I set mine to 50%

8.) Position the watermark. If you leave the watermark layer un-moved, it may seem too prominent in the image. In order to get a nice result, align it nicely with the image. Check that you have the Move Tool (V) selected. Choose both the image layer as well as the watermark layer (Command + Click / Ctrl + Click). When you have selected both layers, the align options on the top will become available.

layer alignalign options

9.) Align according to your preferences. I used align right edges and align bottom edges, this will move the watermark layer to the very bottom right corner. You can also use the Move Tool (V) to position it after you have aligned the layer, i.e. if you feel it is too close to the edges.

Additional Info: You can add more information to your images by navigating to File > File Info. Here you can add more additional info, such as Copyright Status, Copyright Notice, Copyright Info URL, etc.

10.) Click Stop Recording from actions panel. It is the first button from the left. Now your action is ready! It should show something like the image below:

stop recording an action

11.) Close the image (it is not necessary to save the image) and go to File > Scripts > Image Processor

12.) Add the relevant folder options for retrieving the original files, as well as the output folder for the processed images. Choose your file type. Choose Save as JPEG (others possible if relevant to your project), you can choose a quality between 1 to 12, 12 being the highest quality. I decided to use 10 for the quality. We will first run the action, and then apply the resize function as seen on section A) in this tutorial.

13.) Add the action you've just created in the section 4 of the image processor. This will apply the action (watermark) to all the images you have added via the folder to be processed. Then click "Run" on the top-right. Photoshop will start to automatically process your images with the newly created action.

include copyright info

14.) Ready! Watermark has been added to your images. You can also run the images through image processor again if you are looking at just resizing them. If this is the case, add the folder options again, then in the section File Type, click save as JPEG, add your desired quality, click "Resize to Fit" and enter the maximum height and width for your images, they will size proportionally and will not go over the described size. Remember to untick the Run Action option in the preferences section. Hit Run on the top and the automation process will begin.

Happy resizing!