Quick Tip: Color Your Artwork Using Actions in Photoshop

Quick Tip: Color Your Artwork Using Actions in Photoshop

Tutorial Details
  • Program: Adobe Photoshop CS3+
  • Difficulty: Beginner
  • Estimated Completion Time: 3 Minutes

Final Product What You'll Be Creating

Photoshop actions can make lots of tasks easier; from batch processing to handling simple, every day tasks. Actions can seriously improve your workflow. In today’s quick tip we will demonstrate how to use actions to help color your artwork. Let’s get started!


Introduction

I must to tell you, I’m a lazy person and I always want to reduce the amount of extra work I have to do, even if it’s just one more click. I work at an advertising agency and every minute counts, today I’d like to share a quick tip that I learned that really makes my life easier.


Step 1

To start things off, I scanned one of my drawings and opened it in Photoshop.

Adjust the image a little with levels to get cleaner lines.

Create two new layers under the sketch layer, fill the lowest layer with white. Set the sketch layer’s blending mode to Multiply and set opacity to 30%.

Now fill it with basic colors. I use small hard-edged brush to paint edges of elements. Paint it on transparent layer between white background and sketch. Some people will ask, why don’t you use pen tool to do that? Right, you can use shapes to make basic coloring, but I prefer the hand-drawn look for my drawings, and not perfectly smooth.

­


Step 2

Here comes our first action. Go to Window > Action. Click Create new action icon.

You get new action pop up, now let’s give it a name – Color fill, and most important thing: choose F9 in Function Key drop down. This will be your shortcut for this action. You can use any other F key from the list, just keep in mind what by default F keys bringing some pallets, for example F5 open Brush pallet, so may be you want to keep it. Now click Record.

Pick Magic Wand Tool (W) and click to choose empty area inside painted edges. Now go to Select > Modify > Expand, set Expend by 1px and click ok.

Now press Alt + Backspace/Delete to fill selection with foreground color. And press Command/Ctrl + D to deselect. We finished to record our action, so go to Action pallet and click Stop playing/recording icon.

Now when we have our action ready we can continue paint. I draw edges of cream on new layer with light pink. Using Magic Wand Tool (W) select the inside and press F9 to get a nice and clean fill.

I use same technique to fill all parts of image. I don’t have to use it for small parts, like hands, it’s only good for large areas.


Step 3

Now draw more details. I will create the action, which make a new layer with clipping masks, this way I can paint inside basic shapes, but each detail on new layer. So, like we done before, create new Action by clicking Create new action icon. Name it Clipping mask, I chose F8 for Function Key, and click Record.

Create a new layer above let’s say the cream layer and make it a clipping mask Command/Ctrl + Alt/Option + G. Then go to the Action pallet and click Stop playing/recording icon. It looks like a really short action, but believe me, its saves tons of time then you use it over and over.

Keep adding details, using the F9 action for fast filling and F8 action to create new clipping masks.


Final Image


Conclusion

As you can see, actions are great for performing small repetitive tasks. For example, at work, I use F keys actions to convert to smart object, save as jpg, duplicate folders –  all the small things you use hundreds of times per day. Each one of you can create a set of actions you use the most. You can also use Shift and Ctrl/Command keys combination if you don’t have enough F’s. I hope this little trick will help you to work a little bit less.

Tags: Tips
  • Rafael

    Wow!!! Great Tut. Thanks

  • Ana

    Magic Wang Tool, huh?

    Best typo ever.

  • jeff

    “Pick Magic Wang Tool (W) and click to choose”

    Childish, but I lol’d at that. Otherwise it’s a great tip, thanks!

    • Michael Owens

      I spent an age looking for this new fangled Wang tool……

      Disappointed when I figured it was a typo :ha:

  • priya

    wow .. this is amazing tutorial.. i was thinking to make art work like this by scanning a drawing but didn’t know how to color it in photoshop…techniques n all…thanku so much..

  • Simeon

    Nice Tuts, 10x

  • http://prodigalconcepts.com/ rod rodriguez

    It’s been awhile since I’ve really appreciated a tutorial, this one’s off the hook, I’m definitely bookmarking this. I’m really not much into Photoshop actions but somehow you’ve converted me. Thank you!

  • Morgan

    Love this tutorial, but I’m a complete novice. I don’t understand where clipping masks come in to play. and how do you get from the last step to the final image…there is so much more detail and texture…shadows and highlights are very nice…please email me or point me in the right direction

    • Sparktakus

      Clipping Masks are used to show only the part of the current layer overlapping the layer below. For example, if you draw a circle on a layer and on the layer above you draw a stripe going across the circle, then create a clipping mask, the stripe will only show on the inside of the circle (without the need to erase what you don’t want to see). Clipping Masks come in handy when coloring !
      As for the final image, I guess the author used the dodge/burn tool on the color layers to create highlights and shadows. You should check out other tutorials on this site, which go deeper into advanced techniques.
      Cool tut by the way !

  • http://www.tegingraphics.com TeginGraphics

    Great tut i love this but sketch more sexy from fact (colored) :D

  • melissa

    Love the work the colors are great.So cute

  • http://www.designerterminal.com/ Taimur Asghar

    Thanks for the tips. Quit helpful :)

  • ReD

    How did you get final image? there is lot’s of mote texture and shadows, im interested about that shadow part.

  • http://www.animusmedia.com Raj

    Nice one!

    Thanks for posting :)

    Raj

  • http:www.anthonyrosbottom.com Anthony Rosbottom

    Thanks for going through the effort of making the tutorial.

    I colour my b&w sketches up in photoshop too but for me it feels more natural to just ‘paint the whole area in and use the square bracket short cut keys to quickly increase and decrease the brush size as I paint so that I’m filling in different areas but staying in the same ‘brush’ tool.

  • Manas

    Good tuts for beginners!
    But actual details required is from last step to final image

    Quick tip to detail tips is expected. Actions are here irrelevant. Selections/channels do the same and handy.

    Thanks in advance for details.
    Manas

  • http://rankjanx.com Dave

    Looks like a Tim Burton character sketch! the only thing I can think of for some improvement would be some sharpening of the final image. It looks a bit blurry.

  • http://www.aphrodite1994.com Mark

    Not something I’ve used much of in the past but I think I’ll have a good look at this

  • Mark Coyle

    Can this be done on Photoshop Elements 7 ?
    Thanks