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!
Free Lorem Ipsum Generator
The best Lorem Ipsum generator plugin for Photoshop, Illustrator, InDesign & Dreamweaver.
Download Free Lorem Ipsum Generator →
lorempicsum
Select your favorite cartoon, click to copy the url and you’ll get a placeholder.
Download 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.
Download Transform Each Beta →
AtlasCSS Photosop plugin
Just put all your icons on a folder, run the Photoshop script, and it generates a CSS with the coordenates and size of each icon, using the original filename as CSS selector.
Download AtlasCSS Photosop plugin →
Mockup Flat Shadow – Photoshop Action
Give your designs flat style with this shadow photoshop effect.
Download Mockup Flat Shadow →
Retinize It
The best Photoshop actions for preparing designs for iOS or optimized for Retina-display websites.
Download Retinize →
iOS 7 UI Kit Ps Actions
All you need is this little 1.5 MB .atn file that creates entire default look iPhone mockups, at the speed of light.
Download iOS 7 UI Kit Ps Actions →
Actions-Stereo display.atn for PS
You can create amazing Perspective Mockups using this free photoshop action.
Download 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.
Download iOS 7 OCD App Icon Template →
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.
Download Theme Switcher – free extension for Photoshop →
Long Shadow Generator
A photoshop extension to create long shadow with one click!
Download Long Shadow Generator →
flaticon
Just search for the icons you need, select the ones you like the most and use them in vector format, so you can customize them in any way you want. As simple as that!
Download flaticon →
Bjango Actions 2.0 (PSDs + Actions)
Ready to rock for iOS 7. The icon grid guides are all 2px wide, because that’s how all guides should be in screen design tools.
Download Bjango Actions 2.0 (PSDs + Actions) →
Composer
Update multiple layer comps in Photoshop with just one click. Less maintaining, more designing.
Download Composer →
3D Isometric Map Mockup (Psd, Action)
A 3D map Photoshop action to convert a flat map to a three dimensional isometric stylish one a single click.
Download 3D Isometric Map Mockup (Psd, Action) →
Pixel Spec Measuring Script for Photoshop
Will automatically create lines, arrows and labels based on your selection type. For both Mac and PC.
Download Pixel Spec Measuring Script for Photoshop →
Lorem Ipsum generator
Extension panel for Photoshop that will help us to put dummy text on our layout.
Download Lorem Ipsum generator →
LayerMiner: Photoshop script exports Layer Styles to JSON
It’s tiny script that exports data like Drop Shadow, Gradient Fill, Stroke, Opacity, Bounds, Solid Overlay, Glow and more to a JSON file next to your PSD file.
Download LayerMiner: Photoshop script exports Layer Styles to JSON →
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.
Download ScreenShot Photoshop action →
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.
Download Interface Tools Photoshop Plugin →
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).
Download Expanding Smart Objects (Script) →
ShotThumb
ShotThumb is Activity Tracker for Adobe Photoshop CC.
Download ShotThumb →
Cut&Slice me
Cut&Slice me cuts and exports them in png format trimming the pixels you don´t need, or let you can specify the size you want. Or you can export all states of your buttons in the blink of an eye.
Download Cut&Slice me →
Subtle Patterns Photoshop Plugin
Imagine the immense library from Subtle Patterns, fed directly into your Photoshop panel – always in sync! It’s finally possible with our plugin for Adobe Photoshop.
Download Subtle Patterns Photoshop Plugin →
Enigma64
the fastest way to get images from Photoshop
Download 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.
Download BlendMe.in →
skeuomorphism.it
Make it Flat! Become a flat design pro in seconds with this simple photoshop plugin.
Download skeuomorphism.it →
CSS3Ps
Free cloud based photoshop plugin that converts your layers to CSS3.
Download 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.
Download GuideGuide →
SuperPNG
SuperPNG is a free plug-in for using PNG (“ping”) files. It has more comprehensive support for the format than Photoshop’s included plug-in and provides control over alpha channel handling.
Download SuperPNG →
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.
Download The FontShop Plugin →
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.
Download Corner Editor →
