Tag: Photoshop tutorials

How To Resize An Image In Photoshop

Resizing images in Photoshop can be tedious, especially if you’ve got an entire batch to go through. So, here’s a little trick I learned recently that’s saved me a lot of time and hopefully will benefit you too. In this tutorial I will teach you how to set up an Action, which once activated will re-size multiple images at once.

For those who doesn’t know what Actions are, they can be easily defined as Photoshop’s way of automatizing several tasks under the same process. They are crafted in a way for their usage to be universal – therefore you can apply them, regardless of the topic of your image.

It takes a while to set up, but if you follow these 10 steps carefully it will save you time in the long run. The great thing about this is that once you’ve mastered how to set an Action, you can set up Actions for all sorts of things in Photoshop.

Here’s how to do it:

1. First, you’ll need to create a folder for your resized images to move into. I created a file called ‘Resized Images’ on my desktop.

2. Next, open an image in Photoshop. Our next step is going to be geared towards the Action creation process.

3. Go to the Actions panel. If it doesn’t appear on the screen, go to Windows>Actions. My recommendation is to leave it as docked menu, right above of your layer panel.


4. At the bottom of Actions panel, there should be an icon which will allow you to create a new Action. It looks like a tiny dog-eared page. Click that.

5. Now choose a name for your Action.

6. Next, we have to record the Action. This process needs to be precise and well done because Photoshop will start tracking every single step you do within the software – My recommendation? Try to practice this process for a while before tracking it via Actions button.

So go to Image>Resize and fill in the field with your desired new size. For my Action, I have chosen to resize all images to 620 px in width.


7. Next, go File>Save As>Resized Images (the folder we created at the start). Then close the image.

8. Click stop in Actions panel (the small square at the bottom). The Action should now appear.

9. It’s a good idea to test out the Action before you put it to use, so open up an image and click play on the Actions panel. The image should resize of its own accord. You can check that the resized version has been saved in the Resized Images folder and then you’re good to go.

10. The next and final step is to resize multiple images using the Action we’ve just created. Open Photoshop. Go File>Automate>Batch. Select your Action. For ‘Source’ choose the folder where the images you want to resize are located. Check Destination says ‘Folder’ and that beneath it says ‘Resized Images’ – this will ensure the images will automatically save into the folder you created for them.

Click ‘OK’, sit back, and watch as Photoshop works its magic.

As you can see, a quick and effective process for resizing multiple images under the same step. Most users tend to believe that Batch adjustments can only be accomplished when using Adobe Lightroom or via Adobe Bridge, however, Photoshop does a fairly good job in cases like this one.

Please take into consideration that you can’t go over 10% of size increase on your image file, otherwise, you’re likely to experience undesired side effects such as pixelation (in the opposite case, you won’t have any problem at all).

You can increase the resolution of the image at any time of your editing process; which is advisable when your main goal is to print the final file. 72 px/inch resolution is meant for screen display, 150 px/inch is the minimum value to use when doing the print job and 300 px/inch is the advisable resolution to use. Remember to always set the size manually after increasing resolution values, as this tends to increase the image size in a far too notorious way as a side consequence of the resolution increase (creating noise in the same process).

Hope this guide on image resizing was helpful for you and see you next time!

You can also learn to make a photo look old in photoshop if you want to.

Split tone effect tutorial in Photoshop.

As photographers, we need very good and trained eyes to capture the right moment, light and composition in order to create a piece of art. An image that will express certain look or mood, conveying the photographer’s message/idea or current mood. But the creative process of photography doesn’t always finish just with capturing the images, in fact, this is where it just begins.

As soon as photography was invented, photographers started to use various editing techniques as a way of extending the artistic merits of their craft. One such technique was the so-called “Split tone” – which, in analog days, was achieved in a dark room. Luckily, nowadays, we don’t need a whole room, full with a collection of chemicals, to emulate this effect – all we need is a PC, calibrated monitor, and Photoshop.

Today I will be showing you, one way and probably the most flexible and versatile, of how to Split Tone your B&W and even color images in Photoshop.  

Ok let’s roll our sleeves up and begin work by opening an image in Photoshop – in this example, I will be using one of my images, from my creative portrait photography portfolio, which I also think is a good candidate for the effect to be applied on.

Print screen showing step by step tutorial in Adobe Photoshop, of how split toning effect can be done.

The very first thing we need to do with the image is to convert it to a gray scale – in this instance, I will use “Channel Mixer” to quickly convert my image. In case you like to speed up this process, and you have the perfect formula for your B&W conversion, a good option will be is to use Photoshop Actions function to this for you. On the example image bellow, I have marked, with red checks, the sliders I used in the process.

Tone spliting effect in Photoshop - tutorial.

In the next step will be adding Gradient Map – adjustment layer. Once you have it open, in the properties box, click on the gradient strip in order to access Gradient Editor window – where all the magic will be happening.

Split toning effect, Photoshop tutorial.

At this stage our image is still B&W, you may get different gradient preset by default (if this is the case select b&w gradient, as shown in the image). In any case what you need to do at this stage is to pick up colors for the shadows and highlights – as shown in the images bellow.

A screen capture of a photoshop workflow emulating split toning effect, in this image color for the shadows is being selected.


Split toning effect tutorial in Photoshop, selecting color for highlights.

On the last image, you can see that I have also added a color variation for the mid tones too, another thing to notice, and it’s quite helpful to know, is the small dot on the slider. Moving it left or right helps you control the balance between the colors you have picked, within the range. On the next image, you can see that as soon as I added mid-tones slider now we have two dots, which will be controlling the balance in the range of the tree colors we picked so far.

Split toning effect tutorial in Photoshop, controling color gradient.

Now is time to hit ok button, and you’ll get a result similar to the image bellow – where the effect is quite strong, but for our purposes, it is a good example of how the image is split into tree tones.

A screen capture of a photoshop workflow emulating split toning effect.

All we need to do now is just reduce the opacity of the Gradient Map layer, and voila you have a beautifully split toned image.

Split toning effect tutorial in Photoshop, final stage reducing layer opacity.

All of the steps we cover above were very good exercise, which will help you understand how the tool work – which in its own turn will help you be a better artist, the one who is in control of the entire creative process.

But there is one little trick I like to reveal, I hope you won’t hate me for this!

As we all know very well, programs such as Adobe Photoshop or Lightroom are well packed with different sorts of presets – and it turns out that we also have Photographic Toning presets. These are very well made and balanced Toning effects, they can make a very good starting point for your creative work (please see the image below). In this case, I have used the “Sepia – Selenium 1” preset. Another thing I need to pint out is when using presets you don’t need to convert the image into grayscale.

Split toning effect tutorial in Photoshop - presets.

I really hope you enjoy this tutorial and don’t forget – you are the artist with a unique and original vision who will be creating a masterpiece. So go ahead, bravely, and experiment with all these sliders and the technique I have shown you in this tutorial.

Before you hop out, don’t forget to learn the best way to correct wide-angle distortions in photoshop.