Tuesday, January 21, 2014

Create your own action in Photoshop - Tutorial

Hello there fellow scrappers,

For today I have a little trick that might make your scrapping easier. Have you ever been bored of doing the same thing over and over again and wondered if there could be shortcuts to ease your life? I'm talking specifically about resizing your layout for posting on the web.

After I'm done with my layouts I have to get them ready to post online and they need to be resized to 600x600 pixels (usually) and saved at a resolution of 72 pixels/inch. This can become tedious when it could be done in one single click using an action. Of course you could find one already made and pay the price for it but why would you do that when you can make it yourself?

Here are some easy steps to create your own resizing action with Photoshop:

  1. Start with your layout (all layers should already be merged together)

  1. Open the Action window, usually represented by a black triangle inside of a white rectangle. Or go to Window>Actions or with the keyboard shortcut Alt+F9

  1. Create a new set. This will allow you to have a folder with your own actions to make it easier to find later. Give your set a name. I named mine Pleach's actions (my husband calls me Pleach)

  1. Create a new action. Give a name to your action. I named mine Smallerize for web (notice I even created my own word there?). Leave everything else as is. And click Record.

  1. Notice the circle turned red. It means all your actions will now be recorded. The first time I did this I felt rushed and got stressed out because I thought it was timed for some silly reason... but don't stress. Take your time.

  1. Now on to recording the settings we want. Go to Image> Image size. First change the resolution from 300 to 72 pixels/inch. Make sure the box “Constrain Proportions” is ticked. Change the dimensions of your layout from 3600 to 600 pixels. It will change both width and height at the same time. Click ok.

  1. I like to sharpen my layout at this point. You can choose to skip this step. Open Filter>Sharpen>Unsharp Mask... Adjust the settings as is: Amount 150%, Radius 0.3 pixels and Threshold 0 levels. Click ok.

  1. To finish your action click on the square at the bottom of the actions' window. The red circle should now turn black again.

  1. Now all you need to do is save your layout. Go to File> Save for web and devices. A window will open with 4 sneak peeks of your layout. I select the top right corner and play around with the quality so it's just below 250k (most galleries' maximum layout size). Click save and choose a name for your file. And you are done.

Good luck with this tutorial. We hope you enjoy it!

If you have enjoyed this tutorial, please feel free to share it, but you are not allowed to copy its content or to claim it as your own. You can download a pdf version of this tutorial here. We hope you enjoy it!

It's even better to share the link to the blog as we will be adding new tutorials regularly on scrapyrusdesigns.blogspot.com

Products used in this tutorial:


  1. Great tutorial.It's amazing and fantastic tutorial. I like it most.So i am very grateful to you.
    clipping path service

  2. Really photoshop is the great software for photo editing or photo processing service and action plate is most important and helpful for graphic designer cause it reduce time for image processing. This tutorial very important for graphic designer, thanks sharing this tutorial with us. Also we use all time action plate for image processing.

    Clipping Path Service | Clipping Path Service | Clipping Path Service

  3. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic.

  4. When I work for bulk image of our services than I always use action option, really great technique, thanks for sharing.

    Clipping Path Service | Neck Joint Service | Photo Retouching

    | Drop Shadow Service | Image Masking Service | Multiple Clipping Path

  5. Really this tutorial is more details step by step, so that it is easier to learn for any one who want to create something
    new in any picture by photoshop. Thanks for sharing.
    Clipping path service India

  6. This comment has been removed by the author.

  7. your tutorial is so informative and effective for me.So i am very grateful to you.thanks for sharing with us. Clipping Path Service

  8. so nice and helpful photoshop tutorial .. thanks go ahead

  9. I'm a designer and marketer. The tutorial is great and it increase my photoshop skill. Thanks for sharing a great tutorial.

    clipping path service
    clipping path
    color correctoin service

  10. This is great post, and i like the images Idea, This is very good. thanks for Sharing
    . Clipping Path Service

  11. Awesome post, really i appreciate it. Thanks a lot for your nice sharing.
    Clipping Path / Clipping Path service / new movies / civil engineering

  12. Really photoshop is the great software for photo editing. thanks for beautiful tips.
    Clipping Path service | Clipping Path service

  13. I am searching how to create a action for image resizing and finally I have found great one here and easy to learn .thanks so much for your great post .

  14. Your tips are really useful. Thank you so much to share. Jewelry Retouching | Jewelry Photo Retouching

  15. This comment has been removed by the author.

  16. That is really nice post. Thanks for sharing this nice post. I hope Multiple Clipping Pathpost will be much more helpful for your visitor.

  17. Thank you for valuable post. It is very help for for all people. They can also get veluable content of clipping path service .

  18. Really photoshop is the great software for photo editing or photo processing service and action plate is most important and helpful for graphic designer cause it reduce time for image processing. Hope that this tips are more helpful for every designer to scrapping their work process.
    Clipping Path Service

  19. Thank you very much for post the article. Really, it's very good. I have learnt a lot about this. I'll try to apply your ideas and tips.

    Background Removal Services (BRS) is one of the best Clipping path service provider around the world. We offer our global customers: Raster to Vector Services,Photo Neck Joint Service, Exposure Color Correction Service, Jewelry Photo, Retouching Services, Photo Color Correction Service, Image Mirror Effect Service, Cheap Retouching Services, Deep Etching Service, Photo Background Removal Service, Multiple Clipping Paths and Online Clipping Path Service.

  20. I appreciate your work, thanks for all the great blog posts.

  21. You have described all the step nicely...Hope you will do this great job in future..
    background remove

  22. I really benefited from your steps that you have explained here perfectly. thanks