33 Free Photoshop Actions To Improve Your Web Design Workflow

One of the most important things these days for web designers seems to be improving their every day workflow and doing more within less time. If this is done properly, it usually translates in less headaches. In this post i’ll help you solve that problem, so here are 33 free photoshop actions to automate all of the mundane daily tasks that have made their way into your design workflow.

If you like web design, you’ll love our favorite website designs, check them out here on Envato Market. They are fully licensed and ready for client work!

lorempicsum

Transform Each Beta

I always wished photoshop had a “transform each” option like in illustrator. Luckily, Kamil Khadeyev wrote an awesome little script that brings that feature into photoshop. I highly recommend checking out his blog for other useful PS scripts.

Actions-Stereo display.atn for PS

iOS 7 OCD App Icon Template

Most iOS app icon templates start out with designing at 1024×1024 and use a single smart object that is then scaled to every size needed. With this approach, it’s quite difficult to gain context for each size. More importantly, there’s no way to tweak the app icons for various devices.

Theme Switcher – free extension for Photoshop

It simply lets you pick up the GUI Theme (that is: the Photoshop interface color, which since CS6 goes from Original to Light Gray, Medium Gray and Dark Gray) with one click – handy little panel that eliminates the need to dig into the Preferences.

ScreenShot Photoshop action

This is a small action created in order to take a normal screenshot from a website and convert it into an image that looks like it is shot with a camera from the computer screen. It is free to use for any purposes.

Interface Tools Photoshop Plugin

Please note that this has only been tested in Photoshop CC for Mac but it should work in CS6 at least I think. As you can probably tell if you are familiar with Marc’s work, this panel was inspired by the Bjango Tools one.

Expanding Smart Objects (Script)

Take a notice though, script works only with Smart Objects that were created in Photoshop. With Illustrator’s Smart Objects it will not work. Also, script expands original Smart Object, without transformations (e.g. if you resized your SmartObject in 200%, expanded will be 100% anyway).

Enigma64

BlendMe.in

BlendMe.in is a Photoshop extension that allows you to quickly find a high-quality icon that you can simply drag and drop and then easily continue your ideation. All of the icons are vectorial and have been inserted as smart Photoshop objects, meaning that you get all the icon components as layers (vector objects, adjustment layers, etc.) so that you can easily tweak them to match your creation.

CSS3Ps

GuideGuide

With GuideGuide, it doesn’t have to be. Pixel accurate columns, rows, midpoints, and baselines can be created based on your document or marquee with the click of a button. Frequently used guide sets can be saved for repeat use. Grids can use multiple types of measurements. Best of all it’s free.

The FontShop Plugin

The FontShop plug-in gives you the ability to test out and preview a massive amount of fonts in your mock-up. It can be extremely useful if you use TypeKit as a lot of the fonts in TypeKit are in FontShop as well.

Corner Editor

Creating rounded corner boxes in photoshop is easy, however, if you’ve ever tried to resize them you’ll know that the corners don’t maintain their radius and become distorted. Corner Editor is a simple free script that makes working with rounded borders in photoshop much less frustrating.