How To Use Photoshop Actions to Speed Up Your Comics Work
If you use Adobe Photoshop at any point in your comics making process, then there’s a good chance you should be using Actions to speed up your process. But what are Actions, and why would you want to use them?
Let’s tackle the second part of that question first. By nature, comics making is quite repetitive. We find ourselves doing the same task over and over again. Setting text, converting files, speech bubbles, fills, selections, it goes on and on. All this takes time, and for those of us who make comics, time is one of our most precious commodities! Sure, you memorize your keyboard shortcuts and your processes and you think you’ve gotten pretty fast. But the truth is, if you aren’t using actions you are wasting your time.
Photoshop Actions allow you to record a set of steps – steps that can get very complex and layered – and play them back at the press of a button. Think of the most complex process you go through each time you make a comic – the digging through menus, setting values and finding keystrokes – and then imagine you could avoid all of that and just click a button. Well, with Actions, you can do that.
While it all sounds great in theory, let’s look at some concrete examples. First, let’s make sure your actions panel is showing by going into the menu and choosing Windows > Actions. If you’ve never used them before, your panel may look something like this:
The arrow circled in red will expand the default set (or any set you save). If you click the icon circled in green on the upper right, you can choose “Button mode,” and the list will switch to clickable buttons. Once you have your actions set up, that is how you want to use them.
Automated tasks sound great, but how specifically might we use them? First, let’s take an extremely task intensive process – preparing a scan as lineart. I scan my artwork in at 600dpi in grayscale. From there, after stitching images together if necessary, I want to convert that scan into layers, one that has just the lineart in black, and one that has a white background. This allows me to put lots of other layers and leave the lineart intact – and also allows me to color the lineart with ease.
The process I use for this is taken nearly verbatim from Brad Guigar’s explanation in the book “How to Make Webcomics.” It is no less than 26 steps! Take a look at the action below to see them:
Do I want to run through 26 steps every time I make a comic – and worry about all the associated settings for some of them? I certainly do not. This is a perfect case for an action!
What other processes do I continually repeat? Well, about 100 or so times each comic, I select an area, expand it by 2 pixels (to “trap” the color so it essentially goes “under” the lineart and prints correctly) then hit alt-delete to fill the area, and deselect. After about the 20th time, I’m about ready for carpel tunnel surgery.
That’s another perfect item for an action. How about exporting my comic for web publication? That involves sampling and sizing down – that’s an action. Inverting a selection, which is a goofy keyboard shortcut – action. In a case very specific to my comic, I have a speech bubble for a character named “Voon” that uses a Filter to get a wavy balloon effect. There are no less than 8 specific parameters I would have to constantly remember (and I never did) to replicate the effect. That’s definitely an action! See below:
And I should mention a bonus feature of actions – namely you can map them to function keys! So looking at my actions in button mode, this is what you would see:
So I scan my artwork (when not working digitally), stitch it together and make sure it’s level, and I hit the first button “Prepare Strip Lineart.” Then I sit back as 26 steps go flashing by at light speed, and in moments I have a document with a lineart layer and a background all ready to color.
Now I begin by flatting, and I select a bunch of areas that take a certain color – say skin color for my main character, Captain John. As you can see in the screen shot above, I have “Expand and fill” set to F3. So after making my selections, I hit F3 and boom (insert John Madden voice there) all the skin is filled and the areas are deselected. I do the clothes, F3, the robots, F3, the walls, F3, etc. You get the picture. I’m now blazing through this process when it took hundreds of keystrokes and mouse clicks without using an action.
When I’m doing my speech bubbles, I select a bubble for Voon, hit the “Voon Bubble” button and boom – it’s done. I never even open the filter settings. And when the strip is complete, I paste a merged copy of the final art in a new document and hit “RGB Publish Strip” and my strip is converted to RGB (I color in CMYK to make sure my colors are not out of gamut for print) and sized appropriately for the web. I export, and I’m done!
Many of you can probably benefit from a couple of my actions, but I’m nearly 100% certain that each of you has your own little processes that take up time that can be stored in an action. Once you figure out a process that you want stored in an action, it’s a simple matter to create one.
The first thing you want to be sure of is that you have your process memorized or written down, and that you have a document open on which to execute that process. When you record your Action, you want to do it exactly as you would normally without any mistakes – because if you make mistakes, those get recorded, too! (And if you do, you can just start over.)
Next, you need to be in “list” mode, so if you chose “Button Mode” before, go back and change it back by clicking that little “list” icon in the upper right hand corner of the panel and deselecting “Button Mode.” At the bottom of the panel you’ll see some familiar buttons. The garbage can is self-explanatory. The “new” icon – the page with a flap – gives you a new action, like so:
Here you’ll want to give your action a name, as well as assign it a function key if you desire. (If it’s something you do a lot, like my fill action, it really helps to do this.) Note you can give the function key modifiers like shift or command, too. You can also give actions colors if you like to categorize them.
At this point you want to be ready, because once you hit the “Record” button, you are live. So it’s important to have any “pre-existing” steps already done before recording your action. For example, for my fill area action, it presupposes a selection. So I recorded my action with a selection already made. If I were to try and run my fill area action without a selection, I’d get an error (or some funky results, depending on the action).
You’ll see the circle icon at the bottom of the panel turn red, indicating you are recording. You now perform all the steps of your process, and when you are done, you hit the square icon (see below) to complete the recording.
Now your action is complete! Switch back to button mode and give it a try. Then sit back and bask in the glory of all the time you will save.
Here’s a short little video showing me using my fill action on a couple of characters:
If you’d like to use or mess around with my own actions, you can download them from my resources page (click the big actions icon.) You load them by clicking that same “list” icon and choosing “Load Actions.” They will be appended to anything else that is there. Note, if you want to try and use the “Prepare Strip” action, you need to set your foreground/background color to default (black in front/white in back) and you need to click the background layer in your grayscale scan and give it the default name of “Layer 0.”
As always, have fun making comics!
__________________________
See Tom’s webcomic called Marooned here: www.maroonedcomic.com










15 Comments
Another useful trick… By default, if you record an action and any step of the process has a dialog box, you won’t see the dialog box again when you play the action. However, if you WANT to see the dialog box each time, you can enable it. In the second screenshot up there, there’s a column just next to the check boxes, where only some of the steps (like Image Size, Fill, etc.) have a box that can be chosen if you wish to always see the dialog box for that step. Actions are very versatile things!
Wow! I’ve never really used actions while knowing that I probably should. What I hadn’t thought of was using it to go through all the actions I do when prepping scanned line art. That alone will be worth it! And the fill too.
You have officially changed my work life. Thank you!
I’ve been using Photoshop for years and I never knew this. I’m truly astonished, and I plan to implement this at once in my comic! With all the layers and setups I put on each page this will really save me time, and equalize the quality of the pages! So useful!
–M
Huh, there’s a “button mode.” Can’t believe I didn’t know about it. And shortcuts for actions! Wow. I can’t believe how much time I’m going to save from now on. Apparently I was using Actions all wrong. Who knew.
I’m glad folks are finding this helpful! The truth is that Photoshop is a very complex piece of software, and there are layers upon layers (no pun intended) as you start digging into the functionality.
As Nightlyre said, you can also click the icon to the left of a row and if there is a dialog box associated with that particular part, it will pop up. That can be useful where you are repeating a step but not always inputting the same parameters.
I haven’t even tried using actions for my comic. But I have used actions before mainly with animation jobs. When I work on animation that is all hand drawn frames that I scan I use actions CONSTANTLY! It saves me years of brainless clicking.
Now that you mention it for comics, I need to think about my workflow and see how I can incorporate it. Thanks again Tom!
Yes, awesome post! I’ve got Photoshop actions for prepping illustrations and comic pages but I’ve never tried that button mode. Thanks so much for the great tip.
Yeah, I’m ashamed that I’ve used Photoshop since 1998 and I never knew about actions till last year (though I don’t know in which version they were implemented). HUGE HELP! Good article, Tom. Neophytes take heed, lest you end up like me and waste many hours performing the same mind-numbing tasks over and over.
Actions are fantastic! I use them but probably not as much as I should.
I remember watching Scott Kurtz draw a comic for us at New England Webcomics Weekend–the first thing he did was freak out when he realized that the guest computer hadn’t been configured for his Actions. He built “expand and fill” right there before he started drawing, an Action that I for one couldn’t live without.
You can also use actions in pretty much every Adobe program, including Illustrator. So if you do your own lettering they can be a real big help (that’s where I use them).
I do the exact same thing for coloring and I also made an action for it. It makes flatting a breeze!
I’ve used Actions plenty of times but the one I’m curious about is your Expand and Fill.
How do you get it to select all those areas so easily without lasso-ing them?
@Adam – I’m using the magic wand tool set to “add to selection” mode. When I ink my panels, I am pretty conscious to try and close my shapes wherever possible, especially on characters. Then because my lineart is on its own layer, selections become very easy for those areas. I’m just clicking in those open spots and, since I’ve drawn them mostly closed, I select exactly what I want.
Then when I hit the action, I get the expand that I need for trapping and the fill. This makes the process of flatting very fast. There are few spots where I really need to hand select, and that becomes easy – Captain John’s Face/head area is one of the few. In those cases, I draw a colored line first to close the shape, then continue on as normal.
I know there are flatting plugins out there, but I’d put my method up against those any time, as I do not have to reselect stuff to get it to the right color, it’s just done. Quite often I flat a whole page in 5-10 minutes, easy.
Thanks! Had never heard of this. Wish I’d known about it sooner – I’m just about to start colouring the final set of pictures for a project. It will save loads of time, which is great as we’re running late.
I’m using Corel, and there it’s called “Recorder” instead of “Actions”