Home > Free Tutorials > Graphics & Text > How to Color an Illustration in Photoshop

How to Color an Illustration in Photoshop

  • Easy
  • 30
  • Add to

Anyone can be an illustrator in Photoshop!

Learn How to Color an Illustration in Photoshop in today’s episode. Start by downloading an image from a stock website like Fotolia, or scanning in your very own work! If you want to follow along with this episode, click HERE to purchase Fotolia’s pineapple.

Share this tutorial

Coloring in the lines

Let’s travel back in time to Coloring books and crayons….be sure to Color in those lines! To make this job much easier, use a Selection Tool to select just the Background of the illustration (this will depend on what type of image you have. If it makes more sense, feel free to select the illustration itself instead). Then, turn the selection into a Layer Mask. You will need to Invert the mask (Cmd/Ctrl + I) if you selected the Background originally. That mask will be applied to a group that holds all of your layers.

Now, when you paint on top of the image, you will only be able to color inside of the lines. Yay.

Time to have some fun!

Select whatever color you want to start with and have at it! Your mask will restrict you to staying within the lines, but that can always be turned off. It’s also helpful to put each color you paint with on a different layer, so that you can go back in and edit them individually.

Highlight & Shade

Art tip #1: Figure out where the Light source is! We decided that on the pineapple, the Light/sun will be coming from the upper left corner. This means that the parts closest to that Angle will be the brightest and have highlights. It also means that Shadow would fall on the opposite side of the fruit. Highlights and Shadows will help to make your illustration look much more realistic.

We recommend using the color palette to use a darker version of your illustration Colors for the shading, and a lighter version for the Highlights. Using a dark color is much better than just using a grey or black.

Don’t Forget the Details

To add some really nice and subtle detail, we paint some reds and yellows over top of the pineapple and change the blending mode to Soft Light (this is on a New Layer). We do the same in the leaves of the fruit, and it makes the illustration much more interesting and dynamic!

Although we already painted in some general Highlights and shadows, some tiny little Strokes will add a nice effect too. We create a New Layer and Draw some tiny white highlights on the tops of the leaves and the round parts of the pineapple bumps. The same is done for the Shadows, by adding some Dark Strokes underneath the leaves and on the underside of the pineapple bumps.

That’s all there is to it! You can really have some fun with this technique, so don’t be afraid to experiment with crazy Colors and drawings!

30% Off SALE

Save 30% on all individual purchases & subscriptions now through March 22nd.
Shop the Sale!


How to Master Blending Modes in Photoshop
In this tutorial, we break down all 27 blending modes that Photoshop offers, providing in-depth explanations and practical examples that are bound to help you get your creative work done faster and with impressive results.
Join us as we equip you with everything you need to know about shooting and editing in monochrome.
With over 4 hours of step-by-step instruction, we cover the tools and methodology required to make any color change appear realistic and natural.
While it may seem like magic, the ability to make anything disappear in Photoshop isn’t a trick – it’s a skill that anyone can learn.
Photoshop Compositing
In this tutorial, we cover several tools and techniques that, when combined, will allow you to create perfect masks of anything from the precision curves of designer products to the messy detail of a head of hair.

Watch hundreds of PRO Tutorials and download Lightroom Presets, Photoshop Actions and more.
Learn More


There are no reviews yet.