Skip to main content

How to Color an Illustration in Photoshop

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:

Coloring in the lines

Let's travel back in time to coloring books and 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!

Thanks for watching Phlearn! If you enjoyed this video be sure to subscribe to our channel so you don't miss a thing!


For more advanced Photoshop Tutorials be sure to check out our Phlearn PRO Tutorials. We offer the best Photoshop tutorials available starting at just $24.99.


Stock Images provided by:



Popular posts from this blog

C++ Programming Tutorial - How to Install Code::Blocks in Ubuntu Linux - Learn Online

Installing Code::Blocks How do I Install Code::Blocks HOWTO: Installing Code::Blocks 10.05 How do you install Irrlicht on Code::Blocks? How do you install CodeBlock on ubuntu? codeblocks /bin/sh: g++: not found Installing codeblocks on ubuntu Installing Code::Blocks on Ubuntu 10.04?

Facebook Advertising Coupon – What Happened?

It used to be that Facebook had many different promotions in which they gave out free $50 advertising coupons. Facebook Advertising Coupon is only getting from some hosting service that is include in godaddy Hostgator and 1and1, If you do a search for “Free Facebook Coupons” on Google you’ll probably see some results like this: Free coupon when you buy WordPress hosting through GoDaddy Free coupon when you setup a DIY website through specific website builders Free coupon when you “like” Facebook’s Marketing page Unfortunately none of these are still active. What happened is in mid-2015 Facebook tightened their hold on advertising credit coupons, likely in response to companies who were “reselling” coupons on eBay and Fiverr. As a result, Facebook ended many of these promotions. Facebook Advertising Coupon Facebook Ads can get expensive pretty quickly. There’s no secret about that. And with organic reach continuing to decline with the most recent algorithm update to th

Contextual Design and Development is the Driving Force Behind all Successful Mobile Applications

The time of ordinary custom web application design & development is long gone. Today the focus is on contextual design and development. It is the rise in the popularity of mobile applications that has provided the impetus for giving importance to ‘context’ when it comes to app or web development. Let’s focus our attention on mobile applications and why mobile applications need to be developed keeping the context in mind. Because they are used in diverse locations Let’s face it. We all love mobile apps because they can be used just about anywhere and at any given point of time. Yes, that’s right, they can be used in offices, on a train, in the kitchen, movie theatre and the list just goes on. So, the app needs to be developed in context of the location. Different users have different needs when it comes to a mobile app and these needs, in part, are determined by their location. For e.g. if a developer thinks a particular app that is in the process of being developed will onl