The Incubator

This is a place where random discussions occur, some great and some just weird.

Browse Topics
The Incubator
86 members 50 topics 108 posts

How to resize and watermark images in Photoshop?

last updated
1 reply
2 users
anonymous_2 01 May 2013

I've just transferred photos from my digital camera onto my computer and I want to resize the pictures as they are too big and put a watermark on them as well before I put them on my website. What's an easy way to do this in Adobe Photoshop?

1 Comment

Like what you see?

Our one-click login makes it easy to share your thoughts. You can ask your own questions, get email notification of replies to your posts, add your comments, and give a thumb-up to the things you like.

Just use your Facebook/Google/Clever Dodo account to login.

gices 01 May 2013

If that's something you would do often, then it's better to record an action (macro) for this purpose so that you can use it effortlessly afterwards. Follow the steps below:

  1. Start your Photoshop program
  2. Then open any image you have on your computer
  3. Locate your Actions palette (if you can't see it, go to the top menu and click on Window -> Actions.
    actions palette
  4. Click on "Create new action" (see above pic) and give your action a sensible name before clicking on "Record".
  5. Open your watermark picture
  6. From the top menu, click Select -> All
  7. Then Edit -> Copy (or Ctrl+C)
  8. Minimise the current window so that the previous image is visible.
  9. Click Image -> Image Size (top menu) and enter your desired resizing values. I usually have a tick next to "Constrain Proportions" so that when I enter the width I would like my image to be, the height is automatically adjusted.
  10. Now click Edit -> Paste (or Ctrl+V) to drop your watermark onto the image.
  11. Click on the "Background" layer from your "Layers" palette and from the top menu, choose Select -> All.
  12. Then click on "Layer 1" (which is your watermark) from the "Layers" palette.
  13. Now from the top menu, choose Layer -> Align Layers to Selection -> Bottom Edges.
  14. Repeat the previous step (step 13) and choose Right Edges this time. This will align your watermark nicely to the bottom right corner of your image.
  15. Now click on File -> Save for Web & Devices and select JPEG High to get a nice picture quality. You can also choose PNG-24 if you wish. Then click Save.
  16. Now click on File -> Close
  17. And to finish off recording your action, click on the "Stop playing/recording" button on your Actions palette.

Your actions should look like this:

custom action photoshop

In this tutorial, we have used a watermark picture that was already done before. See the result below:

resize watermarked picture

Running the batch script
To batch resize and watermark, you'll need to click on File -> Automate -> Batch and select your action from the list. Then just choose the folder where your images are located and when you hit OK, your images will be processed.

batch window

Note that the destination folder will be that which you selected when creating the Photoshop Action. You cannot override it by choosing "Override Action Save As Commands" because the save was done for Web and Devices which is recommended when displaying on websites as EXIF data are omitted and the files are smaller, which makes them load faster.

Hope that helps!